@import url("components.css?v=15");
@import url("edocman.css?v=15");

/* =====================================================================
   crypto-sentiment.com – Child theme styles (sentix design system)
   Colours/fonts come from the YOOtheme customizer (LESS variables).
   This file only adds what the customizer cannot express.
   All own classes use the prefix "cs-" (Bootstrap is loaded too).
   ===================================================================== */

:root {
  --cs-navy-900: #091B32;
  --cs-navy-800: #0E2A4B;
  --cs-navy-700: #133C65;
  --cs-blue: #408CFF;
  --cs-blue-600: #2F74E0;
  --cs-blue-100: #E6F0FF;
  --cs-blue-soft: #8FC0FF;
  --cs-light: #F4F7FB;
  --cs-line: #DDE4EE;
  --cs-text: #1B2433;
  --cs-muted: #5A6678;
  --cs-btc: #F7931A;
  --cs-radius: 12px;
  --cs-shadow: 0 1px 2px rgba(9, 27, 50, .06), 0 8px 24px rgba(9, 27, 50, .08);
}

/* ---------- Header ---------- */
.uk-logo svg { height: 40px; width: auto; display: block; }
@media (max-width: 639px) { .uk-logo svg { height: 32px; } }
.tm-header .uk-navbar-container:not(.uk-navbar-transparent) { border-bottom: 1px solid var(--cs-line); }
.tm-header .uk-navbar-nav > li > a { font-weight: 500; }
.tm-header .uk-navbar-item .uk-button-primary { margin-left: 8px; }
.uk-navbar-dropdown { border-radius: var(--cs-radius); box-shadow: var(--cs-shadow); }

/* ---------- Footer ---------- */
.cs-footer a:not(.uk-button):not(.uk-icon-button) { color: rgba(255, 255, 255, .75); }
.cs-footer a:not(.uk-button):not(.uk-icon-button):hover { color: #fff; }
.cs-footer .uk-h5, .cs-footer h3 { letter-spacing: .1em; text-transform: uppercase; font-size: 14px; }
.cs-footer .uk-nav-default > li > a { padding: 5px 0; font-size: 15px; }
.cs-social { display: flex; gap: 10px; }
.cs-social .uk-icon-button { width: 40px; height: 40px; border-radius: 50% !important; background: transparent !important; border: 1px solid rgba(255, 255, 255, .25); color: #fff !important; box-shadow: none !important; outline: 0; }
.cs-social .uk-icon-button svg { width: 18px; height: 18px; }
.cs-social .uk-icon-button:hover { border-color: var(--cs-blue); background: rgba(64, 140, 255, .12); }
.cs-footer-bottom { border-top: 1px solid rgba(255, 255, 255, .12); padding-top: 22px; }
.cs-footer-bottom p { margin: 0; color: rgba(255, 255, 255, .6); }
