/* EsEm Tactical — EsEm Klub (stranica kluba i klupski dio računa)
   Koristi samo postojeće varijable iz style.css. Sve klase počinju sa kl- */

/* ---------- zajedničko ---------- */
.kl-dugme{display:inline-block;background:var(--coyote);color:#1c1a14;font-family:'Saira Condensed',sans-serif;font-weight:700;font-size:20px;letter-spacing:.09em;text-transform:uppercase;padding:17px 34px 15px;border:0;cursor:pointer;line-height:1;transition:background .15s,transform .15s}
.kl-dugme:hover{background:#cdb086}
.kl-dugme:active{transform:translateY(1px)}
.kl-dugme--tamno{background:var(--maslina);color:#fff;font-size:17px;padding:0 28px;min-height:50px}
.kl-dugme--tamno:hover{background:var(--maslina-tamna)}
.kl-klub a:focus-visible,.kl-klub button:focus-visible,.kl-klub input:focus-visible,.kl-klub summary:focus-visible,
.kl-racun a:focus-visible,.kl-racun button:focus-visible,.kl-racun input:focus-visible{outline:3px solid var(--coyote);outline-offset:3px}

.kl-sekcija{padding:78px 0}
.kl-naslov{text-align:center;margin-bottom:44px}
.kl-naslov h2{font-size:clamp(32px,4.2vw,48px);color:var(--maslina-tamna);letter-spacing:.03em}
.kl-naslov p{margin-top:10px;color:var(--sivi);font-size:17.5px}

/* ---------- hero ---------- */
.kl-hero{position:relative;isolation:isolate;overflow:hidden;background:#181b13;color:#fff}
.kl-hero-slika{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:-150px center;transform:scaleX(-1);z-index:-2}
.kl-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(21,24,16,.97) 0%,rgba(21,24,16,.92) 42%,rgba(21,24,16,.45) 72%,rgba(21,24,16,0) 100%)}
.kl-hero .wrap{padding-top:78px;padding-bottom:74px}
.kl-hero-tekst{max-width:640px}
.kl-znak{display:inline-flex;align-items:center;gap:0;margin-bottom:26px;border:1px solid rgba(185,154,107,.5);background:rgba(58,64,48,.85)}
.kl-znak svg{width:74px;height:74px;display:block;padding:10px;background:rgba(0,0,0,.28)}
.kl-znak span{font-family:'Saira Condensed',sans-serif;font-weight:700;font-size:26px;letter-spacing:.14em;text-transform:uppercase;color:var(--coyote-svijetla);padding:0 24px}
.kl-hero h1{font-size:clamp(46px,7vw,84px);font-weight:700;color:#fff;line-height:.98;letter-spacing:.01em;margin-bottom:22px;text-wrap:balance}
.kl-uvod{font-size:19px;line-height:1.65;color:var(--coyote-svijetla);max-width:56ch;margin-bottom:32px}
.kl-sitno{margin-top:16px;font-size:14.5px;color:#b9b6ac;max-width:46ch}
.kl-hero--niski .wrap{padding-top:64px;padding-bottom:62px}
.kl-hero--niski h2{font-size:clamp(34px,4.6vw,56px);color:#fff;line-height:1.02;margin-bottom:16px;max-width:22ch;text-wrap:balance}

/* traka ispod hero-a */
.kl-traka{background:#111110;border-bottom:3px solid var(--coyote);color:#fff}
.kl-traka-mreza{display:grid;grid-template-columns:repeat(3,1fr)}
.kl-traka-mreza>div{padding:24px 26px;border-left:1px solid rgba(227,213,189,.16);display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.kl-traka-mreza>div:first-child{border-left:0;padding-left:0}
.kl-traka strong{font-family:'Saira Condensed',sans-serif;font-size:34px;font-weight:700;line-height:1;color:var(--coyote)}
.kl-traka span{font-size:15px;color:#d9d6cc}

/* podnožje se lijepi direktno na završni poziv */
body.kl-klub-str footer{margin-top:0}

/* Astrin kontejner na stranici kluba: puna širina (isti postupak kao na naplati) */
body.kl-klub-str .site-content,
body.kl-klub-str .ast-container,
body.kl-klub-str #primary,
body.kl-klub-str .content-area{width:100%!important;max-width:100%!important;float:none!important;display:block!important;margin:0!important;padding:0!important}
body.kl-klub-str #secondary{display:none!important}

/* ---------- pogodnosti ---------- */
.kl-kartice{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.kl-kartica{background:#fff;border:1px solid var(--linija);border-top:4px solid var(--maslina);padding:36px 30px 34px;text-align:center;box-shadow:0 12px 30px rgba(39,44,32,.07)}
.kl-kartica img{width:88px;height:88px;object-fit:contain;margin:0 auto 18px}
.kl-kartica h3{font-size:26px;color:var(--maslina-tamna);margin-bottom:12px}
.kl-kartica p{font-size:16.5px;line-height:1.68;color:#33332c;max-width:34ch;margin:0 auto}

/* ---------- kako radi ---------- */
.kl-radi{background:linear-gradient(180deg,#0e100b,#1a1e14);position:relative;isolation:isolate;overflow:hidden;color:#fff}
.kl-radi::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-radial-gradient(circle at 50% 130%,rgba(185,154,107,.07) 0 2px,transparent 2px 30px)}
.kl-radi .kl-naslov h2{color:#fff}
.kl-radi .kl-naslov p{color:#b9b6ac}
.kl-koraci{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;position:relative}
.kl-koraci::before{content:"";position:absolute;left:16.6%;right:16.6%;top:64px;border-top:1px dashed rgba(227,213,189,.32)}
.kl-korak{position:relative;text-align:center;padding-top:6px}
.kl-korak-br{position:absolute;right:calc(50% + 34px);top:-14px;font-family:'Saira Condensed',sans-serif;font-weight:700;font-size:170px;line-height:1;color:rgba(185,154,107,.13);pointer-events:none;user-select:none}
.kl-korak-ik{position:relative;width:116px;height:116px;margin:0 auto 20px;border-radius:50%;background:#14170f;border:1px solid rgba(185,154,107,.4);display:flex;align-items:center;justify-content:center}
.kl-korak-ik img{width:72px;height:72px;object-fit:contain}
.kl-korak h3{position:relative;font-size:29px;color:var(--coyote);margin-bottom:10px}
.kl-korak p{position:relative;font-size:16.5px;line-height:1.65;color:#e3ded2;max-width:31ch;margin:0 auto}

/* ---------- računica ---------- */
.kl-racunica{background:var(--krem)}
.kl-racunica-mreza{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:start}
.kl-racunica h2{font-size:clamp(32px,4vw,46px);color:var(--maslina-tamna);margin-bottom:14px}
.kl-pravilo{font-size:19px;line-height:1.6;max-width:44ch;margin-bottom:26px;color:#26261f}
.kl-pravilo strong{font-family:'Saira Condensed',sans-serif;font-size:27px;color:var(--maslina)}
.kl-kalk{background:#fff;border:1px solid var(--linija);border-top:4px solid var(--coyote);padding:28px}
.kl-kalk label{display:block;font-weight:600;margin-bottom:9px}
.kl-kalk-unos{display:flex}
.kl-kalk input{flex:1;min-width:0;font:inherit;font-size:24px;padding:13px 16px;border:1px solid #8d8a82;border-right:0;background:#fff;color:var(--tekst);border-radius:0}
.kl-kalk-jed{display:flex;align-items:center;padding:0 20px;background:var(--maslina);color:#fff;font-family:'Saira Condensed',sans-serif;font-size:20px;font-weight:700;letter-spacing:.06em}
.kl-kalk-rez{margin-top:22px;padding:20px 22px;background:var(--maslina-tamna);color:#fff;display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}
.kl-kalk-rez span{font-family:'Saira Condensed',sans-serif;font-size:15px;letter-spacing:.16em;text-transform:uppercase;color:var(--coyote)}
.kl-kalk-rez strong{font-family:'Saira Condensed',sans-serif;font-size:52px;line-height:1;color:var(--coyote-svijetla)}
.kl-kalk-nap{margin-top:14px;font-size:14px;line-height:1.55;color:var(--sivi)}
.kl-tabela{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--linija)}
.kl-tabela caption{text-align:left;font-family:'Saira Condensed',sans-serif;font-weight:700;font-size:24px;letter-spacing:.04em;text-transform:uppercase;color:var(--maslina-tamna);padding:0 0 12px}
.kl-tabela th,.kl-tabela td{padding:14px 18px;text-align:right;border-bottom:1px solid var(--linija);font-size:17px}
.kl-tabela th:first-child,.kl-tabela td:first-child{text-align:left}
.kl-tabela thead th{background:var(--maslina);color:#fff;font-family:'Saira Condensed',sans-serif;font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:14.5px}
.kl-tabela tbody td:last-child{font-family:'Saira Condensed',sans-serif;font-size:22px;font-weight:700;color:var(--zelena)}
.kl-tabela tbody tr:last-child td{border-bottom:0}

/* ---------- pitanja ---------- */
.kl-pitanja{max-width:860px;margin:0 auto}
.kl-pitanje{border-bottom:1px solid var(--linija)}
.kl-pitanje:first-child{border-top:1px solid var(--linija)}
.kl-pitanje summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 4px;font-family:'Saira Condensed',sans-serif;font-size:23px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--maslina-tamna)}
.kl-pitanje summary::-webkit-details-marker{display:none}
.kl-pitanje summary::after{content:"+";flex:none;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid var(--linija);font-size:24px;line-height:1;color:var(--maslina);font-family:'Barlow',sans-serif;font-weight:500}
.kl-pitanje[open] summary::after{content:"\2212";background:var(--maslina);border-color:var(--maslina);color:#fff}
.kl-pitanje p{padding:0 4px 24px;font-size:17px;line-height:1.72;color:#33332c;max-width:68ch}

/* ---------- Moj račun ---------- */
.kl-racun{display:grid;grid-template-columns:290px minmax(0,1fr);gap:44px;align-items:start;padding-top:44px;padding-bottom:84px}
/* style.css ima opće pravilo za nav (razmak, flex, uppercase) — ovdje ga izričito poništavamo */
.kl-racun .woocommerce-MyAccount-navigation{float:none!important;width:auto!important;margin:0;display:block;position:sticky;top:170px;font-family:'Saira Condensed',sans-serif;text-transform:uppercase;letter-spacing:.05em}
.kl-racun .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;border:1px solid var(--linija);background:#fff}
.kl-racun .woocommerce-MyAccount-navigation li{margin:0;padding:0;list-style:none}
.kl-racun .woocommerce-MyAccount-navigation a{display:flex;align-items:center;gap:15px;padding:17px 20px 17px 16px;font-weight:700;font-size:18px;color:var(--tekst);border-left:4px solid transparent;border-bottom:1px solid var(--linija);transition:background .15s}
.kl-racun .woocommerce-MyAccount-navigation li:last-child a{border-bottom:0}
.kl-racun .woocommerce-MyAccount-navigation a:hover{background:var(--krem)}
.kl-racun .woocommerce-MyAccount-navigation .is-active a{border-left-color:var(--maslina);background:var(--krem);color:var(--maslina-tamna)}
.kl-racun .woocommerce-MyAccount-navigation a::before{content:"";width:24px;height:24px;flex:none;background:currentColor;-webkit-mask:var(--ik) center/contain no-repeat;mask:var(--ik) center/contain no-repeat}
.kl-racun .woocommerce-MyAccount-content{float:none!important;width:auto!important;min-width:0}

.kl-uvod-racun{font-size:17.5px;line-height:1.68;color:#26261f;max-width:66ch;margin-bottom:28px}
.kl-uvod-racun a{color:var(--maslina);font-weight:600;border-bottom:1px solid var(--linija)}

.kl-stanje{display:grid;grid-template-columns:1.25fr 1fr;background:linear-gradient(118deg,var(--maslina-tamna),var(--maslina));color:#fff;border-bottom:4px solid var(--coyote);margin-bottom:40px}
.kl-stanje-glavno{padding:30px 32px;display:flex;align-items:center;gap:22px}
.kl-stanje-glavno img{width:84px;height:84px;object-fit:contain;flex:none}
.kl-stanje-glavno span{display:block;font-family:'Saira Condensed',sans-serif;font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--coyote)}
.kl-stanje-glavno strong{display:block;font-family:'Saira Condensed',sans-serif;font-size:clamp(52px,6vw,74px);line-height:1;color:#fff;margin:4px 0 6px}
.kl-stanje-glavno p{font-size:15px;color:var(--coyote-svijetla);margin:0}
.kl-stanje-bocno{padding:30px 32px;border-left:1px solid rgba(227,213,189,.22);display:flex;flex-direction:column;justify-content:center;gap:16px;background:rgba(0,0,0,.18)}
.kl-stanje-bocno div{display:flex;justify-content:space-between;align-items:baseline;gap:14px}
.kl-stanje-bocno span{font-size:15px;color:var(--coyote-svijetla)}
.kl-stanje-bocno b{font-family:'Saira Condensed',sans-serif;font-size:26px;color:#fff}
.kl-stanje-bocno .pravilo{font-size:13.5px;color:#b9b6ac;padding-top:14px;border-top:1px solid rgba(227,213,189,.2);display:block}

.kl-blok{margin-bottom:44px}
.kl-blok:last-child{margin-bottom:0}
.kl-blok-naslov{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--linija);margin-bottom:22px}
.kl-blok-naslov h2{font-size:30px;color:var(--maslina-tamna)}
.kl-blok-naslov span{font-size:15px;color:var(--sivi)}

.kl-kupon{background:var(--krem);border:1px solid var(--linija);border-left:4px solid var(--coyote);padding:26px 28px;max-width:660px}
.kl-kupon p{margin:0 0 14px;font-size:16.5px}
.kl-kupon-red{display:flex;gap:12px;flex-wrap:wrap}
.kl-kupon-red input{flex:1;min-width:200px;font:inherit;font-size:18px;padding:0 16px;min-height:50px;border:1px solid #8d8a82;background:#fff;color:var(--tekst);text-transform:uppercase;letter-spacing:.06em;border-radius:0}
.kl-kupon-red input::placeholder{text-transform:none;letter-spacing:0;color:#8d8a82}
.kl-poruka:empty{display:none}
.kl-poruka{margin-top:14px;font-weight:600;font-size:15.5px}
.kl-poruka.greska{color:var(--crvena)}
.kl-poruka.uspjeh{color:var(--zelena)}
.kl-poruka a{color:var(--maslina);border-bottom:1px solid currentColor}

.kl-istorija{width:100%;border-collapse:collapse;border:1px solid var(--linija);background:#fff}
.kl-istorija th,.kl-istorija td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--linija);font-size:16.5px}
.kl-istorija thead th{background:var(--maslina);color:#fff;font-family:'Saira Condensed',sans-serif;font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:14.5px}
.kl-istorija tbody tr:last-child td{border-bottom:0}
.kl-istorija th:last-child,.kl-istorija td:last-child{text-align:right;white-space:nowrap}
.kl-istorija .plus{font-family:'Saira Condensed',sans-serif;font-size:21px;font-weight:700;color:var(--zelena)}
.kl-istorija .minus{font-family:'Saira Condensed',sans-serif;font-size:21px;font-weight:700;color:var(--crvena)}
.kl-istorija .status{font-weight:600;color:var(--maslina-tamna)}
.kl-istorija .iznos{font-family:'Saira Condensed',sans-serif;font-size:21px;font-weight:700;color:var(--tekst)}
.kl-istorija-prazno{border:1px dashed #b8b4aa;padding:22px;color:var(--sivi);font-size:16.5px}
.kl-tabela-omot{overflow-x:auto}

.kl-pogodnosti{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0;padding:0}
.kl-pogodnosti li{background:#fff;border:1px solid var(--linija);border-top:3px solid var(--maslina);padding:18px 20px;font-size:16px;line-height:1.5;margin:0}
.kl-pogodnosti b{display:block;font-family:'Saira Condensed',sans-serif;font-size:20px;letter-spacing:.03em;text-transform:uppercase;color:var(--maslina-tamna);margin-bottom:4px}

/* ---------- prilagođavanje ---------- */
@media (max-width:1000px){
  .kl-kartice,.kl-koraci{grid-template-columns:1fr;max-width:560px;margin:0 auto}
  .kl-koraci{gap:54px}
  .kl-koraci::before{display:none}
  .kl-racunica-mreza{grid-template-columns:minmax(0,1fr);gap:38px}
  .kl-racun{grid-template-columns:minmax(0,1fr);gap:26px}
  .kl-racun .woocommerce-MyAccount-navigation{position:static}
  .kl-racun .woocommerce-MyAccount-navigation ul{display:flex;overflow-x:auto;scrollbar-width:none}
  .kl-racun .woocommerce-MyAccount-navigation a{border-bottom:0;border-left:0;border-bottom:4px solid transparent;white-space:nowrap;padding:15px 18px}
  .kl-racun .woocommerce-MyAccount-navigation .is-active a{border-bottom-color:var(--maslina)}
  .kl-stanje{grid-template-columns:minmax(0,1fr)}
  .kl-stanje-bocno{border-left:0;border-top:1px solid rgba(227,213,189,.22)}
  .kl-pogodnosti{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:700px){
  .kl-sekcija{padding:56px 0}
  .kl-hero .wrap{padding-top:52px;padding-bottom:52px}
  .kl-hero::after{background:linear-gradient(90deg,rgba(21,24,16,.97),rgba(21,24,16,.86))}
  .kl-traka-mreza{grid-template-columns:1fr}
  .kl-traka-mreza>div,.kl-traka-mreza>div:first-child{border-left:0;padding:14px 0;border-top:1px solid rgba(227,213,189,.14)}
  .kl-traka-mreza>div:first-child{border-top:0}
  .kl-znak svg{width:60px;height:60px}
  .kl-znak span{font-size:22px;padding:0 18px}
  .kl-stanje-glavno{flex-direction:column;align-items:flex-start;padding:24px}
  .kl-stanje-bocno{padding:22px 24px}
  .kl-kalk{padding:20px}
  .kl-kalk-rez strong{font-size:44px}
}
@media (prefers-reduced-motion:reduce){.kl-dugme{transition:none}}

/* ---------- veze u tabelama ---------- */
.kl-istorija td a,.kl-istorija-prazno a{color:var(--maslina);font-weight:600;border-bottom:1px solid var(--linija)}
.kl-istorija td a:hover,.kl-istorija-prazno a:hover{border-bottom-color:var(--maslina)}

/* ---------- Moj račun (prijavljen kupac): puna širina kao na naplati, bez Astrinog naslova ---------- */
body.kl-racun-str #primary,
body.kl-racun-str .content-area,
body.kl-racun-str .ast-container{width:100%!important;max-width:100%!important;float:none!important;display:block!important;margin:0!important;padding:0!important}
body.kl-racun-str #secondary{display:none!important}
body.kl-racun-str .entry-header,
body.kl-racun-str .ast-page-banner-title{display:none!important}
body.kl-racun-str .entry-content,
body.kl-racun-str article,
body.kl-racun-str .woocommerce{max-width:100%!important;width:100%!important;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;border:0!important}

/* ---------- ostale stranice u Moj računu (narudžbe, adrese, podaci) — isti izgled ---------- */
.kl-racun .woocommerce-MyAccount-content h2,
.kl-racun .woocommerce-MyAccount-content h3{font-size:28px;color:var(--maslina-tamna);margin:0 0 18px}
.kl-racun .woocommerce-MyAccount-content p{font-size:16.5px;line-height:1.65}
.kl-racun .woocommerce-MyAccount-content a:not(.button){color:var(--maslina);font-weight:600}
.kl-racun .woocommerce-MyAccount-content table.shop_table{width:100%;border-collapse:collapse;border:1px solid var(--linija);background:#fff;margin-bottom:24px}
.kl-racun .woocommerce-MyAccount-content table.shop_table th,
.kl-racun .woocommerce-MyAccount-content table.shop_table td{padding:14px 18px;text-align:left;border:0;border-bottom:1px solid var(--linija);font-size:16px}
.kl-racun .woocommerce-MyAccount-content table.shop_table thead th{background:var(--maslina);color:#fff;font-family:'Saira Condensed',sans-serif;font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:14.5px}
.kl-racun .woocommerce-MyAccount-content .button,
.kl-racun .woocommerce-MyAccount-content button.button,
.kl-racun .woocommerce-MyAccount-content input[type="submit"]{display:inline-block;background:var(--maslina);color:#fff;font-family:'Saira Condensed',sans-serif;font-weight:700;font-size:17px;letter-spacing:.08em;text-transform:uppercase;padding:14px 26px;border:0;border-radius:0;cursor:pointer;line-height:1.1}
.kl-racun .woocommerce-MyAccount-content .button:hover,
.kl-racun .woocommerce-MyAccount-content input[type="submit"]:hover{background:var(--maslina-tamna);color:#fff}
.kl-racun .woocommerce-MyAccount-content input.input-text,
.kl-racun .woocommerce-MyAccount-content select,
.kl-racun .woocommerce-MyAccount-content textarea{width:100%;border:1px solid #8d8a82;background:#fff;padding:12px 14px;font-family:'Barlow',sans-serif;font-size:16px;color:var(--tekst);border-radius:0}
.kl-racun .woocommerce-MyAccount-content form .form-row label{display:block;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--sivi);margin-bottom:6px}
.kl-racun .woocommerce-MyAccount-content .woocommerce-Addresses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.kl-racun .woocommerce-MyAccount-content .woocommerce-Address{float:none;width:auto;background:#fff;border:1px solid var(--linija);border-top:3px solid var(--maslina);padding:22px}
@media (max-width:700px){.kl-racun .woocommerce-MyAccount-content .woocommerce-Addresses{grid-template-columns:minmax(0,1fr)}}

/* ikone menija računa (nav) */
.kl-racun .woocommerce-MyAccount-navigation-link--dashboard a::before{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l9-8 9 8'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3Cpath d='M10 20v-6h4v6'/%3E%3C/svg%3E")}
.kl-racun .woocommerce-MyAccount-navigation-link--orders a::before{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h3l2.4 11h10L20 7H7'/%3E%3Ccircle cx='9' cy='19' r='1.4'/%3E%3Ccircle cx='17' cy='19' r='1.4'/%3E%3C/svg%3E")}
.kl-racun .woocommerce-MyAccount-navigation-link--edit-address a::before{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.5a7 7 0 0114 0C19 14.800 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.500' r='2.500'/%3E%3C/svg%3E")}
.kl-racun .woocommerce-MyAccount-navigation-link--edit-account a::before{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1-4.500 4-6.500 8-6.500s7 2 8 6.500'/%3E%3C/svg%3E")}
.kl-racun .woocommerce-MyAccount-navigation-link--customer-logout a::before{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4H5v16h4'/%3E%3Cpath d='M16 8l4 4-4 4M20 12H9'/%3E%3C/svg%3E")}

/* ---------- prijava, registracija i zaboravljena lozinka (gost) ---------- */
.kl-prijava{padding-top:44px;padding-bottom:84px}
.kl-prijava-mreza{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:stretch}
.kl-prijava-uska{max-width:640px;margin:0 auto}
.kl-forma-kart{background:#fff;border:1px solid var(--linija);border-top:4px solid var(--maslina);padding:36px 34px 34px;box-shadow:0 12px 30px rgba(39,44,32,.07)}
.kl-forma-kart h2{font-size:34px;color:var(--maslina-tamna);margin:0 0 8px}
.kl-forma-uvod{font-size:16.5px;line-height:1.6;color:var(--sivi);margin:0 0 24px}
.kl-polje{margin-bottom:18px}
.kl-polje label{display:block;font-size:15px;font-weight:600;margin-bottom:7px;color:var(--tekst)}
.kl-polje label span{color:var(--crvena)}
.kl-polje input[type="text"],.kl-polje input[type="email"],.kl-polje input[type="password"]{width:100%;min-height:52px;font:inherit;font-size:17px;padding:0 16px;border:1px solid #8d8a82;background:#fff;color:var(--tekst);border-radius:0}
.kl-kvacica{display:flex;align-items:center;gap:10px;margin:0 0 22px;font-size:16px;cursor:pointer}
.kl-kvacica input{width:19px;height:19px;flex:none;accent-color:var(--maslina)}
.kl-dugme--puno{width:100%;min-height:54px;font-size:19px}
.kl-forma-veza{margin:18px 0 0;font-size:15.5px}
.kl-forma-veza a{color:var(--maslina);font-weight:600;border-bottom:1px solid var(--linija)}
.kl-forma-veza a:hover{border-bottom-color:var(--maslina)}
.kl-forma-sitno{font-size:14px;line-height:1.55;color:var(--sivi);margin:0 0 20px}
.kl-forma-sitno a{color:var(--maslina);font-weight:600;border-bottom:1px solid var(--linija)}

/* kartica kluba (registracija) */
.kl-forma-kart--klub{background:linear-gradient(120deg,var(--maslina-tamna),var(--maslina));border-color:var(--maslina-tamna);border-top-color:var(--coyote);color:#fff}
.kl-forma-kart--klub h2{color:#fff}
.kl-forma-kart--klub .kl-forma-uvod{color:var(--coyote-svijetla)}
.kl-forma-kart--klub .kl-polje label{color:#fff}
.kl-forma-kart--klub .kl-forma-sitno{color:#c9c5b9}
.kl-forma-kart--klub .kl-forma-sitno a{color:var(--coyote-svijetla);border-bottom-color:rgba(227,213,189,.4)}
.kl-prednosti{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:12px}
.kl-prednosti li{display:flex;align-items:center;gap:14px;font-size:16.5px;line-height:1.4;margin:0}
.kl-prednosti img{width:38px;height:38px;object-fit:contain;flex:none}
.kl-prednosti b{color:var(--coyote-svijetla)}
.kl-forma-kart--klub .kl-dugme{background:var(--coyote);color:#1c1a14}
.kl-forma-kart--klub .kl-dugme:hover{background:#cdb086}

/* obavijesti WooCommerce-a (greške, poruke) */
.kl-prijava .woocommerce-error,.kl-prijava .woocommerce-message,.kl-prijava .woocommerce-info,
body.kl-racun-str .woocommerce-error,body.kl-racun-str .woocommerce-message,body.kl-racun-str .woocommerce-info{list-style:none;margin:0 0 24px;padding:16px 20px 16px 22px;background:var(--krem);border:1px solid var(--linija);border-left:4px solid var(--coyote);color:var(--tekst);font-size:16px;line-height:1.55}
.kl-prijava .woocommerce-error,body.kl-racun-str .woocommerce-error{border-left-color:var(--crvena)}
.kl-prijava .woocommerce-message,body.kl-racun-str .woocommerce-message{border-left-color:var(--zelena)}
.kl-prijava .woocommerce-error li{margin:0}
.kl-prijava .woocommerce-error::before,.kl-prijava .woocommerce-message::before,.kl-prijava .woocommerce-info::before{display:none}

@media (max-width:900px){
  .kl-prijava-mreza{grid-template-columns:minmax(0,1fr)}
  .kl-forma-kart{padding:28px 22px}
}

/* ---------- narudžbe, pregled narudžbe, adrese, podaci računa ---------- */
.kl-racun .woocommerce-MyAccount-content mark{background:none;color:var(--maslina);font-weight:700}
.kl-racun .woocommerce-MyAccount-content fieldset{border:1px solid var(--linija);padding:22px 24px 8px;margin:26px 0;background:#fff}
.kl-racun .woocommerce-MyAccount-content fieldset legend{font-family:'Saira Condensed',sans-serif;font-size:22px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--maslina-tamna);padding:0 10px}
.kl-racun .woocommerce-MyAccount-content .form-row{margin:0 0 18px;padding:0}
.kl-racun .woocommerce-MyAccount-content .form-row-first,
.kl-racun .woocommerce-MyAccount-content .form-row-last{width:calc(50% - 10px)}
.kl-racun .woocommerce-MyAccount-content .form-row-first{float:left}
.kl-racun .woocommerce-MyAccount-content .form-row-last{float:right}
.kl-racun .woocommerce-MyAccount-content .form-row-wide{clear:both;width:100%}
.kl-racun .woocommerce-MyAccount-content .clear{clear:both}
.kl-racun .woocommerce-MyAccount-content em{font-size:14.5px;color:var(--sivi)}
.kl-racun .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .button{padding:10px 18px;font-size:15px;margin:0 8px 6px 0}
.kl-racun .woocommerce-MyAccount-content .woocommerce-pagination{margin-top:8px}
.kl-racun .woocommerce-MyAccount-content address{font-style:normal;line-height:1.65;font-size:16.5px}
.kl-racun .woocommerce-MyAccount-content .woocommerce-Address-title{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px}
.kl-racun .woocommerce-MyAccount-content .woocommerce-Address-title h2,
.kl-racun .woocommerce-MyAccount-content .woocommerce-Address-title h3{margin:0;font-size:24px}
@media (max-width:700px){
  .kl-racun .woocommerce-MyAccount-content .form-row-first,
  .kl-racun .woocommerce-MyAccount-content .form-row-last{float:none;width:100%}
}