/* Q Media — Global Day/Night Theme v1.0
   Dark is the default. Light is activated with html[data-theme="light"]. */
:root{
  color-scheme:dark;
  --theme-transition:background-color .28s ease,color .28s ease,border-color .28s ease,box-shadow .28s ease,filter .28s ease;
}
html[data-theme="light"]{color-scheme:light}
html.theme-ready body,
html.theme-ready .site-header,
html.theme-ready .header,
html.theme-ready .drawer-panel,
html.theme-ready .drawer-card,
html.theme-ready .card,
html.theme-ready .service-link,
html.theme-ready .blog-card,
html.theme-ready .sidebox,
html.theme-ready .related-card,
html.theme-ready .footer,
html.theme-ready .site-footer{transition:var(--theme-transition)}

/* ---- Toggle / header integration ---- */
.theme-toggle{
  --toggle-size:40px;
  position:relative;isolation:isolate;flex:0 0 var(--toggle-size);width:var(--toggle-size);height:var(--toggle-size);
  display:inline-grid;place-items:center;padding:0;border-radius:999px;border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018));color:#f7f9ff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 9px 26px rgba(0,0,0,.16);cursor:pointer;
  overflow:hidden;-webkit-tap-highlight-color:transparent;transition:.24s ease;
}
.theme-toggle::before{content:"";position:absolute;inset:3px;border-radius:inherit;background:radial-gradient(circle at 35% 25%,rgba(94,220,255,.18),transparent 48%);z-index:-1;transition:.28s ease}
.theme-toggle:hover{transform:translateY(-1px);border-color:rgba(94,220,255,.38);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 30px rgba(0,0,0,.22)}
.theme-toggle:active{transform:translateY(0) scale(.96)}
.theme-toggle:focus-visible{outline:2px solid #5edcff;outline-offset:3px}
.theme-toggle svg{position:absolute;width:18px;height:18px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:transform .36s cubic-bezier(.2,.75,.2,1),opacity .22s ease}
.theme-toggle .theme-sun{opacity:0;transform:rotate(-85deg) scale(.55)}
.theme-toggle .theme-moon{opacity:1;transform:rotate(0) scale(1)}
html[data-theme="light"] .theme-toggle{color:#111827;background:linear-gradient(145deg,#fff,#edf2f8);border-color:rgba(20,36,60,.13);box-shadow:inset 0 1px 0 #fff,0 8px 22px rgba(31,48,78,.10)}
html[data-theme="light"] .theme-toggle::before{background:radial-gradient(circle at 35% 25%,rgba(255,190,72,.22),transparent 54%)}
html[data-theme="light"] .theme-toggle .theme-sun{opacity:1;transform:rotate(0) scale(1)}
html[data-theme="light"] .theme-toggle .theme-moon{opacity:0;transform:rotate(85deg) scale(.55)}
.theme-language-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:max-content}
.site-header .header-actions>.theme-toggle{order:-2}
.site-header .header-actions>.lang-switch{order:-1}

@media(max-width:720px){
  .theme-toggle{--toggle-size:35px}
  .theme-toggle svg{width:16px;height:16px}
  .theme-language-actions{gap:5px}
  .site-header .header-actions{gap:5px!important}
  .site-header .header-actions .theme-toggle{--toggle-size:35px}
}

/* ---- Shared light palette ---- */
html[data-theme="light"]{
  --bg:#f4f7fb;--bg-deep:#edf2f8;--bg2:#edf3f9;--bg-soft:#ffffff;
  --panel:#ffffff;--card:#ffffff;--card2:#f7f9fc;
  --text:#111827;--muted:#5f6e86;--dim:#7a879d;--ink:#0b1220;
  --line:rgba(15,32,57,.12);--white:#ffffff;
  --shadow:0 26px 75px rgba(37,55,87,.10);
}
html[data-theme="light"] body{background:#f4f7fb!important;color:#111827!important}
html[data-theme="light"] body::before{background:radial-gradient(circle at 22% 20%,rgba(36,132,255,.10),transparent 35%),radial-gradient(circle at 78% 18%,rgba(127,71,255,.08),transparent 36%)!important;opacity:.78}
html[data-theme="light"] a{color:inherit}
html[data-theme="light"] .eyebrow{color:#53627a!important}
html[data-theme="light"] .eyebrow::before{box-shadow:0 0 15px rgba(36,132,255,.22)}
html[data-theme="light"] ::selection{background:rgba(36,132,255,.20);color:#081426}

/* ---- Main homepage header ---- */
html[data-theme="light"] .site-header{background:rgba(246,249,253,.80)!important;border-bottom-color:rgba(15,32,57,.07)!important;box-shadow:0 8px 30px rgba(30,46,75,.04)}
html[data-theme="light"] .site-header.scrolled{background:rgba(249,251,254,.92)!important;border-bottom:1px solid rgba(15,32,57,.09)!important}
html[data-theme="light"] .site-header .desktop-nav{color:#36445b!important}
html[data-theme="light"] .site-header .desktop-nav a:hover,
html[data-theme="light"] .site-header .desktop-nav a.active{color:#0a1220!important}
html[data-theme="light"] .site-header .menu-toggle{border-color:rgba(15,32,57,.12)!important;background:rgba(255,255,255,.76)!important;color:#111827!important;box-shadow:0 8px 25px rgba(31,48,78,.06)}
html[data-theme="light"] .site-header .hamb:before,
html[data-theme="light"] .site-header .hamb:after{background:#111827!important}
html[data-theme="light"] .site-header .lang-switch{border-color:rgba(15,32,57,.12)!important;background:rgba(255,255,255,.72)!important}
html[data-theme="light"] .site-header .lang-switch a{color:#68758b!important}
html[data-theme="light"] .site-header .lang-switch a.active{background:#111827!important;color:#fff!important}
html[data-theme="light"] .site-header .contact-pill{border-color:rgba(36,132,255,.22)!important;background:#fff!important;color:#172033!important;box-shadow:0 8px 24px rgba(30,49,80,.06)}
html[data-theme="light"] .site-header .brand img,
html[data-theme="light"] .header .brand img,
html[data-theme="light"] .footer img[src*="qmedia"],
html[data-theme="light"] .site-footer img[src*="qmedia"]{filter:brightness(0) saturate(100%)!important}
html[data-theme="light"] .brand-fallback{color:#111827!important}
html[data-theme="light"] .nav-drawer{background:rgba(224,231,241,.74)!important}
html[data-theme="light"] .drawer-panel{background:#fff!important;border-color:rgba(15,32,57,.11)!important;box-shadow:0 30px 80px rgba(31,48,78,.14)!important;color:#111827!important}
html[data-theme="light"] .drawer-close{background:#f4f7fb!important;color:#111827!important;border-color:rgba(15,32,57,.12)!important}
html[data-theme="light"] .drawer-links a{color:#43516a!important}
html[data-theme="light"] .drawer-links a:hover,
html[data-theme="light"] .drawer-links a.active{background:#f1f5fa!important;color:#0a1220!important}
html[data-theme="light"] .drawer-bottom{border-color:rgba(15,32,57,.10)!important}

/* ---- Homepage content ---- */
html[data-theme="light"] .hero h1 .gradient{background:linear-gradient(115deg,#111827 4%,#2a65d6 42%,#684ddd 72%,#1599b9)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
html[data-theme="light"] .hero-copy{color:#53627a!important}
html[data-theme="light"] .hero-meta span{color:#46566e!important;background:rgba(255,255,255,.75)!important;border-color:rgba(15,32,57,.10)!important}
html[data-theme="light"] .btn-primary{background:linear-gradient(135deg,#111827,#26334a)!important;color:#fff!important;box-shadow:0 14px 34px rgba(20,34,58,.16)!important}
html[data-theme="light"] .btn-outline{background:#fff!important;border-color:rgba(15,32,57,.12)!important;color:#172033!important}
html[data-theme="light"] .btn-outline:hover{background:#f5f8fc!important}
html[data-theme="light"] .btn-dark{background:#eef3f9!important;color:#111827!important;border-color:rgba(15,32,57,.12)!important}
html[data-theme="light"] .performance-board::before{background:radial-gradient(circle at 20% 20%,rgba(31,122,255,.11),transparent 36%),linear-gradient(145deg,#fff,#f2f6fb 58%,#eef3f9)!important;border-color:rgba(15,32,57,.10)!important;box-shadow:0 34px 90px rgba(42,62,95,.12)!important}
html[data-theme="light"] .dash{background:rgba(255,255,255,.88)!important;border-color:rgba(15,32,57,.11)!important;box-shadow:0 20px 52px rgba(34,54,88,.10)!important;color:#111827!important}
html[data-theme="light"] .dash-head small,
html[data-theme="light"] .dash-live small,
html[data-theme="light"] .dash-live-inline small{color:#69778e!important}
html[data-theme="light"] .channel-chips span{color:#4e5e75!important;border-color:rgba(15,32,57,.10)!important;background:#f5f8fc!important}
html[data-theme="light"] .sparkline{background:linear-gradient(180deg,rgba(69,115,255,.12),transparent)!important}
html[data-theme="light"] .section:not(.partners):not(.instagram-section):not(.alt){background:#f4f7fb;color:#111827}
html[data-theme="light"] .section-head p{color:#5f6e86!important}
html[data-theme="light"] .partners,
html[data-theme="light"] .instagram-section{background:#eef3f9!important;color:#111827!important}
html[data-theme="light"] .partner-card,
html[data-theme="light"] .instagram-shell{background:#fff!important;border-color:#dfe6f0!important;box-shadow:0 18px 48px rgba(30,49,80,.07)!important}
html[data-theme="light"] .instagram-shell p{color:#5d6c84!important}
html[data-theme="light"] .instagram-meta span{color:#273650!important;background:#f8fafc!important;border-color:#dfe6ef!important}
html[data-theme="light"] .phone-mockup{background:linear-gradient(180deg,#e8eef6,#dfe7f1)!important;border-color:#cfd8e5!important;box-shadow:0 30px 65px rgba(35,53,83,.12)!important}
html[data-theme="light"] .phone-notch{background:#111827!important}

/* Common homepage panels/cards with dark originals */
html[data-theme="light"] .engine-shell,
html[data-theme="light"] .about-card,
html[data-theme="light"] .service-card,
html[data-theme="light"] .health-shell,
html[data-theme="light"] .price-card,
html[data-theme="light"] .pricing-summary,
html[data-theme="light"] .quote-card,
html[data-theme="light"] .testimonial-card,
html[data-theme="light"] .cta-band,
html[data-theme="light"] .contact-card,
html[data-theme="light"] .modal-card,
html[data-theme="light"] .cookie-card{
  background:#fff!important;color:#111827!important;border-color:rgba(15,32,57,.11)!important;box-shadow:0 22px 58px rgba(35,53,83,.08)!important
}
html[data-theme="light"] .service-card p,
html[data-theme="light"] .testimonial-card p,
html[data-theme="light"] .health-shell p,
html[data-theme="light"] .quote-card p,
html[data-theme="light"] .cta-band p,
html[data-theme="light"] .contact-card p{color:#5d6c84!important}
html[data-theme="light"] .service-card h3,
html[data-theme="light"] .health-shell h2,
html[data-theme="light"] .price-card h3,
html[data-theme="light"] .testimonial-card h3,
html[data-theme="light"] .cta-band h2{color:#101827!important}
html[data-theme="light"] .policy-tabs button{background:#f5f8fc!important;color:#3e4d64!important;border-color:rgba(15,32,57,.11)!important}
html[data-theme="light"] .policy-tabs button.active{background:#111827!important;color:#fff!important}
html[data-theme="light"] .field input,
html[data-theme="light"] .field textarea,
html[data-theme="light"] .field select{background:#f7f9fc!important;color:#111827!important;border-color:rgba(15,32,57,.12)!important}
html[data-theme="light"] .modal-head,
html[data-theme="light"] .modal-actions,
html[data-theme="light"] .pref-row{border-color:rgba(15,32,57,.10)!important}

/* Footer + mobile bottom bar */
html[data-theme="light"] .site-footer,
html[data-theme="light"] .footer{background:#eef3f9!important;color:#111827!important;border-color:rgba(15,32,57,.10)!important}
html[data-theme="light"] .footer p,
html[data-theme="light"] .site-footer p,
html[data-theme="light"] .footer-bottom,
html[data-theme="light"] .foot-bottom{color:#65738a!important;border-color:rgba(15,32,57,.10)!important}
html[data-theme="light"] .footer-links a,
html[data-theme="light"] .foot-contact,
html[data-theme="light"] .foot-contact a{color:#42516a!important}
html[data-theme="light"] .footer-ghost,
html[data-theme="light"] .marquee span{color:rgba(17,24,39,.045)!important}
html[data-theme="light"] .mobile-bottom-bar{background:rgba(249,251,254,.92)!important;border-color:rgba(15,32,57,.11)!important;box-shadow:0 16px 45px rgba(30,48,78,.12)!important}
html[data-theme="light"] .mobile-quote{background:#111827!important;color:#fff!important}

/* ---- Service pages / About / Yusuf pages (service-pages.css) ---- */
html[data-theme="light"] .header{background:rgba(247,250,253,.86)!important;border-bottom-color:rgba(15,32,57,.08)!important;box-shadow:0 8px 28px rgba(29,48,79,.04)}
html[data-theme="light"] .header .navlinks{color:#4b5a72!important}
html[data-theme="light"] .header .navlinks a:hover{color:#0b1220!important}
html[data-theme="light"] .header .menu{background:#fff!important;color:#111827!important;border-color:rgba(15,32,57,.12)!important;box-shadow:0 7px 22px rgba(31,48,78,.06)}
html[data-theme="light"] .header .menu i,
html[data-theme="light"] .header .menu i:before{background:#111827!important}
html[data-theme="light"] .header .lang{background:rgba(255,255,255,.78)!important;border-color:rgba(15,32,57,.12)!important}
html[data-theme="light"] .header .lang a{color:#69778e!important}
html[data-theme="light"] .header .lang a.active{background:#111827!important;color:#fff!important}
html[data-theme="light"] .drawer{background:rgba(223,231,241,.78)!important}
html[data-theme="light"] .drawer-card{background:#fff!important;color:#111827!important;border-color:rgba(15,32,57,.11)!important;box-shadow:0 26px 70px rgba(31,48,78,.14)!important}
html[data-theme="light"] .drawer-card .close{color:#111827!important;border-color:rgba(15,32,57,.12)!important;background:#f5f8fc!important}
html[data-theme="light"] .drawer-links a{color:#43516a!important}
html[data-theme="light"] .drawer-links a:hover{background:#f1f5fa!important;color:#111827!important}
html[data-theme="light"] .hero:before{opacity:.62}
html[data-theme="light"] .hero .lead,
html[data-theme="light"] .hub-hero .lead{color:#596880!important}
html[data-theme="light"] .visual-shell{background:linear-gradient(145deg,#fff,#f1f5fa 55%,#eaf0f7)!important;border-color:rgba(15,32,57,.11)!important;box-shadow:0 35px 80px rgba(34,54,88,.12)!important}
html[data-theme="light"] .visual-grid{background-image:linear-gradient(rgba(21,40,70,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(21,40,70,.05) 1px,transparent 1px)!important}
html[data-theme="light"] .vcard{background:rgba(255,255,255,.90)!important;border-color:rgba(15,32,57,.11)!important;box-shadow:0 20px 55px rgba(34,54,88,.10)!important;color:#111827!important}
html[data-theme="light"] .vcard small{color:#6f7d92!important}
html[data-theme="light"] .section.alt{background:#eaf0f7!important;color:#111827!important}
html[data-theme="light"] .section.alt .card,
html[data-theme="light"] .section.alt .audience span{background:#fff!important;color:#111827!important;border-color:#dce4ee!important}
html[data-theme="light"] .section.alt .deliverable{background:#fff!important;color:#111827!important;border-color:#dce4ee!important;box-shadow:0 12px 32px rgba(31,48,78,.06)!important}
html[data-theme="light"] .card,
html[data-theme="light"] .service-link,
html[data-theme="light"] .related a,
html[data-theme="light"] .related-card{background:#fff!important;color:#111827!important;border-color:rgba(15,32,57,.11)!important;box-shadow:0 16px 42px rgba(35,53,83,.07)!important}
html[data-theme="light"] .card p,
html[data-theme="light"] .service-link p{color:#5c6b83!important}
html[data-theme="light"] .audience span{background:#fff!important;color:#35445d!important;border-color:rgba(15,32,57,.11)!important}
html[data-theme="light"] .faq-q{color:#111827!important}
html[data-theme="light"] .faq-a>div{color:#5e6d84!important}
html[data-theme="light"] .faq-item{border-color:rgba(15,32,57,.10)!important}
html[data-theme="light"] .cta-band{background:linear-gradient(135deg,rgba(36,132,255,.09),rgba(127,71,255,.06))!important}
html[data-theme="light"] .modal-card{background:#fff!important}
html[data-theme="light"] .modal-head{border-color:rgba(15,32,57,.10)!important}
html[data-theme="light"] .modal-close{color:#111827!important;border-color:rgba(15,32,57,.12)!important}
html[data-theme="light"] .field label{color:#53627a!important}
html[data-theme="light"] .field input,
html[data-theme="light"] .field textarea{background:#f5f8fc!important;color:#111827!important;border-color:rgba(15,32,57,.12)!important}
html[data-theme="light"] .notfound p{color:#64728a!important}
html[data-theme="light"] .top{background:rgba(255,255,255,.92)!important;color:#111827!important;border-color:rgba(15,32,57,.12)!important;box-shadow:0 8px 24px rgba(31,48,78,.10)!important}

/* ---- Blog listing / articles ---- */
html[data-theme="light"] .blog-head{background:radial-gradient(circle at 76% 18%,rgba(66,160,245,.12),transparent 31%),linear-gradient(180deg,#eef4fa 0,#f4f7fb 100%)!important}
html[data-theme="light"] .blog-head p,
html[data-theme="light"] .article-hero .lead{color:#5c6b83!important}
html[data-theme="light"] .blog-card{background:#fff!important;border-color:rgba(15,32,57,.11)!important;box-shadow:0 18px 45px rgba(35,53,83,.07)!important;color:#111827!important}
html[data-theme="light"] .blog-card:hover{box-shadow:0 23px 58px rgba(35,53,83,.11)!important}
html[data-theme="light"] .blog-card img{background:#eaf0f6!important}
html[data-theme="light"] .blog-card p{color:#5c6b83!important}
html[data-theme="light"] .article-hero{background:radial-gradient(circle at 80% 25%,rgba(66,160,245,.11),transparent 32%)!important}
html[data-theme="light"] .article-meta span{color:#526179!important;background:#fff!important;border-color:rgba(15,32,57,.11)!important}
html[data-theme="light"] .article-cover{border-color:rgba(15,32,57,.11)!important;box-shadow:0 22px 56px rgba(35,53,83,.11)!important}
html[data-theme="light"] .prose{color:#33425a!important}
html[data-theme="light"] .prose h2,
html[data-theme="light"] .prose h3{color:#111827!important}
html[data-theme="light"] .inline-cta{background:linear-gradient(145deg,rgba(43,162,210,.08),rgba(77,124,255,.06))!important;border-color:rgba(36,132,255,.18)!important}
html[data-theme="light"] .inline-cta a{background:#111827!important;color:#fff!important}
html[data-theme="light"] .sidebox{background:#fff!important;color:#111827!important;border-color:rgba(15,32,57,.11)!important;box-shadow:0 15px 38px rgba(35,53,83,.06)!important}
html[data-theme="light"] .sidebox a{color:#53627a!important;border-color:rgba(15,32,57,.08)!important}
html[data-theme="light"] .faq-block summary{color:#111827!important}
html[data-theme="light"] .faq-block p{color:#5c6b83!important}
html[data-theme="light"] .faq-block details{border-color:rgba(15,32,57,.10)!important}
html[data-theme="light"] .related-card{background:#fff!important}
html[data-theme="light"] .blog-mini-footer{border-color:rgba(15,32,57,.09)!important}
html[data-theme="light"] .blog-mini-links a{color:#53627a!important}
html[data-theme="light"] .blog-mini-links a:hover{color:#111827!important}
html[data-theme="light"] .share-row a{color:#42516a!important;background:#fff!important;border-color:rgba(15,32,57,.11)!important}

/* ---- Custom profile/about pages ---- */
html[data-theme="light"] .profile-hero:before{opacity:.52}
html[data-theme="light"] .hero-image,
html[data-theme="light"] .gallery-card,
html[data-theme="light"] .prose-block,
html[data-theme="light"] .contact-box,
html[data-theme="light"] .mini-card{background:#fff!important;color:#111827!important;border-color:rgba(15,32,57,.11)!important;box-shadow:0 18px 50px rgba(35,53,83,.07)!important}
html[data-theme="light"] .prose-block p,
html[data-theme="light"] .contact-box p,
html[data-theme="light"] .mini-card span,
html[data-theme="light"] .subtle{color:#5c6b83!important}
html[data-theme="light"] .mini-card strong{color:#111827!important}
html[data-theme="light"] .tag-list span{background:#fff!important;color:#43516a!important;border-color:rgba(15,32,57,.11)!important}
html[data-theme="light"] .hero-badge{background:rgba(255,255,255,.94)!important;color:#111827!important;border-color:rgba(15,32,57,.11)!important;box-shadow:0 16px 40px rgba(35,53,83,.10)!important}
html[data-theme="light"] .hero-badge span{color:#5c6b83!important}

/* ---- Keep content media itself untouched ---- */
html[data-theme="light"] img:not([src*="qmedia"]),
html[data-theme="light"] video{filter:none}

@media(prefers-reduced-motion:reduce){.theme-toggle,.theme-toggle svg{transition:none!important}}

/* ---- Completeness pass: remaining homepage hard-coded dark surfaces ---- */
html[data-theme="light"] .marketing-engine,
html[data-theme="light"] .services,
html[data-theme="light"] .health-section,
html[data-theme="light"] .pricing{background:#f4f7fb!important;color:#111827!important}
html[data-theme="light"] .engine-card,
html[data-theme="light"] .health-side-card{background:#fff!important;border-color:rgba(15,32,57,.11)!important;color:#111827!important;box-shadow:0 16px 42px rgba(35,53,83,.06)!important}
html[data-theme="light"] .funnel div{background:#f7f9fc!important;color:#506079!important;border-color:rgba(15,32,57,.08)!important}
html[data-theme="light"] .funnel b{color:#111827!important}
html[data-theme="light"] .reel-controls button{background:#fff!important;color:#33425a!important;border-color:rgba(15,32,57,.11)!important}
html[data-theme="light"] .service-icon{background:#edf3fa!important;color:#315cbd!important;border-color:rgba(15,32,57,.10)!important}
html[data-theme="light"] .health-shell{background:radial-gradient(circle at 84% 10%,rgba(83,118,255,.10),transparent 34%),linear-gradient(145deg,#fff,#f5f8fc 48%,#edf2f8)!important}
html[data-theme="light"] .health-grid p{color:#5d6c84!important}
html[data-theme="light"] .market-pills span,
html[data-theme="light"] .health-list div{background:#fff!important;color:#45546c!important;border-color:rgba(15,32,57,.11)!important}
html[data-theme="light"] .health-stat{background:linear-gradient(145deg,rgba(36,82,255,.08),#f7f9fd)!important;border-color:rgba(67,98,183,.17)!important;color:#111827!important}
html[data-theme="light"] .health-side-card ul{color:#596880!important}
html[data-theme="light"] .price-card{background:linear-gradient(145deg,#fff,#f5f8fc)!important;color:#111827!important;border-color:rgba(67,98,183,.18)!important}
html[data-theme="light"] .price-card.selected{background:linear-gradient(145deg,#fff,#edf3fb)!important;box-shadow:0 20px 54px rgba(46,71,117,.10)!important}
html[data-theme="light"] .price-details{color:#526179!important}
html[data-theme="light"] .budget-field input{background:#fff!important;color:#111827!important;border-color:rgba(15,32,57,.12)!important}
html[data-theme="light"] .social-row a{color:#43516a!important;background:#fff!important;border-color:rgba(15,32,57,.11)!important}
html[data-theme="light"] .modal{color:#111827!important}
html[data-theme="light"] .modal-shell{background:#fff!important;color:#111827!important;border-color:rgba(15,32,57,.11)!important;box-shadow:0 34px 90px rgba(31,48,78,.18)!important}
html[data-theme="light"] .modal-close{background:#f4f7fb!important;color:#111827!important;border-color:rgba(15,32,57,.12)!important}
html[data-theme="light"] .modal-body{color:#526179!important}
html[data-theme="light"] .modal-body h4{color:#111827!important}
html[data-theme="light"] .video-modal-shell,
html[data-theme="light"] .video-modal-body{background:#0a0d13!important;color:#fff!important}
html[data-theme="light"] .mobilebar{background:rgba(249,251,254,.93)!important;border-color:rgba(15,32,57,.11)!important;box-shadow:0 16px 45px rgba(30,48,78,.12)!important}
html[data-theme="light"] .mobilebar button{background:#111827!important;color:#fff!important}

/* Service page leftovers */
html[data-theme="light"] .secondary{background:#fff!important;color:#111827!important;border-color:rgba(15,32,57,.12)!important}
html[data-theme="light"] .chips span{background:#fff!important;color:#4b5a72!important;border-color:rgba(15,32,57,.11)!important}
html[data-theme="light"] .deliverable{background:#fff!important;color:#111827!important;border-color:rgba(15,32,57,.11)!important;box-shadow:0 12px 32px rgba(31,48,78,.05)!important}
html[data-theme="light"] .mobilebar a{color:#fff!important}
html[data-theme="light"] .modal{color:#111827!important}
html[data-theme="light"] .modal-close{color:#111827!important;background:#f5f8fc!important}


/* Q Media theme control placement v4 — menu first, theme immediately to its right */
.menu-theme-actions{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;min-width:max-content!important;position:relative!important;z-index:5!important}
.site-header .nav-shell{grid-template-columns:104px minmax(220px,1fr) auto minmax(270px,1fr) auto!important}
.site-header .header-actions>.theme-toggle{display:none!important}
.theme-language-actions>.theme-toggle{display:none!important}
@media(max-width:1280px){.site-header .nav-shell{grid-template-columns:98px 1fr auto 1fr auto!important}}
@media(max-width:1080px){.site-header .nav-shell{grid-template-columns:98px 1fr auto!important}}
@media(max-width:720px){
  .menu-theme-actions{gap:6px!important}
  .site-header .nav-shell{grid-template-columns:84px minmax(0,1fr) 92px!important}
  .site-header .menu-theme-actions .theme-toggle{--toggle-size:34px}
  .site-header .menu-theme-actions .menu-toggle{width:44px!important;height:44px!important}
}
/* Generic service/blog/profile headers keep their existing grid; wrapper occupies original menu cell. */
.header .menu-theme-actions .theme-toggle{flex:0 0 var(--toggle-size)}
.header .menu-theme-actions .menu{flex:0 0 auto}
@media(max-width:720px){.header .menu-theme-actions{gap:5px!important}.header .menu-theme-actions .theme-toggle{--toggle-size:34px}}

/* Q Media — theme/menu alignment hotfix 2026-08-29
   Theme control deliberately mirrors the category/menu button and sits immediately to its right. */
.menu-theme-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  width:max-content!important;
  min-width:max-content!important;
}
.site-header .menu-theme-actions .theme-toggle{
  --toggle-size:50px;
  width:50px!important;
  height:50px!important;
  flex:0 0 50px!important;
  border-radius:17px!important;
  border:1px solid rgba(255,255,255,.105)!important;
  background:rgba(255,255,255,.025)!important;
  box-shadow:none!important;
}
.site-header .menu-theme-actions .theme-toggle::before{inset:0!important;border-radius:inherit!important;background:transparent!important}
.site-header .menu-theme-actions .theme-toggle:hover{transform:none!important;border-color:rgba(255,255,255,.20)!important;background:rgba(255,255,255,.05)!important;box-shadow:none!important}
.site-header .menu-theme-actions .theme-toggle:active{transform:scale(.96)!important}
.site-header .nav-shell{grid-template-columns:auto minmax(245px,1fr) auto minmax(290px,1fr) auto!important}
html[data-theme="light"] .site-header .menu-theme-actions .theme-toggle{
  color:#111827!important;
  background:rgba(255,255,255,.76)!important;
  border-color:rgba(15,32,57,.12)!important;
  box-shadow:0 8px 25px rgba(31,48,78,.06)!important;
}

/* Secondary/service/blog header uses the same geometry as its own menu button. */
.header .menu-theme-actions{gap:8px!important}
.header .menu-theme-actions .theme-toggle{
  --toggle-size:46px;
  width:46px!important;
  height:46px!important;
  flex:0 0 46px!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
.header .menu-theme-actions .theme-toggle::before{inset:0!important;background:transparent!important}

@media(max-width:1280px){
  .site-header .nav-shell{grid-template-columns:auto 1fr auto 1fr auto!important}
}
@media(max-width:1080px){
  .site-header .nav-shell{grid-template-columns:auto 1fr auto!important}
}
@media(max-width:720px){
  .menu-theme-actions{gap:7px!important}
  .site-header .nav-shell{grid-template-columns:auto minmax(0,1fr) 92px!important}
  .site-header .menu-theme-actions .theme-toggle,
  .site-header .menu-theme-actions .menu-toggle{
    width:44px!important;height:44px!important;flex:0 0 44px!important;border-radius:14px!important
  }
  .header .menu-theme-actions{gap:7px!important}
  .header .menu-theme-actions .theme-toggle,
  .header .menu-theme-actions .menu{
    width:44px!important;height:44px!important;flex:0 0 44px!important;border-radius:14px!important
  }
  .theme-toggle svg{width:18px!important;height:18px!important}
}