/* ============================================================
   iSukot 2026 redesign overlay  ·  loaded AFTER main.css
   Reskins the shell (fonts, header, logo, nav, footer, forms,
   buttons, typography) without touching dynamic content/markup.
   Fully reversible: remove the <link> + this file.
   ============================================================ */
@font-face{font-family:'RubikR';src:url(/css/f/rubik.woff2) format('woff2');font-weight:400 900;font-display:swap;unicode-range:U+0590-05FF,U+20AA,U+FB1D-FB4F}
@font-face{font-family:'RubikR';src:url(/css/f/rubik-latin.woff2) format('woff2');font-weight:400 900;font-display:swap;unicode-range:U+0000-058F,U+2000-20CF,U+2100-214F}
@font-face{font-family:'SoraR';src:url(/css/f/sora-latin.woff2) format('woff2');font-weight:600 800;font-display:swap}

:root{
  --ik:#0f1a13;--mut:#5f6d63;--grn:#0e5b37;--grnd:#0a4227;--grnl:#16794a;
  --mint:#e9f3ec;--acc:#e0a12b;--ln:#e9ece7;--sft:#f6f8f4;--gold:#ffd98a;
  --r:16px;--shc:0 1px 2px rgba(15,26,19,.05),0 22px 44px -26px rgba(15,26,19,.28);
}

/* ---------- global typography ---------- */
body{font-family:'RubikR',system-ui,'Segoe UI',Arial,sans-serif!important;color:var(--ik);line-height:1.72;-webkit-font-smoothing:antialiased}
#inner_container .main h1,#inner_container .main h2,#inner_container .main h3{color:var(--ik);letter-spacing:-.01em;line-height:1.22}
#inner_container .main h1{font-size:clamp(1.7rem,3.4vw,2.4rem);font-weight:800}
#inner_container .main h2{font-size:clamp(1.35rem,2.6vw,1.7rem);font-weight:700;margin-top:1.5em}
#inner_container .main a{color:var(--grn);text-underline-offset:2px}
#inner_container .main a:hover{color:var(--grnl)}

/* ---------- announce bar (template injects .isk-top) ---------- */
.isk-top{background:var(--grnd);color:#e7f4ec;font-size:.87rem;font-weight:500;text-align:center;padding:9px 16px;letter-spacing:.01em}
.isk-top b{color:#fff}
.isk-top .p{color:var(--gold);font-weight:700;white-space:nowrap}

/* ---------- header ---------- */
#header{background:#fff!important;border-bottom:1px solid var(--ln);box-shadow:0 10px 30px -26px rgba(15,26,19,.4)}
#header header{max-width:1200px!important;padding:13px 20px;gap:14px}

/* text logo (template injects .isk-logo inside a#logo) */
a#logo{background:none!important;width:auto!important;height:auto!important;display:flex;align-items:center;margin:0}
.isk-logo{font-family:'SoraR','RubikR',sans-serif;font-weight:800;font-size:1.6rem;letter-spacing:-.045em;color:var(--grn);line-height:1;white-space:nowrap}
.isk-logo .tld{color:var(--mut);font-weight:700}

/* nav links */
nav#menuArea{margin:0 1.5%}
nav#menuArea .menu{background:#fff}
ul#navigator{gap:1px}
ul#navigator>li>a{display:block;padding:10px 12px;font-weight:600;font-size:.97rem;color:var(--ik);border-radius:10px;transition:background .15s,color .15s;text-decoration:none;white-space:nowrap}
ul#navigator>li:hover>a,ul#navigator>li>a:hover{background:var(--mint);color:var(--grn)}

/* dropdowns */
ul#navigator>li>ul.drop{border-top:0!important;border-radius:14px;box-shadow:0 2px 6px rgba(15,26,19,.06),0 30px 60px -28px rgba(15,26,19,.45);padding:8px!important;min-width:214px;margin-top:8px;border:1px solid var(--ln);overflow:hidden}
ul#navigator>li>ul.drop>li>a{display:block;padding:9px 12px;border-radius:9px;font-size:.93rem;color:var(--ik);transition:background .13s,color .13s;text-decoration:none}
ul#navigator>li>ul.drop>li>a:hover{background:var(--mint);color:var(--grn)}

/* phone + CTA (template injects .isk-cta) */
#phoneArea{display:flex;align-items:center;gap:12px;white-space:nowrap}
#phoneArea>span{color:var(--grn)!important;font-weight:800}
.isk-cta{display:inline-flex;align-items:center;gap:.45em;background:var(--grn);color:#fff!important;font-weight:700;border-radius:100px;padding:.62em 1.25em;text-decoration:none;transition:.18s;box-shadow:0 12px 26px -14px rgba(14,91,55,.7);font-size:.95rem}
.isk-cta:hover{background:var(--grnl);transform:translateY(-1px);color:#fff!important}

/* mobile hamburger tint */
i#menuBar{color:var(--grn)}

/* desktop-only: brand+phone on row 1, nav centered on its own row 2 */
@media only screen and (min-width:801px){
  #header header{flex-wrap:wrap;align-items:center;row-gap:8px}
  a#logo{margin-inline-end:auto}
  nav#menuArea{order:99;flex:unset;flex-basis:100%;margin:8px 0 0;border-top:1px solid var(--ln);padding-top:8px}
  nav#menuArea .menu{display:flex!important;justify-content:center}
  ul#navigator{justify-content:center;flex-wrap:wrap;gap:2px}
}

/* ---------- content polish ---------- */
#inner_container{background:#fff}
aside .block{background:#fff;border:1px solid var(--ln);border-radius:var(--r);box-shadow:var(--shc);overflow:hidden;margin-bottom:18px}
aside .block .block_header{background:var(--mint);color:var(--grn);padding:12px 15px;font-weight:700;display:flex;align-items:center;gap:8px}
aside .block .block_header b{color:var(--grn)}
aside .block .block_body{padding:14px 15px}

/* buttons + form controls inside content */
.main form input[type=text],.main form input[type=tel],.main form input[type=email],.main form textarea,.main form select,
#form input[type=text],#form input[type=tel],#form input[type=email],#form textarea{
  border:1.5px solid var(--ln)!important;border-radius:12px!important;padding:.82em 1em!important;font-family:inherit!important;font-size:1rem!important;direction:rtl;text-align:right;background:#fff;transition:border-color .15s}
.main form input:focus,.main form textarea:focus,#form input:focus{border-color:var(--grnl)!important;outline:none;box-shadow:0 0 0 3px rgba(22,121,74,.12)}
.main form input[type=submit],.main form button[type=submit],#form input[type=submit],#form button{
  background:var(--grn)!important;color:#fff!important;border:0!important;border-radius:100px!important;padding:.85em 1.8em!important;font-weight:700!important;font-size:1.02rem!important;cursor:pointer;font-family:inherit!important;transition:.18s;box-shadow:0 14px 28px -14px rgba(14,91,55,.65)}
.main form input[type=submit]:hover,.main form button[type=submit]:hover,#form button:hover{background:var(--grnl)!important;transform:translateY(-1px)}

/* free-shipping accent chip usable anywhere in content */
.isk-ship{display:inline-flex;align-items:center;gap:7px;background:var(--mint);color:var(--grn);font-weight:700;padding:6px 13px;border-radius:100px;font-size:.92rem}

/* ---------- footer reskin ---------- */
footer{background:var(--grnd)!important;color:#cfe3d6;margin-top:44px}
footer .wrap{max-width:1200px!important;padding:46px 20px 0}
footer .blocks{gap:26px}
footer .block{background:none!important;border:0!important;box-shadow:none!important;flex:1;min-width:150px;margin:0}
footer .block h3{color:#fff!important;font-size:1.02rem;margin:0 0 13px;font-weight:700}
footer .block ul{list-style:none;padding:0;margin:0}
footer .block ul li{margin:0}
footer .block ul li a{color:#cfe3d6!important;text-decoration:none;font-size:.92rem;line-height:2.15;transition:color .13s}
footer .block ul li a:hover{color:#fff!important}
footer .cp{color:#8fa892!important;border-top:1px solid rgba(255,255,255,.13);margin-top:30px;padding:18px 0;font-size:.84rem;text-align:center}

/* accessibility side rail: keep it unobtrusive */
#right_links{z-index:6}