/* ================================================================
   FINAL DETERMINISTIC UI / UX THEME
   Mayer Germany Textile
   - Header + footer: Steel Blue #008BB0
   - Ticker: deliberately different readable text color
   - No gradient/color flash
   - Logo: transparent, correctly fitted asset
   ================================================================ */
:root{
  --telegram-blue:#008BB0;
  --telegram-blue-dark:#356A96;
  --ticker-bg:#E9F6FA;
  --ticker-text:#10333F;
  --ticker-icon:#00A5CE;
  --white:#FFFFFF;
  --text-main:#10333F;
  --text-muted:#4C6873;
  --border-blue:rgba(255,255,255,.34);
}

/* ---------------------------------------------------------------
   1. HEADER + FOOTER — ONE EXACT COLOR
   --------------------------------------------------------------- */
html body header.site-header,
html body header.nav-blur,
html body .site-header,
html body .nav-blur,
html body footer,
html body .site-footer,
html body footer.bg-\[\#FFFFFF\]{
  background:var(--telegram-blue) !important;
  background-color:var(--telegram-blue) !important;
  background-image:none !important;
  color:var(--white) !important;
  opacity:1 !important;
}

html body header.site-header,
html body header.nav-blur,
html body .site-header,
html body .nav-blur{
  border-top:0 !important;
  border-bottom:1px solid var(--border-blue) !important;
  box-shadow:0 5px 18px rgba(16,51,63,.16) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

html body footer,
html body .site-footer{
  border-top:1px solid var(--border-blue) !important;
  border-bottom:0 !important;
  box-shadow:0 -6px 20px rgba(16,51,63,.10) !important;
}

/* Navigation and language controls remain high-contrast. */
html body .site-header .nav-link,
html body .site-header .text-white,
html body .nav-blur .nav-link,
html body .nav-blur .text-white{
  color:#FFFFFF !important;
  text-shadow:none !important;
  opacity:1 !important;
}

html body .site-header .nav-link::after,
html body .nav-blur .nav-link::after{
  background:#FFFFFF !important;
}

html body .site-header .language-switcher,
html body .nav-blur .language-switcher{
  background:rgba(255,255,255,.12) !important;
  border:1px solid rgba(255,255,255,.55) !important;
  box-shadow:none !important;
}

html body .site-header .lang-btn,
html body .nav-blur .lang-btn{
  color:#FFFFFF !important;
  opacity:1 !important;
}

html body .site-header .lang-btn.active,
html body .nav-blur .lang-btn.active{
  background:#FFFFFF !important;
  color:var(--telegram-blue) !important;
  box-shadow:0 4px 12px rgba(16,51,63,.18) !important;
}

/* Mobile menu must use the same header color, not the old light-blue flash. */
html body .site-header #mobileMenu,
html body #mobileMenu{
  background:var(--telegram-blue) !important;
  background-color:var(--telegram-blue) !important;
  background-image:none !important;
}

/* ---------------------------------------------------------------
   2. TOP TICKER / LENTA — DIFFERENT, HIGH-CONTRAST TEXT COLOR
   --------------------------------------------------------------- */
html body .marquee-container{
  background:var(--ticker-bg) !important;
  background-color:var(--ticker-bg) !important;
  background-image:none !important;
  border-top:1px solid rgba(0,139,176,.22) !important;
  border-bottom:1px solid rgba(0,139,176,.22) !important;
  box-shadow:0 2px 10px rgba(16,51,63,.06) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  opacity:1 !important;
}

html body .marquee-track{
  will-change:transform;
}

html body .marquee-item,
html body .marquee-container .marquee-item,
html body .marquee-item span{
  color:var(--ticker-text) !important;
  -webkit-text-fill-color:var(--ticker-text) !important;
  opacity:1 !important;
  text-shadow:none !important;
  font-weight:800 !important;
  letter-spacing:.11em !important;
}

html body .marquee-item i,
html body .marquee-container .marquee-item i{
  color:var(--ticker-icon) !important;
  -webkit-text-fill-color:var(--ticker-icon) !important;
  opacity:1 !important;
  text-shadow:none !important;
  margin-right:.45rem !important;
}

/* Keep the ticker readable at narrow widths. */
@media(max-width:768px){
  html body .marquee-item,
  html body .marquee-container .marquee-item{
    font-size:.72rem !important;
    letter-spacing:.07em !important;
  }
}

/* ---------------------------------------------------------------
   3. LOGO INTEGRATION
   --------------------------------------------------------------- */
html body .site-header .header-logo,
html body header .header-logo,
html body footer .content-logo,
html body .site-footer .content-logo{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  filter:drop-shadow(0 4px 8px rgba(16,51,63,.16)) !important;
  object-fit:contain !important;
}

html body .site-header .header-logo,
html body header .header-logo{
  height:72px !important;
  max-height:72px !important;
  width:auto !important;
}

html body footer .content-logo,
html body .site-footer .content-logo{
  height:108px !important;
  max-height:108px !important;
  width:auto !important;
}

/* ---------------------------------------------------------------
   4. FOOTER CONTENT — KEEP ALL INFORMATION READABLE
   --------------------------------------------------------------- */
html body footer h1,
html body footer h2,
html body footer h3,
html body footer h4,
html body footer h5,
html body footer h6,
html body footer p,
html body footer li,
html body footer a,
html body footer span,
html body footer .footer-link{
  color:#FFFFFF !important;
  opacity:1 !important;
  text-shadow:none !important;
}

html body footer .location-text{
  color:#FFFFFF !important;
  font-weight:600 !important;
  line-height:1.45 !important;
}

html body footer .social-icon,
html body footer .social-link,
html body footer .social-links a{
  background:#FFFFFF !important;
  color:var(--telegram-blue) !important;
  border:1px solid rgba(255,255,255,.65) !important;
  box-shadow:0 5px 14px rgba(16,51,63,.14) !important;
}

html body footer .social-icon:hover,
html body footer .social-link:hover,
html body footer .social-links a:hover{
  background:var(--telegram-blue-dark) !important;
  color:#FFFFFF !important;
  border-color:var(--telegram-blue-dark) !important;
}

html body footer i,
html body footer .text-indigo-400,
html body footer .text-cyan-400{
  color:#FFFFFF !important;
}

/* Map card: white card + dark readable location text. */
html body footer .relative.z-10{
  color:var(--text-main) !important;
}
html body footer .relative.z-10 h6,
html body footer .relative.z-10 p{
  color:var(--text-main) !important;
  opacity:1 !important;
  text-shadow:none !important;
}
html body footer .relative.z-10 i{
  color:var(--telegram-blue) !important;
}

/* Footer first/company column keeps the requested slightly higher position. */
html body footer .grid > div:first-child,
html body .site-footer .grid > div:first-child{
  position:relative !important;
  top:-18px !important;
}

@media(max-width:768px){
  html body footer .grid > div:first-child,
  html body .site-footer .grid > div:first-child{
    top:-10px !important;
  }
}

/* ---------------------------------------------------------------
   5. NO OLD PALETTE FLASH
   --------------------------------------------------------------- */
html body header.site-header,
html body header.nav-blur,
html body footer,
html body .site-footer{
  animation:none !important;
  transition:background-color .18s ease,box-shadow .18s ease !important;
}

/* Accessibility: respect reduced-motion preference. */
@media(prefers-reduced-motion:reduce){
  html body .marquee-track{animation:none !important;transform:none !important;}
}


/* ================================================================
   FINAL AUTHORITATIVE PALETTE — HEADER + FOOTER
   User-requested Steel Blue from the reference CTA: #008BB0.
   This block intentionally comes last and defeats all legacy palette
   declarations (including old light-blue/Rhythm/Telegram overrides).
   ================================================================ */
html body header.site-header,
html body header.nav-blur,
html body header.site-header.nav-blur,
html body .site-header,
html body .nav-blur,
html body footer,
html body footer.site-footer,
html body .site-footer {
  background: #008BB0 !important;
  background-color: #008BB0 !important;
  background-image: none !important;
  color: #FFFFFF !important;
  opacity: 1 !important;
}

html body header.site-header .nav-link,
html body header.site-header .text-white,
html body .site-header .nav-link,
html body .site-header .text-white {
  color: #FFFFFF !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html body header.site-header .nav-link.active,
html body header.site-header .nav-link:hover,
html body .site-header .nav-link.active,
html body .site-header .nav-link:hover {
  color: #FFFFFF !important;
}

html body header.site-header .nav-link::after,
html body .site-header .nav-link::after {
  background: #00A5CE !important;
}

html body header.site-header .language-switcher,
html body .site-header .language-switcher {
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(255,255,255,.55) !important;
}

html body header.site-header .lang-btn,
html body .site-header .lang-btn {
  color: #FFFFFF !important;
}

html body header.site-header .lang-btn.active,
html body .site-header .lang-btn.active {
  background: #FFFFFF !important;
  color: #008BB0 !important;
}

html body footer h1,
html body footer h2,
html body footer h3,
html body footer h4,
html body footer h5,
html body footer h6,
html body footer p,
html body footer span,
html body footer li,
html body footer a,
html body .site-footer h1,
html body .site-footer h2,
html body .site-footer h3,
html body .site-footer h4,
html body .site-footer h5,
html body .site-footer h6,
html body .site-footer p,
html body .site-footer span,
html body .site-footer li,
html body .site-footer a {
  color: #FFFFFF !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html body #mobileMenu,
html body .site-header #mobileMenu {
  background: #008BB0 !important;
  background-color: #008BB0 !important;
  background-image: none !important;
}

/* The information ticker remains intentionally lighter so its text is
   separated from the header/footer while staying highly readable. */
html body .marquee-container {
  background: #E9F6FA !important;
  background-color: #E9F6FA !important;
  background-image: none !important;
}
html body .marquee-item {
  color: #10333F !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
html body .marquee-item i {
  color: #00A5CE !important;
  -webkit-text-fill-color: #00A5CE !important;
  opacity: 1 !important;
}

@media (max-width: 768px) {
  html body header.site-header,
  html body header.nav-blur,
  html body .site-header,
  html body footer,
  html body .site-footer {
    background: #008BB0 !important;
    background-color: #008BB0 !important;
    background-image: none !important;
  }
}