/* ============================================================
   Etno izgled. Radi samo kad je na body klasa stil-etno.
   Isti sadržaj i isti šabloni, drugačija boja, slova i ukras.
   ============================================================ */

/* ---------- boje i osnovne mere ---------- */
body.stil-etno{
  --zel:#4a5d23;          /* tamno maslinasto */
  --zel-t:#3a4a1a;
  --akc:#96231f;          /* vez crvena */
  --akc-t:#7a1b17;
  --tekst:#2e2418;
  --mek:#6d6152;
  --linija:#e6dccb;
  --siva:#f7f1e6;         /* lan, blaži */
  --papir:#fdfaf4;
  --zlato:#b07d2b;
  --r:3px;
  background:var(--papir);
  color:var(--tekst);
  font-family:Georgia,"Times New Roman",serif;
}
body.stil-etno h1,body.stil-etno h2,body.stil-etno h3{
  font-family:Georgia,"Times New Roman",serif;color:#241c12;letter-spacing:.01em}
body.stil-etno h2{font-size:25px}
body.stil-etno a{color:var(--akc)}

/* traka veza, koristi se kao ukras ispod hero sekcije i iznad podnožja */
body.stil-etno .sb-vez,
body.stil-etno .sb-hero::after,
body.stil-etno .sb-foot::before{
  content:"";display:block;height:20px;
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='20' viewBox='0 0 28 20'%3E%3Cg fill='%2396231f'%3E%3Crect x='12' y='0' width='4' height='4'/%3E%3Crect x='8' y='4' width='4' height='4'/%3E%3Crect x='16' y='4' width='4' height='4'/%3E%3Crect x='4' y='8' width='4' height='4'/%3E%3Crect x='20' y='8' width='4' height='4'/%3E%3Crect x='8' y='12' width='4' height='4'/%3E%3Crect x='16' y='12' width='4' height='4'/%3E%3Crect x='12' y='16' width='4' height='4'/%3E%3C/g%3E%3Crect x='12' y='8' width='4' height='4' fill='%234a5d23'/%3E%3C/svg%3E");
  background-repeat:repeat-x;background-position:center;background-size:auto 20px;
}

/* ---------- zaglavlje ---------- */
body.stil-etno .sb-traka{
  background:var(--akc);color:#fdf6e8;font-size:13.5px;padding:9px 12px;
  font-family:Georgia,serif;letter-spacing:.01em}
body.stil-etno .sb-head{background:var(--papir);border-bottom:1px solid var(--linija)}
body.stil-etno .sb-head__in{padding-top:20px;padding-bottom:20px;gap:24px}
body.stil-etno .sb-logo{color:#241c12;gap:12px}
body.stil-etno .sb-logo__i{
  width:32px;height:32px;background:var(--akc);border-radius:0;transform:rotate(45deg);
  box-shadow:0 0 0 2px var(--papir),0 0 0 3px var(--zlato)}
body.stil-etno .sb-logo__i svg{width:19px;height:19px;transform:rotate(-45deg)}
body.stil-etno .sb-meni__ul a{color:#3b3125;font-family:Georgia,serif;font-size:15.5px}
body.stil-etno .sb-meni__ul a:hover{color:var(--akc)}
body.stil-etno .sb-meni__ul .sub-menu{background:var(--papir);border:2px solid var(--linija);border-radius:0}
body.stil-etno .sb-korpa{color:#3b3125}
body.stil-etno .sb-korpa__n{background:var(--akc);border-radius:0;font-family:Georgia,serif;
  border:1px solid var(--zlato)}
body.stil-etno .sb-mmeni{background:var(--papir);border-bottom:2px solid var(--linija)}
body.stil-etno .sb-mmeni__ul a{color:#3b3125}

/* ---------- pretraga ---------- */
body.stil-etno .sb-pretraga input[type=search]{
  border:2px solid var(--zlato);border-right:0;border-radius:0;background:#fffdf7;
  font-family:Georgia,serif}
body.stil-etno .sb-pretraga input[type=search]:focus{border-color:var(--akc)}
body.stil-etno .sb-pretraga button{
  background:var(--akc);border-radius:0;font-family:Georgia,serif;font-weight:700}
body.stil-etno .sb-pretraga button:hover{background:var(--akc-t)}

/* ---------- hero ---------- */
body.stil-etno .sb-hero{
  background-image:
    linear-gradient(180deg, rgba(251,245,233,.5) 0%, rgba(251,245,233,.68) 45%, rgba(251,245,233,.94) 100%),
    url(img/etno-1536.jpg);
  background-color:var(--siva);
  border-bottom:0;padding:52px 0 44px;position:relative}
body.stil-etno .sb-hero::after{position:absolute;left:0;right:0;bottom:0;background-color:var(--papir)}
body.stil-etno .sb-hero h1{
  font-size:34px;text-shadow:0 1px 2px rgba(251,245,233,.95),0 0 12px rgba(251,245,233,.9)}
body.stil-etno .sb-hero__p{color:#4a3f2f;font-style:italic;font-size:18px}
body.stil-etno .sb-hero__br{color:#5a4c39}
body.stil-etno .sb-hero__br strong{color:var(--akc)}

/* ---------- sekcije ---------- */
body.stil-etno .sb-sekcija--siva{background:var(--siva);border-top:2px solid var(--linija);border-bottom:2px solid var(--linija)}
body.stil-etno .sb-sekcija__h{border-bottom:2px solid var(--linija);padding-bottom:9px}
body.stil-etno .sb-sekcija__h h2::before{content:"";display:inline-block;width:11px;height:11px;
  background:var(--akc);transform:rotate(45deg);margin-right:10px;vertical-align:middle}
body.stil-etno .sb-sekcija__h a{font-family:Georgia,serif}
body.stil-etno .sb-uvod{background:transparent}
body.stil-etno .sb-uvod p{color:#3f3628;font-size:17px;line-height:1.75}
body.stil-etno .sb-koraci{background:var(--siva);border-top:2px solid var(--linija)}
body.stil-etno .sb-koraci__nap{color:#5a4c39;font-style:italic}

/* ---------- kategorije u krugovima ---------- */
body.stil-etno .sb-krug{color:#3b3125}
body.stil-etno .sb-krug__s{
  border:3px solid var(--zlato);background:var(--papir);
  box-shadow:0 0 0 3px var(--papir),0 0 0 5px var(--linija)}
body.stil-etno .sb-krug:hover .sb-krug__s{border-color:var(--akc);box-shadow:0 0 0 3px var(--papir),0 0 0 5px var(--akc)}
body.stil-etno .sb-krug__n{font-family:Georgia,serif;font-size:15.5px}
body.stil-etno .sb-krug__c{color:var(--mek)}

/* ---------- slajder i kartice ---------- */
body.stil-etno .sb-slajd{background:var(--papir);border:2px solid var(--linija);border-radius:0}
body.stil-etno .sb-slajd:hover{border-color:var(--akc)}
body.stil-etno .sb-slajd__c{color:var(--akc)}
body.stil-etno .sb-slajder__d{background:var(--papir);border:2px solid var(--linija);color:#3b3125}
body.stil-etno .sb-slajder__d:hover{border-color:var(--akc);color:var(--akc)}
body.stil-etno .sb-kartica__s{border:2px solid var(--linija);border-radius:0;background:var(--papir)}
body.stil-etno li.sb-kartica:hover .sb-kartica__s{border-color:var(--zlato)}
body.stil-etno .sb-kartica__n{font-family:Georgia,serif;font-size:15.5px}
body.stil-etno .sb-kartica__n a{color:#3b3125}
body.stil-etno .sb-kartica__c{color:var(--akc)}
body.stil-etno .sb-kartica__p{color:var(--mek)}
body.stil-etno .sb-kartica__p strong{color:#3b3125}
body.stil-etno .sb-pakovanje{background:#f2f5e8;border:2px solid #b3c08d;border-radius:0;color:#3d4b1f}
body.stil-etno .sb-pakovanje__i{color:var(--zel)}
body.stil-etno .sb-pakovanje strong{color:#2c3a12}
body.stil-etno .sb-oznaka{background:var(--akc);border-radius:0;font-family:Georgia,serif}
body.stil-etno .sb-oznaka--nema{background:#6d6152}

/* ---------- dugmad ---------- */
body.stil-etno .button,body.stil-etno button.button,body.stil-etno a.button,
body.stil-etno input[type=submit],body.stil-etno .sb-btn,
body.stil-etno .woocommerce a.button,body.stil-etno .woocommerce button.button,
body.stil-etno .woocommerce input.button{
  /* color mora ovde, jer "body.stil-etno a" ima istu težinu kao "a.button" i inače pobedi */
  background:var(--zel);color:#fff;border-radius:0;font-family:Georgia,serif;font-weight:700;
  border:2px solid var(--zel-t);padding:9px 18px}
body.stil-etno .button:hover,body.stil-etno a.button:hover,body.stil-etno button.button:hover,
body.stil-etno .woocommerce a.button:hover,body.stil-etno .woocommerce button.button:hover{background:var(--zel-t)}
body.stil-etno .woocommerce a.button.alt,body.stil-etno .woocommerce button.button.alt,
body.stil-etno .single_add_to_cart_button,body.stil-etno .checkout-button,body.stil-etno a.button.alt{
  background:var(--akc);border-color:var(--akc-t);color:#fff}
body.stil-etno .woocommerce a.button.alt:hover,body.stil-etno .woocommerce button.button.alt:hover,
body.stil-etno .single_add_to_cart_button:hover,body.stil-etno .checkout-button:hover{background:var(--akc-t);color:#fff}
/* i van .woocommerce konteksta, npr. na početnoj */
body.stil-etno a.button,body.stil-etno a.button:hover,
body.stil-etno a.button.alt,body.stil-etno a.button.alt:hover,
body.stil-etno .sb-kartica__d a.button{color:#fff}
body.stil-etno a.button.alt,body.stil-etno .sb-kartica__d a.button.alt{background:var(--akc);border-color:var(--akc-t)}

/* ---------- lajk ---------- */
body.stil-etno .sb-lajk{background:var(--papir);border:2px solid var(--linija);border-radius:0;
  font-family:Georgia,serif;color:var(--mek)}
body.stil-etno .sb-lajk:hover,body.stil-etno .sb-lajk.je-moj{border-color:var(--akc);color:var(--akc);background:#fdf2ef}
body.stil-etno .sb-lajk.je-moj svg{fill:var(--akc);stroke:var(--akc)}

/* ---------- arhiva i proizvod ---------- */
body.stil-etno .sb-mrvice{font-family:Georgia,serif}
body.stil-etno .sb-podkat{border-top:2px solid var(--linija);border-bottom:2px solid var(--linija)}
body.stil-etno .sb-podkat__t{font-family:Georgia,serif;letter-spacing:.08em;color:var(--akc)}
body.stil-etno .sb-arhiva__bar{border-bottom:2px solid var(--linija)}
body.stil-etno .woocommerce-ordering select,body.stil-etno .sb-arhiva select{
  border:2px solid var(--linija);border-radius:0;background:var(--papir);font-family:Georgia,serif}
body.stil-etno .sb-proizvod__slike img{border:2px solid var(--linija);border-radius:0}
body.stil-etno .sb-proizvod__c{color:var(--akc)}
body.stil-etno .sb-proizvod__opis{border-top:2px solid var(--linija)}
body.stil-etno .related.products{border-top:2px solid var(--linija)}
body.stil-etno .sb-stanje.je{color:var(--zel)}
body.stil-etno .page-numbers{border:2px solid var(--linija);border-radius:0;color:#3b3125;font-family:Georgia,serif}
body.stil-etno .page-numbers.current{background:var(--akc);border-color:var(--akc);color:#fff}
body.stil-etno .sb-proizvod .quantity input{border:2px solid var(--linija);border-radius:0;font-family:Georgia,serif}

/* ---------- informacije uz korpu ---------- */
body.stil-etno .sb-info{border:2px solid var(--linija);border-radius:0;background:var(--papir)}
body.stil-etno .sb-info__r{border-bottom:1px solid var(--linija);background:var(--papir)}
body.stil-etno .sb-info__r:nth-child(odd){background:var(--siva)}
body.stil-etno .sb-info__i{background:var(--akc);border-radius:0;transform:rotate(45deg);
  width:36px;height:36px}
body.stil-etno .sb-info__i svg{transform:rotate(-45deg)}
body.stil-etno .sb-info__t strong{font-family:Georgia,serif;font-size:16px;color:#241c12}
body.stil-etno .sb-info__t span{color:#4a3f2f}

/* ---------- kako se poručuje ---------- */
body.stil-etno .sb-kako{background:var(--siva);border:2px solid var(--linija);border-radius:0}
body.stil-etno .sb-kako__k{background:var(--papir);border:2px solid var(--linija);border-radius:0}
/* romb, ali cifra ostaje uspravna, zato clip-path a ne rotate */
body.stil-etno .sb-kako__n{background:var(--akc);border-radius:0;font-family:Georgia,serif;
  width:38px;height:38px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
body.stil-etno .sb-kako__k h3{font-family:Georgia,serif}
body.stil-etno .sb-kako__nap{background:#fdf6e8;border:2px solid var(--zlato);border-radius:0;color:#5a4520}
body.stil-etno .sb-kako__nap--ok{background:#f2f5e8;border-color:#b3c08d;color:#3d4b1f}
body.stil-etno .sb-kako__nap--ok svg{color:var(--zel)}

/* ---------- korpa, naplata, poruke ---------- */
body.stil-etno .woocommerce table.shop_table{border:2px solid var(--linija);border-radius:0;background:var(--papir)}
body.stil-etno .woocommerce table.shop_table th{background:var(--siva);color:var(--mek);font-family:Georgia,serif}
body.stil-etno .shop_table .product-name a{color:#3b3125}
body.stil-etno .shop_table .product-subtotal{color:var(--akc)}
body.stil-etno .shop_table .quantity input.qty,
body.stil-etno .shop_table td.actions .coupon input#coupon_code{border:2px solid var(--linija);border-radius:0;font-family:Georgia,serif}
body.stil-etno .shop_table td.actions{background:var(--siva)}
body.stil-etno .cart-collaterals .cart_totals,body.stil-etno #order_review{
  border:2px solid var(--linija);border-radius:0;background:var(--siva)}
body.stil-etno .cart-collaterals .order-total .amount,body.stil-etno #order_review .order-total .amount{color:var(--akc)}
body.stil-etno .woocommerce form .form-row input.input-text,
body.stil-etno .woocommerce form .form-row textarea,
body.stil-etno .woocommerce form .form-row select,
body.stil-etno .woocommerce .select2-container .select2-selection--single{
  border:2px solid var(--linija);border-radius:0;background:#fffdf7;font-family:Georgia,serif}
body.stil-etno .woocommerce form .form-row label{font-family:Georgia,serif;color:#3b3125}
body.stil-etno .woocommerce-checkout #payment .payment_box{background:var(--papir);border:2px solid var(--linija);border-radius:0}
body.stil-etno .woocommerce-message,body.stil-etno .woocommerce-info,body.stil-etno .woocommerce-error{
  background:var(--siva);border:2px solid var(--linija);border-left:5px solid var(--zel);border-radius:0}
body.stil-etno .woocommerce-error{border-left-color:var(--akc)}
body.stil-etno .woocommerce ul.order_details{background:var(--siva);border:2px solid var(--linija);border-radius:0}
body.stil-etno .woocommerce .woocommerce-customer-details address,
body.stil-etno .woocommerce-form-login,body.stil-etno .woocommerce-form-register,
body.stil-etno .checkout_coupon{border:2px solid var(--linija);border-radius:0}
body.stil-etno .woocommerce-MyAccount-navigation a{border:2px solid var(--linija);border-radius:0;color:#3b3125}
body.stil-etno .woocommerce-MyAccount-navigation li.is-active a{background:var(--akc);border-color:var(--akc)}
body.stil-etno .smo-min--fali{background:#fdf6e8;border:2px solid var(--zlato);color:#5a4520;border-radius:0}
body.stil-etno .smo-min--ok{background:#f2f5e8;border:2px solid #b3c08d;color:#3d4b1f;border-radius:0}

/* ---------- podnožje ---------- */
/* bez praznog pojasa iznad podnožja: traka veza ide odmah posle sadržaja */
body.stil-etno .sb-foot{background:var(--siva);border-top:0;padding-top:0;margin-top:0;position:relative}
body.stil-etno .sb-foot::before{margin-bottom:30px}
body.stil-etno .sb-foot h3{font-family:Georgia,serif;color:#241c12}
body.stil-etno .sb-foot h3::after{content:"";display:block;width:34px;height:3px;background:var(--akc);margin-top:7px}
body.stil-etno .sb-foot p,body.stil-etno .sb-foot li{color:#5a4c39}
body.stil-etno .sb-foot__d{border-top:2px solid var(--linija);color:var(--mek)}

/* ============================================================
   Prekidač izgleda, dole desno. Vidi se u oba izgleda.
   ============================================================ */
.sb-prekidac{position:fixed;right:16px;bottom:16px;z-index:900;
  font:14px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  display:flex;flex-direction:column-reverse;align-items:flex-end;gap:8px}
.sb-prekidac__g{display:inline-flex;align-items:center;gap:7px;background:#fff;color:#333;
  border:1px solid #d8d8d8;border-radius:999px;padding:9px 15px 9px 13px;cursor:pointer;
  font:inherit;font-weight:600;box-shadow:0 3px 14px rgba(0,0,0,.16)}
.sb-prekidac__g:hover{border-color:#999}
.sb-prekidac__g svg{color:#96231f}
.sb-prekidac__p{display:none;background:#fff;border:1px solid #d8d8d8;border-radius:10px;
  padding:8px;box-shadow:0 6px 22px rgba(0,0,0,.18);gap:8px}
.sb-prekidac.je-otvoren .sb-prekidac__p{display:flex}
.sb-prekidac__d{display:flex;flex-direction:column;align-items:center;gap:6px;background:#fff;
  border:2px solid #e2e2e2;border-radius:8px;padding:9px 10px 8px;cursor:pointer;font:inherit;color:#333;width:88px}
.sb-prekidac__d:hover{border-color:#bbb}
.sb-prekidac__d.je-izabran{border-color:#2f7d32;background:#f4faf4}
.sb-prekidac__n{font-size:13px;font-weight:600}
.sb-prekidac__u{display:block;width:64px;height:40px;border-radius:4px;border:1px solid #ddd;overflow:hidden}
.sb-prekidac__u--osnovni{background:
  linear-gradient(#2f7d32 0 9px,transparent 9px),
  linear-gradient(#fff 0 100%);
  position:relative}
.sb-prekidac__u--osnovni::after{content:"";position:absolute;left:8px;right:8px;top:17px;height:15px;
  background:#f0f0f0;border:1px solid #e2e2e2;border-radius:3px}
.sb-prekidac__u--etno{background:
  linear-gradient(#96231f 0 9px,transparent 9px),
  linear-gradient(#fbf5e9 0 100%);
  position:relative}
.sb-prekidac__u--etno::after{content:"";position:absolute;left:8px;right:8px;top:17px;height:15px;
  background:#f4ead7;border:1px solid #ddcdb2}
body.stil-etno .sb-prekidac__d.je-izabran{border-color:#96231f;background:#fdf2ef}

@media(max-width:700px){
  .sb-prekidac{right:10px;bottom:10px}
  .sb-prekidac__g{padding:8px 13px 8px 11px;font-size:13px}
  .sb-prekidac__d{width:76px}
  .sb-prekidac__u{width:54px;height:34px}
}

/* ---------- etno na malim ekranima ---------- */
@media(max-width:700px){
  /* romb je rotiran, pa mu je stvarna širina veća od zadate, zato je ovde manji */
  body.stil-etno .sb-head__in{padding-top:14px;padding-bottom:14px;gap:12px}
  body.stil-etno .sb-logo{gap:9px}
  body.stil-etno .sb-logo__i{width:25px;height:25px;box-shadow:0 0 0 2px var(--papir),0 0 0 3px var(--zlato)}
  body.stil-etno .sb-logo__i svg{width:15px;height:15px}
  body.stil-etno h2{font-size:21px}
}
@media(max-width:400px){
  body.stil-etno .sb-logo__i{width:22px;height:22px}
  body.stil-etno .sb-logo__i svg{width:13px;height:13px}
}
@media(max-width:800px){
  body.stil-etno .sb-hero{
    background-image:
      linear-gradient(180deg, rgba(251,245,233,.7) 0%, rgba(251,245,233,.82) 45%, rgba(251,245,233,.96) 100%),
      url(img/etno-760.jpg);
    padding:32px 0 30px}
  body.stil-etno .sb-hero h1{font-size:25px}
  body.stil-etno .sb-hero__p{font-size:16px}
}
@media(min-width:801px) and (max-width:1200px){
  body.stil-etno .sb-hero{
    background-image:
      linear-gradient(180deg, rgba(251,245,233,.5) 0%, rgba(251,245,233,.68) 45%, rgba(251,245,233,.94) 100%),
      url(img/etno-1100.jpg)}
}

/* ---------- minikorpa u etno izgledu ---------- */
body.stil-etno .sb-fkorpa{background:var(--akc);border:2px solid var(--zlato)}
body.stil-etno .sb-fkorpa:hover{background:var(--akc-t)}
body.stil-etno .sb-fkorpa__n{background:var(--zel);border-color:var(--papir);border-radius:0;
  font-family:Georgia,serif}
body.stil-etno .sb-mk__panel{background:var(--papir);border-left:3px solid var(--akc)}
body.stil-etno .sb-mk__vrh{border-bottom:2px solid var(--linija)}
body.stil-etno .sb-mk__s{border-bottom:1px solid var(--linija)}
body.stil-etno .sb-mk__sl img{border:2px solid var(--linija);border-radius:0}
body.stil-etno .sb-mk__n{font-family:Georgia,serif;color:#3b3125}
body.stil-etno .sb-mk__kol{border:2px solid var(--linija);border-radius:0}
body.stil-etno .sb-mk__b{background:var(--papir);color:#3b3125}
body.stil-etno .sb-mk__b:hover{background:var(--siva);color:var(--akc)}
body.stil-etno .sb-mk__k{font-family:Georgia,serif}
body.stil-etno .sb-mk__c{color:var(--akc)}
body.stil-etno .sb-mk__dno{background:var(--siva);border-top:2px solid var(--linija)}
body.stil-etno .sb-mk__zbir strong{color:var(--akc)}
body.stil-etno .sb-mk__fali{background:#fdf6e8;border:2px solid var(--zlato);border-radius:0;color:#5a4520}
body.stil-etno .sb-napomena{background:var(--papir);border:2px solid var(--linija);border-radius:0}
body.stil-etno .sb-napomena__v{background:#fdf6e8;border:2px solid var(--zlato);border-radius:0}
body.stil-etno .sb-korpa-javi{background:#f2f5e8;border:2px solid #b3c08d;border-radius:0;color:#3d4b1f}

/* prekidač izgleda ide iznad lebdeće korpe */
.sb-prekidac{bottom:86px}
@media(max-width:700px){.sb-prekidac{bottom:74px;right:12px}}
