/* ===== Sector colour themes for the sector pages (generated by apply_sector_theme.py) =====
   Each page takes its logo colour and companions that suit it: Energy = gold + navy + warm cream,
   Agriculture = green + navy + soft green, Solutions = gray (light gray on dark areas, darker gray on white).
   Only colours change; layout and content stay exactly as they are. */

/* ---------- energy ---------- */
body[data-sector="energy"]{--green:#D4AF37;--green-hi:#E8C960;--green-deep:#A8861F;--off:#F7F6F2;--line:rgba(140,110,30,.16)}
body[data-sector="energy"] .btn--green{box-shadow: 0 10px 26px rgba(212,175,55,.35)}
body[data-sector="energy"] .btn--green:hover{box-shadow: 0 16px 34px rgba(212,175,55,.45)}
body[data-sector="energy"] .topbar__back:hover{background: rgba(212,175,55,.14)}
body[data-sector="energy"] .topbar.is-scrolled .topbar__back:hover{background: rgba(212,175,55,.08)}
body[data-sector="energy"] .gate:hover .gate__overlay{background: linear-gradient(to top,
    rgba(13, 28, 63, 0.96) 0%,
    rgba(13, 28, 63, 0.50) 46%,
    rgba(212,175,55, 0.14) 100%)}
body[data-sector="energy"] .page-hero__bg{background:
    radial-gradient(720px 560px at 74% 46%, rgba(212,175,55,.13), transparent 62%),
    radial-gradient(900px 620px at 18% 18%, rgba(30,60,123,.55), transparent 65%),
    linear-gradient(160deg, var(--navy-ink) 0%, var(--navy-deep) 120%)}
body[data-sector="energy"] [dir="rtl"] .page-hero__bg{background:
    radial-gradient(720px 560px at 26% 46%, rgba(212,175,55,.13), transparent 62%),
    radial-gradient(900px 620px at 82% 18%, rgba(30,60,123,.55), transparent 65%),
    linear-gradient(-160deg, var(--navy-ink) 0%, var(--navy-deep) 120%)}
body[data-sector="energy"] .mvv__icon{background: rgba(212,175,55,.12)}
body[data-sector="energy"] .card__icon{background: linear-gradient(135deg, rgba(30,60,123,.08), rgba(212,175,55,.14))}
body[data-sector="energy"] .step:hover{border-color: rgba(212,175,55,.4)}
body[data-sector="energy"] .faq__item[open]{border-color: rgba(212,175,55,.5)}
body[data-sector="energy"] .block--contact{background:
    radial-gradient(900px 420px at 85% -10%, rgba(212,175,55,.16), transparent 60%),
    linear-gradient(160deg, var(--navy-ink) 0%, var(--navy-deep) 100%)}
body[data-sector="energy"] a.contact-tile:hover{border-color: rgba(212,175,55,.45)}
body[data-sector="energy"] .contact-tile__icon{background: rgba(212,175,55,.16)}
body[data-sector="energy"] .footer__social a:hover{background: rgba(212,175,55,.1)}
body[data-sector="energy"] .topbar.is-scrolled .lang-switch a.is-active{background:var(--green);border-color:var(--green);color:#fff}
body[data-sector="energy"] .lang-switch a:hover,body[data-sector="energy"] .topbar.is-scrolled .lang-switch a:hover{background:var(--green);border-color:var(--green);color:#fff}
body[data-sector="energy"] .cfab__btn{background:var(--green)}
body[data-sector="energy"] .block{--green:#B8962E}   /* deeper gold for small text on white */
body[data-sector="energy"] .btn--green,body[data-sector="energy"] .btn--green:hover{color:#0A1631}
body[data-sector="energy"] .lang-switch a.is-active,body[data-sector="energy"] .topbar__nav .lang-switch a.is-active{color:#0A1631!important}
body[data-sector="energy"] .card:hover .card__icon{color:#0A1631}
body[data-sector="energy"] ::selection{background:#D4AF37;color:#0A1631}
body[data-sector="energy"] .block--contact{--green:#D4AF37}   /* bright gold again on the dark contact section */
body[data-sector="energy"] .lang-switch a:hover,body[data-sector="energy"] .lang-switch a.is-active,body[data-sector="energy"] .topbar.is-scrolled .lang-switch a:hover,body[data-sector="energy"] .topbar.is-scrolled .lang-switch a.is-active{color:#0A1631!important}
body[data-sector="energy"] .cfab__btn{color:#0A1631}

/* ---------- agriculture ---------- */
body[data-sector="agriculture"]{--green:#70A850;--green-hi:#8BC46A;--green-deep:#4F8A36;--off:#F4F8F1;--line:rgba(60,110,40,.16)}
body[data-sector="agriculture"] .btn--green{box-shadow: 0 10px 26px rgba(112,168,80,.35)}
body[data-sector="agriculture"] .btn--green:hover{box-shadow: 0 16px 34px rgba(112,168,80,.45)}
body[data-sector="agriculture"] .topbar__back:hover{background: rgba(112,168,80,.14)}
body[data-sector="agriculture"] .topbar.is-scrolled .topbar__back:hover{background: rgba(112,168,80,.08)}
body[data-sector="agriculture"] .gate:hover .gate__overlay{background: linear-gradient(to top,
    rgba(13, 28, 63, 0.96) 0%,
    rgba(13, 28, 63, 0.50) 46%,
    rgba(112,168,80, 0.14) 100%)}
body[data-sector="agriculture"] .page-hero__bg{background:
    radial-gradient(720px 560px at 74% 46%, rgba(112,168,80,.13), transparent 62%),
    radial-gradient(900px 620px at 18% 18%, rgba(30,60,123,.55), transparent 65%),
    linear-gradient(160deg, var(--navy-ink) 0%, var(--navy-deep) 120%)}
body[data-sector="agriculture"] [dir="rtl"] .page-hero__bg{background:
    radial-gradient(720px 560px at 26% 46%, rgba(112,168,80,.13), transparent 62%),
    radial-gradient(900px 620px at 82% 18%, rgba(30,60,123,.55), transparent 65%),
    linear-gradient(-160deg, var(--navy-ink) 0%, var(--navy-deep) 120%)}
body[data-sector="agriculture"] .mvv__icon{background: rgba(112,168,80,.12)}
body[data-sector="agriculture"] .card__icon{background: linear-gradient(135deg, rgba(30,60,123,.08), rgba(112,168,80,.14))}
body[data-sector="agriculture"] .step:hover{border-color: rgba(112,168,80,.4)}
body[data-sector="agriculture"] .faq__item[open]{border-color: rgba(112,168,80,.5)}
body[data-sector="agriculture"] .block--contact{background:
    radial-gradient(900px 420px at 85% -10%, rgba(112,168,80,.16), transparent 60%),
    linear-gradient(160deg, var(--navy-ink) 0%, var(--navy-deep) 100%)}
body[data-sector="agriculture"] a.contact-tile:hover{border-color: rgba(112,168,80,.45)}
body[data-sector="agriculture"] .contact-tile__icon{background: rgba(112,168,80,.16)}
body[data-sector="agriculture"] .footer__social a:hover{background: rgba(112,168,80,.1)}
body[data-sector="agriculture"] .topbar.is-scrolled .lang-switch a.is-active{background:var(--green);border-color:var(--green);color:#fff}
body[data-sector="agriculture"] .lang-switch a:hover,body[data-sector="agriculture"] .topbar.is-scrolled .lang-switch a:hover{background:var(--green);border-color:var(--green);color:#fff}
body[data-sector="agriculture"] .cfab__btn{background:var(--green)}

/* ---------- solutions ---------- */
body[data-sector="solutions"]{--green:#75787B;--green-hi:#8E9194;--green-deep:#5E6165;--off:#F3F4F5;--line:rgba(60,64,70,.16)}
body[data-sector="solutions"] .btn--green{box-shadow: 0 10px 26px rgba(117,120,123,.35)}
body[data-sector="solutions"] .btn--green:hover{box-shadow: 0 16px 34px rgba(117,120,123,.45)}
body[data-sector="solutions"] .topbar__back:hover{background: rgba(167,168,170,.14)}
body[data-sector="solutions"] .topbar.is-scrolled .topbar__back:hover{background: rgba(167,168,170,.08)}
body[data-sector="solutions"] .gate:hover .gate__overlay{background: linear-gradient(to top,
    rgba(13, 28, 63, 0.96) 0%,
    rgba(13, 28, 63, 0.50) 46%,
    rgba(117,120,123, 0.14) 100%)}
body[data-sector="solutions"] .page-hero__bg{background:
    radial-gradient(720px 560px at 74% 46%, rgba(167,168,170,.13), transparent 62%),
    radial-gradient(900px 620px at 18% 18%, rgba(30,60,123,.55), transparent 65%),
    linear-gradient(160deg, var(--navy-ink) 0%, var(--navy-deep) 120%)}
body[data-sector="solutions"] [dir="rtl"] .page-hero__bg{background:
    radial-gradient(720px 560px at 26% 46%, rgba(167,168,170,.13), transparent 62%),
    radial-gradient(900px 620px at 82% 18%, rgba(30,60,123,.55), transparent 65%),
    linear-gradient(-160deg, var(--navy-ink) 0%, var(--navy-deep) 120%)}
body[data-sector="solutions"] .mvv__icon{background: rgba(117,120,123,.12)}
body[data-sector="solutions"] .card__icon{background: linear-gradient(135deg, rgba(30,60,123,.08), rgba(117,120,123,.14))}
body[data-sector="solutions"] .step:hover{border-color: rgba(117,120,123,.4)}
body[data-sector="solutions"] .faq__item[open]{border-color: rgba(117,120,123,.5)}
body[data-sector="solutions"] .block--contact{background:
    radial-gradient(900px 420px at 85% -10%, rgba(167,168,170,.16), transparent 60%),
    linear-gradient(160deg, var(--navy-ink) 0%, var(--navy-deep) 100%)}
body[data-sector="solutions"] a.contact-tile:hover{border-color: rgba(167,168,170,.45)}
body[data-sector="solutions"] .contact-tile__icon{background: rgba(167,168,170,.16)}
body[data-sector="solutions"] .footer__social a:hover{background: rgba(167,168,170,.1)}
body[data-sector="solutions"] .topbar.is-scrolled .lang-switch a.is-active{background:var(--green);border-color:var(--green);color:#fff}
body[data-sector="solutions"] .lang-switch a:hover,body[data-sector="solutions"] .topbar.is-scrolled .lang-switch a:hover{background:var(--green);border-color:var(--green);color:#fff}
body[data-sector="solutions"] .cfab__btn{background:var(--green)}
body[data-sector="solutions"] .page-hero,body[data-sector="solutions"] .topbar,body[data-sector="solutions"] #contact,body[data-sector="solutions"] .footer{--green:#A7A8AA;--green-hi:#C3C4C6}   /* light gray on dark areas */
body[data-sector="solutions"] .topbar.is-scrolled{--green:#75787B;--green-hi:#8E9194}
body[data-sector="solutions"] .page-hero .btn--green{background:#A7A8AA;color:#0A1631}
body[data-sector="solutions"] .page-hero .btn--green:hover{background:#C3C4C6;color:#0A1631}
body[data-sector="solutions"] .topbar:not(.is-scrolled) .lang-switch a:hover,body[data-sector="solutions"] .topbar:not(.is-scrolled) .lang-switch a.is-active{color:#0A1631}

/* ---------- header mark in the sector colour (transparent and scrolled topbar alike) ---------- */
body[data-sector] .topbar__logo img{display:none!important}
body[data-sector] .topbar__mark{display:block;width:151px;height:38px;background:currentColor;color:var(--green);-webkit-mask:url(../img/mark-sna.svg) center/contain no-repeat;mask:url(../img/mark-sna.svg) center/contain no-repeat;transition:color .3s}