/* Between Deadlines: light theme (default) + theme toggle. Dark theme = original main.css, active with data-theme="dark". */

/* ---------- shared tokens for both themes ---------- */
:root{--accent-fg:var(--accent);--accent-dot:var(--accent);--radar-hi:#D7FF3D;--radar-lo:#f3f3ee;--radar-spoke:rgba(255,255,255,.1);--radar-spoke-hi:rgba(215,255,61,.6);--radar-grid:rgba(255,255,255,.12);--radar-dot:#070707}
:root[data-theme="light"]{
  color-scheme:light;
  --bg:#F7F6F0;--bg-2:#EFEEE6;--panel:#ffffff;--line:rgba(21,22,15,.1);--line-2:rgba(21,22,15,.16);
  --ink:#15160F;--muted:rgba(21,22,15,.68);--dim:rgba(21,22,15,.5);
  --accent:#D7FF3D;--accent-ink:#15160F;--accent-soft:rgba(215,255,61,.32);
  --accent-fg:#4F6E00;--accent-dot:#9CCB0A;
  --card:#ffffff;--glass:rgba(255,255,255,.78);
  --shadow-sm:0 1px 2px rgba(21,22,15,.04),0 8px 24px -12px rgba(21,22,15,.12);
  --shadow-lg:0 2px 4px rgba(21,22,15,.03),0 30px 70px -30px rgba(21,22,15,.22);
  --radar-hi:#4F6E00;--radar-lo:#15160F;--radar-spoke:rgba(21,22,15,.12);--radar-spoke-hi:rgba(79,110,0,.55);--radar-grid:rgba(21,22,15,.12);--radar-dot:#ffffff;
}
:root[data-theme="dark"]{color-scheme:dark}
.bd-site .bd-onb__radar circle{fill:var(--radar-dot)}

/* ---------- theme toggle (both themes) ---------- */
.bd-site .bd-theme{position:relative;display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid var(--line-2);background:rgba(255,255,255,.04);color:var(--ink);cursor:pointer;overflow:hidden;backdrop-filter:blur(8px);transition:background .4s,border-color .4s,color .4s,transform .6s var(--ease)}
.bd-site .bd-theme:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.bd-site .bd-theme:active{transform:scale(.92)}
.bd-site .bd-theme svg{position:absolute;width:19px;height:19px;transition:transform .7s var(--ease),opacity .4s}
.bd-site .bd-theme__sun{transform:translateY(130%) rotate(-90deg);opacity:0}
.bd-site .bd-theme__moon{transform:none;opacity:1}
:root[data-theme="dark"] .bd-site .bd-theme__sun{transform:none;opacity:1}
:root[data-theme="dark"] .bd-site .bd-theme__moon{transform:translateY(-130%) rotate(90deg);opacity:0}
.bd-site .bd-header__inner .bd-theme{margin-left:-14px}
@media (max-width:1100px){.bd-site .bd-header__inner .bd-theme{margin-left:auto}.bd-site .bd-header__inner .bd-theme ~ .bd-header__cta{margin-left:0}}
@media (max-width:640px){.bd-site .bd-header__inner .bd-theme{width:42px;height:42px}.bd-site .bd-header__inner .bd-theme ~ .bd-burger{margin-left:0}}
.bd-site .bd-logo .bd-logo__dark{display:none}
:root[data-theme="light"] .bd-site .bd-logo .bd-logo__light{display:none}
:root[data-theme="light"] .bd-site .bd-logo .bd-logo__dark{display:block}

/* circular reveal when switching */
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-new(root){clip-path:circle(0 at var(--vt-x,50%) var(--vt-y,0));animation:bdThemeReveal .75s cubic-bezier(.65,0,.35,1) forwards}
@keyframes bdThemeReveal{to{clip-path:circle(var(--vt-r,150vmax) at var(--vt-x,50%) var(--vt-y,0))}}
html.bd-theme-anim body.bd-site *{transition-property:background-color,border-color,color,fill,stroke,box-shadow!important;transition-duration:.45s!important}

/* ---------- light theme overrides ---------- */
:root[data-theme="light"] .bd-site{
  & ::selection{background:var(--accent);color:#15160F}
  & :focus-visible{outline-color:var(--accent-fg)}

  /* background layers */
  & .bd-aura{background:radial-gradient(60vw 60vw at 88% -12%,rgba(215,255,61,.42),transparent 62%),radial-gradient(50vw 50vw at -12% 40%,rgba(255,214,170,.35),transparent 62%),radial-gradient(60vw 60vw at 50% 120%,rgba(215,255,61,.18),transparent 60%)}
  & .bd-grain{opacity:.035;mix-blend-mode:multiply}

  /* type: accent words become a lime highlighter (friendly + readable) */
  & .bd-h1 em,& .bd-h2 em,& .bd-manifesto__text em{color:var(--ink);background:linear-gradient(transparent 58%,rgba(215,255,61,.95) 58%,rgba(215,255,61,.95) 90%,transparent 90%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .12em}
  & .bd-eyebrow,& .bd-stat em,& .bd-stat__c,& .bd-pillar__no,& .bd-case__cat,& .bd-about__role,& .bd-menu__link small,& .bd-loader__count,& .bd-hero__hud-live,& .bd-orbit__item b,& .bd-mini__rec,& .bd-mini--log p em,& .bd-post__more,& .bd-prose a,& .bd-case__metrics strong,& .bd-case__mv,& .bd-dash__kpis div:first-child b{color:var(--accent-fg)}
  & .bd-menu__link:hover,& .bd-contact__list a:hover,& .bd-contactw a:hover,& .bd-footer__col a:hover,& .bd-footer__bottom a:hover,& .bd-footer__mail:hover{color:var(--accent-fg)}
  & .bd-nav__list a::after{background:var(--accent-fg)}
  & .bd-footer__mail{background-image:linear-gradient(var(--accent-fg),var(--accent-fg))}
  & .bd-pill{border-color:rgba(79,110,0,.28);background:rgba(215,255,61,.38);color:#3E5600}
  & .bd-pill::after{background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.7) 50%,transparent 70%)}
  & .bd-pill__dot,& .bd-pill.elementor-widget::before{background:var(--accent-fg);box-shadow:0 0 0 3px rgba(79,110,0,.15)}
  & .bd-hero__hud-live i,& .bd-dash__head i,& .bd-mini__rec i{background:var(--accent-fg)}
  & .bd-chip i,& .bd-mini--log p i,& .bd-marquee--stack li i,& .bd-marquee--stack li::before,& .bd-ticker i{background:var(--accent-dot);box-shadow:none}

  /* buttons */
  & .bd-btn--accent{border-color:rgba(21,22,15,.08);box-shadow:0 10px 30px -12px rgba(120,160,0,.55)}
  & .bd-btn--accent::before{background:var(--ink)}
  & .bd-btn--accent:hover{color:#fff}
  & .bd-btn--accent:hover .bd-btn__icon{background:var(--accent);color:var(--ink)}
  & .bd-btn--ghost{background:rgba(255,255,255,.7);border-color:var(--line-2)}
  & .bd-btn--ghost:hover{color:#fff}
  & .bd-btn--ghost .bd-btn__icon{background:rgba(21,22,15,.06)}
  & .bd-btn--ghost:hover .bd-btn__icon{background:var(--accent);color:var(--ink)}
  & .bd-btn--dark{color:#F7F6F0}
  & .bd-btn--dark::before{background:#2b2e22}
  & .bd-round,& .bd-burger,& .bd-theme{background:rgba(255,255,255,.75)}
  & .bd-theme:hover{background:var(--accent)}

  /* loader + cursor */
  & .bd-loader__core::before{border-color:rgba(79,110,0,.25);border-top-color:var(--accent-fg)}
  & .bd-loader__core::after{border-color:rgba(21,22,15,.08);border-right-color:var(--accent-fg)}
  & .bd-loader__core img{filter:none}
  & .bd-loader__bar i{box-shadow:none;background:var(--accent-fg)}
  & .bd-cursor__dot{background:var(--accent-fg)}
  & .bd-cursor__ring{border-color:rgba(21,22,15,.3)}
  & .bd-cursor.is-hover .bd-cursor__ring{border-color:var(--accent-fg);background:rgba(215,255,61,.3)}

  /* header + menu */
  & .bd-header.is-scrolled .bd-header__inner{background:rgba(255,255,255,.72);box-shadow:var(--shadow-sm)}
  & .bd-menu{background:rgba(247,246,240,.97)}

  /* hero */
  & .bd-orbit__item{background:rgba(255,255,255,.8);box-shadow:var(--shadow-sm)}
  & .bd-ui{background:var(--glass);box-shadow:var(--shadow-lg)}
  & .bd-ui__icon{background:#fff;border-color:rgba(79,110,0,.3)}
  & .bd-ui__chip{background:rgba(215,255,61,.45);color:#3E5600}
  & .bd-ui__line{stroke:#7FA600}
  & .bd-ui--stats stop{stop-color:#B8E62A}

  /* clients */
  & .bd-marquee__item img{filter:brightness(0);opacity:.45}
  & .bd-marquee__item:hover img{filter:none;opacity:1}
  & .bd-marquee--stack li{background:rgba(255,255,255,.75)}

  /* services */
  & .bd-card{background:var(--card);box-shadow:var(--shadow-sm)}
  & .bd-card:hover{border-color:rgba(79,110,0,.35);box-shadow:var(--shadow-lg)}
  & .bd-card__glow{background:radial-gradient(480px circle at var(--mx,50%) var(--my,0%),rgba(215,255,61,.3),transparent 45%)}
  & .bd-card__icon{border-color:rgba(79,110,0,.22);background:rgba(215,255,61,.4);color:#3E5600;box-shadow:none}
  & .bd-card--cta{background:var(--accent);box-shadow:0 20px 50px -24px rgba(120,160,0,.7)}
  & .bd-mini{background:var(--bg);border-color:var(--line)}
  & .bd-mini__profile img{background:#fff;border-color:rgba(79,110,0,.35)}
  & .bd-mini__grid span{background:#e7e6de}
  & .bd-mini__meters i{background:rgba(21,22,15,.08)}
  & .bd-mini__meters i::after{background:linear-gradient(90deg,rgba(156,203,10,.5),#9CCB0A)}
  & .bd-mini__wave i{background:rgba(120,160,0,.45)}
  & .bd-mini__head{background:var(--ink);box-shadow:none}
  & .bd-mini__chart i,& .bd-dash__bars i{background:linear-gradient(180deg,#B8E62A,rgba(184,230,42,.25))}
  & .bd-mini--log p{border-top-color:rgba(21,22,15,.07)}
  & .bd-mini--funnel p{border-color:rgba(79,110,0,.25);background:rgba(215,255,61,.22)}
  & .bd-mini--funnel p:last-of-type{background:var(--accent);border-color:var(--accent)}
  & .bd-mini__drop{background:var(--accent-fg);box-shadow:0 0 0 4px rgba(215,255,61,.6)}
  & .bd-mini__chrome{background:rgba(21,22,15,.03)}
  & .bd-mini__chrome i{background:rgba(21,22,15,.16)}
  & .bd-mini__chrome span{background:#fff}
  & .bd-mini__nav span{background:rgba(21,22,15,.18)}
  & .bd-mini__hero{background:radial-gradient(120% 120% at 100% 0%,rgba(215,255,61,.5),transparent 60%),#fff}
  & .bd-mini__hero span{background:rgba(21,22,15,.18)}
  & .bd-mini__hero .is-l{background:rgba(21,22,15,.78)}
  & .bd-mini__hero .is-btn{background:var(--accent)}
  & .bd-mini__cards span{background:#fff}

  /* cases */
  & .bd-case__inner,& .bd-case:nth-child(even) .bd-case__inner{background:var(--card);box-shadow:var(--shadow-lg)}
  & .bd-case__media,& .bd-case:nth-child(even) .bd-case__media{background:var(--bg-2)}
  & .bd-case__media::after,& .bd-case:nth-child(even) .bd-case__media::after{background:none}
  & .bd-case .bd-case__media img.bd-case__bg,& .bd-case .bd-case__media .bd-case__bg img{filter:blur(40px) saturate(1.25) brightness(1.08);opacity:.55}
  & .bd-case .bd-case__media img.bd-case__img,& .bd-case .bd-case__media .bd-case__img img{box-shadow:0 24px 60px -18px rgba(21,22,15,.35)}
  & .bd-case__index{background:rgba(255,255,255,.85)}

  /* reels */
  & .bd-reel{filter:saturate(.55) brightness(1.05);opacity:.5}
  & .bd-reel.is-front{filter:none;opacity:1}
  & .bd-reel__frame{box-shadow:0 30px 60px -20px rgba(21,22,15,.35)}
  & .bd-reel__sound{color:#fff}
  & .bd-carousel__phone{box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 50px 90px -30px rgba(21,22,15,.55),0 0 120px -30px rgba(160,210,0,.45)}

  /* ads */
  & .bd-checks i,& .bd-checksw li::before{background:rgba(215,255,61,.45);border-color:rgba(79,110,0,.3)}
  & .bd-checks i::after,& .bd-checksw li::after{border-color:#3E5600}
  & .bd-phone{border-color:rgba(21,22,15,.12);box-shadow:0 50px 100px -30px rgba(21,22,15,.5),inset 0 0 0 1px rgba(255,255,255,.05),0 0 120px -20px rgba(160,210,0,.4)}
  & .bd-dash{background:var(--glass);box-shadow:var(--shadow-lg)}
  & .bd-dash__grid line{stroke:rgba(21,22,15,.08)}
  & .bd-dash__line{stroke:#86B000;filter:none}
  & .bd-dash__line--b{stroke:rgba(21,22,15,.35)}
  & .bd-dash__legend i{background:#86B000}
  & .bd-dash__legend i.is-b{background:rgba(21,22,15,.35)}
  & .bd-dash stop{stop-color:#B8E62A}
  & .bd-chip{background:rgba(255,255,255,.88);box-shadow:var(--shadow-sm)}
  & .bd-shot{box-shadow:0 24px 50px -20px rgba(21,22,15,.4)}
  & .bd-shot figcaption{color:#fff}

  /* process */
  & .bd-step{background:var(--card);box-shadow:var(--shadow-sm)}
  & .bd-step:hover{border-color:rgba(79,110,0,.35)}
  & .bd-step__no{-webkit-text-stroke:1.5px rgba(79,110,0,.55)}
  & .bd-process__progress i{background:var(--accent-fg);box-shadow:none}

  /* onboarding radar */
  & .bd-onb__radar polygon{stroke:var(--radar-grid)}
  & .bd-onb__radar path{stroke:#86B000;filter:none!important}
  & .bd-onb__radar circle{stroke:#86B000}
  & .bd-onb__radar stop{stop-color:#C4F02F}

  /* about */
  & .bd-portrait{background:var(--bg-2);box-shadow:0 0 0 14px rgba(21,22,15,.03),0 40px 100px -30px rgba(120,160,0,.55)}
  & .bd-portrait__ring text{fill:rgba(21,22,15,.5)}
  & .bd-about__badge{background:#fff;border-color:rgba(79,110,0,.3);box-shadow:var(--shadow-lg)}
  & .bd-jobs{border-color:rgba(79,110,0,.35);background:rgba(215,255,61,.2)}

  /* contact form */
  & .bd-form{background:var(--card);box-shadow:var(--shadow-lg)}
  & .bd-form__glow{background:radial-gradient(circle,rgba(215,255,61,.45),transparent 65%)}
  & .bd-field input,& .bd-field textarea{background:var(--bg);border-color:var(--line)}
  & .bd-field input:focus,& .bd-field textarea:focus{background:#fff;border-color:var(--accent-fg);box-shadow:0 0 0 4px rgba(215,255,61,.45)}
  & .bd-field input:focus + span,& .bd-field input:not(:placeholder-shown) + span,& .bd-field textarea:focus + span,& .bd-field textarea:not(:placeholder-shown) + span{color:var(--accent-fg)}
  & .bd-field.is-invalid input,& .bd-field.is-invalid textarea{border-color:#d4442e}
  & .bd-form__msg{color:#c23a25}
  & .bd-chipbtn:hover{border-color:var(--accent-fg)}
  & .bd-form__done{background:rgba(255,255,255,.97)}
  & .bd-form__check svg{stroke:var(--accent-fg)}

  /* footer */
  & .bd-footer{background:linear-gradient(180deg,transparent,rgba(215,255,61,.22))}
  & .bd-footer__word{-webkit-text-stroke:1.2px rgba(21,22,15,.32)}
  & .bd-footer__word span:hover{color:var(--accent);-webkit-text-stroke-color:var(--accent-fg)}

  /* misc */
  & .bd-post{background:var(--card)}
  & .bd-post:hover{border-color:rgba(79,110,0,.35)}
}

@media (prefers-reduced-motion:reduce){::view-transition-new(root){animation:none;clip-path:none}}
/* About portrait: keep it a perfect circle (Elementor forces container width) */
.bd-site .bd-about__visual > .e-con.bd-portrait{--width:78%;width:78%;height:78%;max-width:none;top:11%;left:11%;right:auto;bottom:auto;aspect-ratio:1/1;margin:0;padding:0}
.bd-site .bd-portrait .bd-portrait__img,.bd-site .bd-portrait .bd-portrait__img .elementor-widget-container{width:100%;height:100%;margin:0}
.bd-site .bd-portrait .bd-portrait__img img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 30%}
