/*
Theme Name: AVEC Plus v2
Theme URI: https://avecplus.eu
Author: AVEC Plus
Description: Custom theme za AVEC+ jezikovno šolo — nov dizajn (navy/orange), WooCommerce trgovina, uvrstitveni test, darilni boni, paketi, Cercle Francophone, pravne strani, 3 jeziki (Polylang).
Version: 5.6
Text Domain: avecplus
*/

:root{
    --navy:#1B2130;
    --navy-2:#242C40;
    --navy-3:#2E3752;
    --cream:#F7F3EA;
    --cream-2:#F0EAD9;
    --ink:#22201B;
    --muted:#726F65;
    --muted-2:#A9A79E;
    --orange:#DD7A3E;
    --orange-dark:#BF611F;
    --orange-light:#F4E1CC;
    --line:#E4DFD1;
    --line-dark:#3A4258;
    --radius:14px;
  }

*{box-sizing:border-box;margin:0;padding:0;}

html{scroll-behavior:smooth;width:100%;}

body{
    font-family:'Inter',sans-serif;
    color:var(--ink);
    background:var(--cream);
    line-height:1.55;
    -webkit-font-smoothing:antialiased;
    width:100%;
  }

h1,h2,h3,.serif{font-family:'Lora',serif;font-weight:600;letter-spacing:-0.01em;}

em{font-style:italic;color:var(--orange);}

a{color:inherit;text-decoration:none;}

img{max-width:100%;display:block;}

.wrap{max-width:1180px;margin:0 auto;padding:0 32px;}

.eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    font-size:12.5px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;
    color:var(--orange);
  }

.eyebrow::before{content:"";width:16px;height:2px;background:var(--orange);display:inline-block;}

.btn{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    padding:14px 26px;border-radius:10px;font-weight:600;font-size:15px;
    cursor:pointer;border:1.5px solid transparent;transition:transform .15s ease, background .15s ease, border-color .15s ease;
  }

.btn:active{transform:scale(0.98);}

.btn-primary{background:var(--orange);color:#fff;}

.btn-primary:hover{background:var(--orange-dark);}

.btn-ghost-dark{border-color:rgba(255,255,255,0.28);color:#fff;}

.btn-ghost-dark:hover{border-color:#fff;background:rgba(255,255,255,0.06);}

.btn-ghost-light{border-color:var(--line);color:var(--ink);}

.btn-ghost-light:hover{border-color:var(--ink);}

section{padding:96px 0;}

.section-head{max-width:620px;margin-bottom:52px;}

.section-head h2{font-size:34px;line-height:1.2;margin-top:14px;}

.section-head p{color:var(--muted);font-size:16px;margin-top:14px;}

header.topnav{
    position:sticky;top:0;z-index:50;
    background:rgba(247,243,234,0.92);backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line);
  }

.util-bar{background:var(--navy);}

.util-inner{max-width:1180px;margin:0 auto;padding:8px 32px;display:flex;align-items:center;gap:22px;}

.util-item{font-size:12.5px;color:#B7BAC9;display:flex;align-items:center;gap:6px;}

.util-item:hover{color:#fff;}

.lang-switch{margin-left:auto;display:flex;gap:2px;background:rgba(255,255,255,0.06);border-radius:6px;padding:2px;}
.lang-opt{background:none;border:none;color:#8890A6;font-size:11.5px;font-weight:600;letter-spacing:0.03em;padding:4px 8px;border-radius:4px;cursor:pointer;}
.lang-opt.selected{background:var(--orange);color:#fff;}
.lang-opt:hover:not(.selected){color:#fff;}

.navrow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 32px;max-width:1180px;margin:0 auto;}

.logo{display:flex;align-items:center;justify-self:start;}

.navlinks{display:flex;align-items:center;justify-self:center;gap:30px;font-size:14.5px;font-weight:500;color:var(--ink);}

.navlinks a{opacity:0.8;position:relative;padding:4px 0;transition:opacity .15s ease;}

.navlinks a:hover{opacity:1;}

.navlinks a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1.5px;background:var(--orange);transform:scaleX(0);transition:transform .18s ease;}

.navlinks a:hover::after{transform:scaleX(1);}

.navright{justify-self:end;}
.cart-btn{position:relative;background:none;border:none;color:var(--ink);cursor:pointer;padding:8px;display:flex;align-items:center;}
.cart-btn:hover{color:var(--orange-dark);}
.cart-badge{position:absolute;top:-2px;right:-2px;background:var(--orange);color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px;}

.navright{display:flex;align-items:center;gap:22px;}

.phone{font-size:14px;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:7px;}

.phone:hover{color:var(--ink);}

.hero{background:var(--navy);color:#fff;padding:76px 0 90px;}

.hero .wrap{display:grid;grid-template-columns:1.05fr 0.95fr;gap:64px;align-items:start;}

.hero-copy .eyebrow{color:#F0A470;}

.hero-copy .eyebrow::before{background:#F0A470;}

.google-badge{display:inline-flex;align-items:center;gap:10px;margin-top:16px;padding:10px 16px;background:rgba(255,255,255,0.05);border:1px solid var(--line-dark);border-radius:10px;}
@media (min-width:961px){
  .google-badge{padding:14px 22px;gap:14px;border-radius:12px;background:rgba(255,255,255,0.07);}
  .google-badge svg{width:26px;height:26px;}
  .google-stars{font-size:19px;}
  .google-rating-text{font-size:15px;}
  .google-rating-text strong{font-size:16.5px;}
}
.google-stars{color:#F0A470;font-size:15px;letter-spacing:1px;}
.google-rating-text{font-size:13.5px;color:#C7CAD6;}
.google-rating-text strong{color:#fff;font-size:14.5px;}

.hero-copy h1{font-size:46px;line-height:1.14;margin-top:20px;color:#fff;}

.hero-copy p.lead{color:#9BA0B4;font-size:17px;margin-top:20px;max-width:460px;}

.hero-ctas{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap;}
.hero-voucher-callout{
  display:flex;align-items:center;gap:12px;margin-top:18px;padding:14px 18px;
  background:rgba(221,122,62,0.14);border:1.5px solid var(--orange);border-radius:12px;
  max-width:460px;transition:background .15s ease;
}
.hero-voucher-callout:hover{background:rgba(221,122,62,0.24);}
.hero-voucher-icon{color:var(--orange);flex-shrink:0;}
.hero-voucher-text{font-size:13.5px;color:#fff;line-height:1.4;}
.hero-voucher-text strong{color:#F0A470;}

.stat-row{display:flex;gap:36px;margin-top:52px;padding-top:30px;border-top:1px solid var(--line-dark);}

.stat-row div{display:flex;flex-direction:column;gap:4px;}

.stat-row .num{font-family:'Lora',serif;font-size:20px;color:#fff;}

.stat-row .lab{font-size:12.5px;color:#9BA0B4;}

.test-card{
    background:var(--navy-2);border:1px solid var(--line-dark);border-radius:18px;
    padding:26px;position:relative;
  }

.test-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}

.test-badge{font-size:12px;font-weight:600;letter-spacing:0.05em;text-transform:uppercase;color:#F0A470;}

.test-time{font-size:12.5px;color:#9BA0B4;}

.progress-track{height:5px;background:var(--navy-3);border-radius:4px;overflow:hidden;margin-bottom:20px;}

.progress-fill{height:100%;background:var(--orange);width:0%;transition:width .35s ease;border-radius:4px;}

.level-gauge{display:flex;gap:5px;margin-bottom:22px;}

.level-seg{flex:1;height:26px;border-radius:6px;background:var(--navy-3);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#6B7391;transition:background .3s ease, color .3s ease;position:relative;}

.level-seg.lit{background:var(--orange);color:#fff;}

.level-seg.locked::after{content:"\1F512";position:absolute;font-size:9px;top:-3px;right:-3px;}

.test-q-label{font-size:12px;color:#9BA0B4;margin-bottom:8px;}

.test-question{font-size:18px;color:#fff;margin-bottom:18px;min-height:50px;}

.test-question b{color:#F0A470;}

.test-opts{display:flex;flex-direction:column;gap:10px;}

.test-opt{
    text-align:left;background:var(--navy-3);border:1px solid var(--line-dark);color:#fff;
    padding:13px 16px;border-radius:10px;font-size:15px;cursor:pointer;transition:border-color .15s ease, background .15s ease;
  }

.test-opt:hover{border-color:var(--orange);}

.test-opt.selected{border-color:var(--orange);background:rgba(221,122,62,0.16);}

.test-social{margin-top:16px;font-size:12.5px;color:#8890A6;text-align:center;}

.gate-wrap{text-align:center;padding:6px 0 2px;}

.gate-icon{font-size:26px;margin-bottom:10px;}

.gate-title{font-size:19px;color:#fff;margin-bottom:6px;}

.gate-sub{font-size:13.5px;color:#9BA0B4;margin-bottom:20px;line-height:1.5;}

.gate-input{
    width:100%;padding:13px 14px;border-radius:10px;border:1px solid var(--line-dark);
    background:var(--navy-3);color:#fff;font-size:15px;margin-bottom:12px;
  }

.gate-input::placeholder{color:#7B8199;}

.gate-input:focus{outline:none;border-color:var(--orange);}

.gate-btn{width:100%;padding:14px;border:none;border-radius:10px;background:var(--orange);color:#fff;font-weight:600;font-size:15px;cursor:pointer;}

.gate-btn:hover{background:var(--orange-dark);}

.gate-fine{font-size:11.5px;color:#6E7492;margin-top:12px;}
.gate-checkbox{display:flex;align-items:flex-start;gap:8px;text-align:left;font-size:12px;color:#9BA0B4;margin:4px 0 16px;cursor:pointer;line-height:1.4;}
.gate-checkbox input{margin-top:2px;flex-shrink:0;}
.result-greeting{font-size:13px;color:#9BA0B4;margin-bottom:2px;}

.result-wrap{text-align:center;padding:4px 0;}

.result-level{font-family:'Lora',serif;font-size:52px;color:var(--orange);line-height:1;}

.result-name{font-size:16px;color:#fff;margin-top:8px;font-weight:600;}

.result-desc{font-size:13.5px;color:#9BA0B4;margin-top:8px;line-height:1.5;}

.result-course{
    margin-top:22px;background:var(--navy-3);border:1px solid var(--line-dark);border-radius:12px;
    padding:16px;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:12px;
  }

.result-course-name{font-size:14.5px;color:#fff;font-weight:600;}

.result-course-sub{font-size:12.5px;color:#9BA0B4;margin-top:3px;}

.result-course a{font-size:13px;color:var(--orange);font-weight:600;white-space:nowrap;}

.result-ctas{display:flex;gap:10px;margin-top:18px;}

.result-ctas .btn{flex:1;padding:12px;font-size:14px;}

.ladder{background:var(--cream-2);}

.ladder-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;}

.ladder-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px 16px;}

.ladder-level{font-family:'Lora',serif;font-size:24px;color:var(--orange);}

.ladder-name{font-size:13px;font-weight:600;margin-top:6px;}

.ladder-desc{font-size:12.5px;color:var(--muted);margin-top:6px;line-height:1.45;}

.courses-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}

.course-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 22px;display:flex;flex-direction:column;transition:border-color .15s ease, transform .15s ease;}

.course-card:hover{border-color:var(--orange);transform:translateY(-3px);}

.course-tag{font-size:11.5px;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;color:var(--orange);}

.course-card h3{font-size:19px;margin-top:12px;}

.course-card p{font-size:13.5px;color:var(--muted);margin-top:10px;flex:1;}

.course-card a.btn{margin-top:18px;font-size:13.5px;padding:11px 18px;}

.why{background:var(--navy);color:#fff;}

.why .section-head h2{color:#fff;}

.why .section-head p{color:#B7BAC9;}

.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}

.why-card{border:1px solid var(--line-dark);border-radius:var(--radius);padding:26px;}

.why-num{font-family:'Lora',serif;color:var(--orange);font-size:22px;}

.why-card h3{font-size:17px;margin-top:10px;color:var(--ink);}

.why-card p{font-size:13.5px;color:var(--muted);margin-top:8px;line-height:1.5;}

.why .why-card h3{color:#fff;}

.why .why-card p{color:#A6AABD;}
.ladder-tight{padding-bottom:40px;}
.ladder-tight + .reference-sec{padding-top:40px;}

.teacher{display:grid;grid-template-columns:0.8fr 1.2fr;gap:56px;align-items:center;}

.teacher-photo{width:100%;height:auto;aspect-ratio:4/5;border-radius:var(--radius);object-fit:cover;background:var(--line);}

.teacher-quote{font-family:'Lora',serif;font-style:italic;font-size:22px;line-height:1.4;color:var(--ink);}

.teacher-name{margin-top:20px;font-weight:600;font-size:15px;}

.teacher-role{font-size:13px;color:var(--muted);margin-top:2px;}

.reference-sec{background:var(--cream-2);overflow:hidden;}

.logo-marquee{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}

.logo-track{display:flex;align-items:center;gap:64px;width:max-content;animation:marquee 26s linear infinite;}

.logo-track img{height:36px;width:auto;filter:grayscale(1);opacity:0.55;transition:opacity .2s ease, filter .2s ease;flex-shrink:0;}

.logo-track img:hover{filter:grayscale(0);opacity:1;}
.logo-track .ref-badge{flex-shrink:0;white-space:nowrap;border:1px solid var(--line);border-radius:8px;padding:12px 22px;font-weight:600;color:var(--muted);font-size:15px;background:#fff;}

@keyframes marquee{
    from{transform:translateX(0);}
    to{transform:translateX(-50%);}
  }

@media (prefers-reduced-motion: reduce){
    .logo-track{animation:none;}
  }

.contact-light{background:#fff;}

.contact-grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:56px;align-items:stretch;}

.contact-light h2{font-size:30px;margin-top:14px;}

.contact-light > .wrap > .contact-grid > div:first-child > p{color:var(--muted);margin-top:14px;max-width:400px;}

.contact-row{display:flex;align-items:center;gap:14px;padding:16px 0;border-top:1px solid var(--line);}

.contact-icon{width:36px;height:36px;border-radius:50%;background:var(--orange-light);display:flex;align-items:center;justify-content:center;flex-shrink:0;}

.contact-label{font-size:11.5px;text-transform:uppercase;letter-spacing:0.05em;color:var(--muted);}

.contact-tel{font-size:14.5px;font-weight:600;margin-top:2px;color:var(--ink);text-decoration:none;display:inline-block;}
a.contact-tel:hover{color:var(--orange-dark);}

.social-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--muted);text-decoration:none;transition:all .15s ease;}
.social-btn:hover{border-color:var(--orange);color:var(--orange-dark);}

.contact-form-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;}
.quick-form label{display:block;font-size:13px;font-weight:600;color:var(--ink);margin-bottom:14px;}
.quick-form input,.quick-form select,.quick-form textarea{width:100%;margin-top:6px;padding:11px 13px;border:1px solid var(--line);border-radius:9px;font-size:14px;font-family:inherit;background:#fff;color:var(--ink);}
.quick-form input:focus,.quick-form select:focus,.quick-form textarea:focus{outline:none;border-color:var(--orange);}
.quick-form button{margin-top:6px;}

.contact-value{font-size:14.5px;font-weight:600;margin-top:2px;}

.social-row{display:flex;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line);}

.social-circle{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--muted);}

.social-circle:hover{border-color:var(--orange);color:var(--orange);}

.quick-msg{background:var(--cream-2);border-radius:var(--radius);padding:24px;margin-top:26px;}

.quick-msg h3{font-family:'Lora',serif;font-size:17px;font-weight:600;}

.quick-msg p{font-size:13px;color:var(--muted);margin-top:6px;margin-bottom:16px;}

.qm-label{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:0.05em;color:var(--muted);margin-bottom:6px;margin-top:12px;}

.quick-msg input,.quick-msg textarea{
    width:100%;padding:11px 13px;border-radius:8px;border:1px solid var(--line);
    background:#fff;font-size:14px;font-family:'Inter',sans-serif;color:var(--ink);
  }

.quick-msg input:focus,.quick-msg textarea:focus{outline:none;border-color:var(--orange);}

.qm-fine{font-size:11.5px;color:var(--muted-2);margin-top:10px;text-align:center;}

.map-frame{border-radius:var(--radius);overflow:hidden;min-height:480px;border:1px solid var(--line);}

footer{background:var(--ink);color:#D8D6CD;padding:56px 0 28px;}

.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;margin-bottom:40px;}

.foot-logo{background:#fff;border-radius:10px;padding:10px 16px;display:inline-block;margin-bottom:16px;}

.foot-col h4{font-size:12.5px;text-transform:uppercase;letter-spacing:0.06em;color:#A6A69A;margin-bottom:14px;}

.foot-col a{display:block;font-size:14px;margin-bottom:10px;color:#D8D6CD;opacity:0.85;}
.foot-social{display:flex;gap:10px;margin-top:18px;}
.foot-social-icon{width:32px;height:32px;border-radius:50%;border:1px solid #3F3E37;display:flex;align-items:center;justify-content:center;color:#D8D6CD;}
.foot-social-icon:hover{border-color:var(--orange);color:var(--orange);}

.foot-bottom{border-top:1px solid #38372F;padding-top:22px;font-size:12.5px;color:#8C8B80;display:flex;justify-content:space-between;}

.cta-banner{
    margin-top:36px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);
    padding:22px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;
  }

.cta-banner-title{font-size:16px;font-weight:600;}

.cta-banner-sub{font-size:13.5px;color:var(--muted);margin-top:4px;}

.why-cta{display:flex;gap:14px;margin-top:40px;}

.teacher-ctas{display:flex;gap:12px;margin-top:26px;}

.teacher-ctas .btn{font-size:14px;padding:12px 20px;}

.floating-cta{
    position:fixed;bottom:24px;right:24px;z-index:60;
    background:var(--orange);color:#fff;padding:14px 22px;border-radius:50px;
    font-size:14.5px;font-weight:600;display:flex;align-items:center;gap:8px;
    box-shadow:0 8px 24px rgba(0,0,0,0.22);
    opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .25s ease, transform .25s ease;
  }

.floating-cta.show{opacity:1;transform:translateY(0);pointer-events:auto;}

.floating-cta:hover{background:var(--orange-dark);}

@media (max-width:960px){
    .cta-banner{flex-direction:column;align-items:flex-start;}
    .why-cta{flex-direction:column;}
    .floating-cta{right:16px;bottom:16px;padding:12px 18px;font-size:13.5px;}
    .navlinks{display:none;}
    .hero .wrap{grid-template-columns:1fr;}
    .courses-grid{grid-template-columns:repeat(2,1fr);}
    .ladder-grid{grid-template-columns:repeat(3,1fr);}
    .why-grid{grid-template-columns:1fr;}
    .teacher{grid-template-columns:1fr;}
    .contact-grid{grid-template-columns:1fr;}
    .map-frame{min-height:280px;}
    .foot-grid{grid-template-columns:1fr 1fr;}
  }

.navlinks a.active{opacity:1;color:var(--orange-dark);font-weight:600;}

.navlinks a.active::after{transform:scaleX(1);}

.page-hero{background:var(--navy);color:#fff;padding:64px 0 56px;}

.page-hero .eyebrow::before{background:#F0A470;}

.page-hero h1{font-size:38px;line-height:1.18;margin-top:16px;max-width:640px;}

.page-hero .lead{color:#9BA0B4;font-size:16px;margin-top:16px;max-width:560px;}

.page-hero .hero-ctas{margin-top:28px;}

.filter-sec{background:var(--cream-2);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40;padding:0;}

.filter-tabs{display:flex;gap:8px;padding:16px 0;flex-wrap:wrap;}

.filter-tab{
    background:#fff;border:1px solid var(--line);border-radius:50px;padding:10px 20px;
    font-size:13.5px;font-weight:600;color:var(--muted);cursor:pointer;transition:all .15s ease;
  }

.filter-tab:hover{border-color:var(--orange);color:var(--ink);}

.filter-tab.active{background:var(--orange);border-color:var(--orange);color:#fff;}

#cenik{padding:44px 0 96px;}

.panel-head{max-width:620px;margin:0 0 28px;}

.panel-head h2{font-family:'Lora',serif;font-size:28px;margin-top:10px;}

.panel-head p{color:var(--muted);margin-top:12px;font-size:15px;}

.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}

.detail-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;}

.detail-level{display:inline-block;background:var(--orange-light);color:var(--orange-dark);font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:6px;width:fit-content;}

.detail-card h3{font-size:16.5px;margin-top:12px;}

.detail-card p{font-size:13px;color:var(--muted);margin-top:8px;line-height:1.5;}
.detail-card .detail-desc{font-size:13px;color:var(--muted);margin-top:8px;line-height:1.5;}
.detail-card .detail-desc p{margin-top:0;}

.detail-outcome{font-size:12.5px;color:var(--ink);background:var(--cream-2);border-radius:8px;padding:10px 12px;margin-top:12px;line-height:1.45;}

.detail-meta{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted-2);margin-top:14px;padding-top:14px;border-top:1px solid var(--line);}
.meta-online{display:inline-flex;align-items:center;gap:5px;color:var(--orange-dark)!important;font-weight:600;}

/* spacer požre prazen prostor, da cena in gumb vedno padeta na dno kartice */
.detail-spacer{flex:1 1 auto;}
.detail-price{font-family:'Lora',serif;font-size:17px;padding-top:14px;color:var(--ink);}
.detail-price-link a{font-family:'Inter',sans-serif;font-size:13.5px;font-weight:600;color:var(--orange-dark);}
.detail-price-link a:hover{color:var(--orange);}

.detail-card .btn{margin-top:14px;font-size:13px;padding:10px 16px;text-align:center;}

.faq-sec{background:var(--cream-2);padding:56px 0;}

.faq-list{max-width:720px;}

.faq-item{border-bottom:1px solid var(--line);}

.faq-q{
    width:100%;text-align:left;background:none;border:none;padding:16px 0;
    font-size:15px;font-weight:600;color:var(--ink);cursor:pointer;
    display:flex;justify-content:space-between;align-items:center;font-family:'Inter',sans-serif;
  }

.faq-icon{color:var(--orange);font-size:18px;font-weight:400;transition:transform .2s ease;flex-shrink:0;margin-left:16px;}

.faq-item.open .faq-icon{transform:rotate(45deg);}

.faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease;font-size:13.5px;color:var(--muted);line-height:1.55;}

.faq-item.open .faq-a{max-height:200px;padding-bottom:16px;}

@media (max-width:960px){
    .detail-grid{grid-template-columns:repeat(2,1fr);}
    .filter-tabs{overflow-x:auto;flex-wrap:nowrap;}
    .cta-banner{flex-direction:column;align-items:flex-start;}
    .why-cta{flex-direction:column;}
    .floating-cta{right:16px;bottom:16px;padding:12px 18px;font-size:13.5px;}
    .navlinks{display:none;}
    .hero .wrap{grid-template-columns:1fr;}
    .courses-grid{grid-template-columns:repeat(2,1fr);}
    .ladder-grid{grid-template-columns:repeat(3,1fr);}
    .why-grid{grid-template-columns:1fr;}
    .teacher{grid-template-columns:1fr;}
    .contact-grid{grid-template-columns:1fr;}
    .map-frame{min-height:280px;}
    .foot-grid{grid-template-columns:1fr 1fr;}
  }

.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}

/* trust strip (prednosti — stran Prevajanje) */
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.trust-item{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;}
.trust-item > svg{color:var(--orange-dark);flex-shrink:0;margin-top:2px;}
.trust-t{font-family:'Lora',serif;font-size:16px;font-weight:600;color:var(--ink);}
.trust-s{font-size:13px;color:var(--muted);margin-top:3px;line-height:1.5;}
@media (max-width:900px){ .trust-strip{grid-template-columns:repeat(2,1fr);} }
@media (max-width:520px){ .trust-strip{grid-template-columns:1fr;} }


.process-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;}

.process-num{font-family:'Lora',serif;color:var(--orange);font-size:22px;}

.process-card h3{font-size:16px;margin-top:10px;}

.process-card p{font-size:13px;color:var(--muted);margin-top:8px;line-height:1.5;}

@media (max-width:960px){
    .detail-grid{grid-template-columns:repeat(2,1fr);}
    .process-grid{grid-template-columns:repeat(2,1fr);}
    .filter-tabs{overflow-x:auto;flex-wrap:nowrap;}
    .cta-banner{flex-direction:column;align-items:flex-start;}
    .why-cta{flex-direction:column;}
    .floating-cta{right:16px;bottom:16px;padding:12px 18px;font-size:13.5px;}
    .navlinks{display:none;}
    .hero .wrap{grid-template-columns:1fr;}
    .courses-grid{grid-template-columns:repeat(2,1fr);}
    .ladder-grid{grid-template-columns:repeat(3,1fr);}
    .why-grid{grid-template-columns:1fr;}
    .teacher{grid-template-columns:1fr;}
    .contact-grid{grid-template-columns:1fr;}
    .map-frame{min-height:280px;}
    .foot-grid{grid-template-columns:1fr 1fr;}
  }

.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}

.shop-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:border-color .15s ease, transform .15s ease;}

.shop-card:hover{border-color:var(--orange);transform:translateY(-3px);}

.shop-img{height:150px;background-size:cover;background-position:center;background-color:var(--orange-light);}

.shop-body{padding:20px;}

.shop-level{display:inline-block;background:var(--orange-light);color:var(--orange-dark);font-size:11px;font-weight:700;padding:3px 9px;border-radius:6px;}

.shop-body h3{font-size:17px;margin-top:12px;}

.shop-sub{font-size:12.5px;color:var(--muted-2);margin-top:2px;text-transform:uppercase;letter-spacing:0.03em;}

.shop-desc{font-size:13.5px;color:var(--muted);margin-top:10px;line-height:1.5;}

.shop-foot{display:flex;align-items:center;justify-content:space-between;margin-top:18px;gap:10px;}
.shop-foot-stack{margin-top:18px;}
.shop-btn-row{display:flex;gap:8px;margin-top:10px;}
.shop-btn-row .btn{flex:1;font-size:12.5px;padding:9px 10px;white-space:nowrap;}

.voucher-sec{background:var(--navy);color:#fff;}
.voucher-card{display:grid;grid-template-columns:1.1fr 0.9fr;gap:56px;align-items:center;}
.voucher-copy h2{font-size:30px;margin-top:14px;color:#fff;}
.voucher-copy p{font-size:15px;color:#9BA0B4;margin-top:14px;line-height:1.6;max-width:440px;}
.voucher-amounts{display:flex;gap:10px;margin-top:26px;flex-wrap:wrap;}
.voucher-amt{background:var(--navy-3);border:1px solid var(--line-dark);color:#fff;border-radius:10px;padding:12px 20px;font-size:14.5px;font-weight:600;cursor:pointer;}
.voucher-amt.selected{border-color:var(--orange);background:rgba(221,122,62,0.18);}
.voucher-custom-input{margin-top:14px;width:100%;max-width:280px;padding:12px 14px;border-radius:10px;border:1px solid var(--line-dark);background:var(--navy-3);color:#fff;font-size:14.5px;}
.voucher-ctas{margin-top:24px;}
.voucher-visual{aspect-ratio:1.5/1;background:linear-gradient(135deg,var(--orange),var(--orange-dark));border-radius:18px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
.voucher-visual::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%, rgba(255,255,255,0.18), transparent 50%);}
.voucher-visual-inner{text-align:center;color:#fff;position:relative;}
.voucher-visual-tag{display:block;font-family:'Sacramento',cursive;font-size:30px;}
.voucher-visual-title{display:block;font-size:13px;letter-spacing:0.08em;text-transform:uppercase;margin-top:6px;opacity:0.85;}
.voucher-visual-amt{display:block;font-family:'Lora',serif;font-size:44px;margin-top:14px;}
@media (max-width:960px){
  .voucher-card{grid-template-columns:1fr;}
  .voucher-visual{aspect-ratio:2/1;}
}

.shop-price{font-family:'Lora',serif;font-size:19px;}

.shop-foot .btn{font-size:12.5px;padding:9px 14px;white-space:nowrap;}

@media (max-width:960px){
    .detail-grid{grid-template-columns:repeat(2,1fr);}
    .shop-grid{grid-template-columns:repeat(2,1fr);}
    .process-grid{grid-template-columns:repeat(2,1fr);}
    .filter-tabs{overflow-x:auto;flex-wrap:nowrap;}
    .cta-banner{flex-direction:column;align-items:flex-start;}
    .why-cta{flex-direction:column;}
    .floating-cta{right:16px;bottom:16px;padding:12px 18px;font-size:13.5px;}
    .navlinks{display:none;}
    .hero .wrap{grid-template-columns:1fr;}
    .courses-grid{grid-template-columns:repeat(2,1fr);}
    .ladder-grid{grid-template-columns:repeat(3,1fr);}
    .why-grid{grid-template-columns:1fr;}
    .teacher{grid-template-columns:1fr;}
    .contact-grid{grid-template-columns:1fr;}
    .map-frame{min-height:280px;}
    .foot-grid{grid-template-columns:1fr 1fr;}
  }

.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:8px;}

.testi-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;}

.testi-text{font-family:'Lora',serif;font-style:italic;font-size:15px;line-height:1.55;color:var(--ink);}

.testi-name{font-size:12.5px;color:var(--muted);margin-top:14px;padding-top:14px;border-top:1px solid var(--line);}
.testi-sec{background:var(--cream-2);}
.testi-stars{color:var(--orange);font-size:13px;letter-spacing:2px;margin-bottom:10px;}

@media (max-width:960px){
    .detail-grid{grid-template-columns:repeat(2,1fr);}
    .testi-grid{grid-template-columns:1fr;}
    .shop-grid{grid-template-columns:repeat(2,1fr);}
    .process-grid{grid-template-columns:repeat(2,1fr);}
    .filter-tabs{overflow-x:auto;flex-wrap:nowrap;}
    .cta-banner{flex-direction:column;align-items:flex-start;}
    .why-cta{flex-direction:column;}
    .floating-cta{right:16px;bottom:16px;padding:12px 18px;font-size:13.5px;}
    .navlinks{display:none;}
    .hero .wrap{grid-template-columns:1fr;}
    .courses-grid{grid-template-columns:repeat(2,1fr);}
    .ladder-grid{grid-template-columns:repeat(3,1fr);}
    .why-grid{grid-template-columns:1fr;}
    .teacher{grid-template-columns:1fr;}
    .contact-grid{grid-template-columns:1fr;}
    .map-frame{min-height:280px;}
    .foot-grid{grid-template-columns:1fr 1fr;}
  }

.page-view{display:none;}
.page-view.active-page{display:block;}
.navlinks a.nav-active{opacity:1;color:var(--orange-dark);font-weight:600;}
.navlinks a.nav-active::after{transform:scaleX(1);}

.test-teaser .teaser-line{font-size:13.5px;color:#B7BAC9;margin:14px 0 18px;line-height:1.5;}

.modal-overlay{
  position:fixed;inset:0;background:rgba(10,12,18,0.6);z-index:200;
  display:none;align-items:center;justify-content:center;padding:20px;
}
.modal-overlay.open{display:flex;}
.modal-box{
  background:var(--navy-2);border:1px solid var(--line-dark);border-radius:18px;
  padding:28px;max-width:460px;width:100%;max-height:88vh;overflow-y:auto;position:relative;
}
.modal-close{
  position:absolute;top:14px;right:14px;background:none;border:none;color:#9BA0B4;
  font-size:22px;line-height:1;cursor:pointer;padding:4px;
}
.modal-close:hover{color:#fff;}
.france-sec{background:var(--navy);color:#fff;}
.france-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
.france-video{position:relative;border-radius:var(--radius);overflow:hidden;cursor:pointer;aspect-ratio:16/10;}
.france-video img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(0.75);transition:filter .2s ease;}
.france-video:hover img{filter:brightness(0.6);}
.france-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:var(--orange);display:flex;align-items:center;justify-content:center;color:#fff;padding-left:3px;}
.france-copy h2{font-size:28px;margin-top:14px;color:#fff;}
.france-copy p{font-size:15px;color:#9BA0B4;margin-top:16px;line-height:1.6;max-width:440px;}
.france-strip{background:var(--cream-2);padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.voucher-strip{background:var(--orange);padding:22px 0;}
.voucher-strip-inner{display:flex;align-items:center;gap:18px;}
.voucher-strip-icon{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;}
.voucher-strip-tag{font-size:11.5px;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;color:#fff;opacity:0.85;}
.voucher-strip-text{flex:1;}
.voucher-strip-text p{font-size:14px;color:#fff;margin-top:3px;line-height:1.45;}
.voucher-strip-link{font-size:13.5px;font-weight:700;color:#fff;white-space:nowrap;border-bottom:1.5px solid #fff;padding-bottom:2px;flex-shrink:0;}
.specialized-sec{background:var(--cream-2);padding:56px 0;}
.price-table{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;}
.price-row{display:grid;grid-template-columns:2fr 1.5fr 1fr;padding:14px 20px;border-bottom:1px solid var(--line);align-items:center;}
.price-row:last-child{border-bottom:none;}
.price-row-head{background:var(--navy);color:#fff;font-size:11.5px;text-transform:uppercase;letter-spacing:0.05em;font-weight:700;}
.price-row:not(.price-row-head){font-size:14px;background:#fff;}
.price-row:not(.price-row-head):nth-child(even){background:var(--cream-2);}
.price-row span:last-child{text-align:right;font-weight:600;color:var(--orange-dark);}
.price-row-head span:last-child{color:#fff;text-align:right;}
@media (max-width:600px){
  .price-row{grid-template-columns:1fr;gap:2px;text-align:left;}
  .price-row span:last-child{text-align:left;}
  .price-row-head span:last-child{text-align:left;}
}
.merch-sec{background:var(--cream-2);}
.shop-mockup{height:180px;display:flex;align-items:center;justify-content:center;}
.bundle-card{margin-top:40px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:32px;display:flex;align-items:center;gap:40px;}
.bundle-visual{flex-shrink:0;width:180px;display:flex;justify-content:center;}
.bundle-copy h3{font-family:'Lora',serif;font-size:22px;margin-top:8px;}
.bundle-copy p{font-size:14px;color:var(--muted);margin-top:10px;max-width:440px;line-height:1.55;}
.bundle-price{display:flex;align-items:baseline;gap:10px;margin-top:16px;}
.bundle-amount{font-family:'Lora',serif;font-size:28px;color:var(--ink);}
.bundle-was{font-size:13px;color:var(--muted-2);text-decoration:line-through;}
.bundle-copy .btn{margin-top:16px;}
@media (max-width:960px){
  .bundle-card{flex-direction:column;text-align:center;}
}
@media (max-width:960px){
  .voucher-strip-inner{flex-direction:column;align-items:flex-start;}
}
.france-strip-inner{display:flex;align-items:center;gap:20px;}
.france-strip-img{width:56px;height:56px;border-radius:12px;object-fit:cover;flex-shrink:0;}
.france-strip-tag{font-size:11.5px;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;color:var(--orange-dark);}
.france-strip-text{flex:1;}
.france-strip-text p{font-size:14px;color:var(--muted);margin-top:3px;line-height:1.45;}
.france-strip-link{font-size:13.5px;font-weight:600;color:var(--ink);white-space:nowrap;border-bottom:1.5px solid var(--orange);padding-bottom:2px;flex-shrink:0;}
.france-strip-link:hover{color:var(--orange-dark);}
.france-copy .btn{margin-top:24px;}
.why-grid-4{grid-template-columns:repeat(4,1fr);}
.why-grid-4 .why-card{padding:22px;}
.why-grid-4 .why-card h3{font-size:15.5px;}
.why-grid-4 .why-card p{font-size:12.5px;}
.hamburger-btn{display:none;background:none;border:none;color:var(--ink);cursor:pointer;padding:8px;}
.mobile-nav{display:none;flex-direction:column;background:var(--cream);border-bottom:1px solid var(--line);padding:8px 32px 16px;}
.mobile-nav a{padding:12px 0;font-size:15px;font-weight:500;color:var(--ink);border-bottom:1px solid var(--line);}
.mobile-nav a.nav-active{color:var(--orange-dark);font-weight:600;}

.packages-sec{background:var(--cream-2);padding-bottom:56px;}
.pkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch;}
.pkg-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px 26px;display:flex;flex-direction:column;position:relative;}
.pkg-featured{border-color:var(--orange);box-shadow:0 12px 32px rgba(221,122,62,0.16);transform:scale(1.03);}
.pkg-ribbon{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--orange);color:#fff;font-size:11px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;padding:5px 14px;border-radius:20px;white-space:nowrap;}
.pkg-name{font-family:'Lora',serif;font-size:20px;}
.pkg-desc{font-size:13px;color:var(--muted);margin-top:6px;min-height:34px;}
.pkg-urgency{font-size:12px;font-weight:700;color:#C1461F;background:#FCE9DD;display:inline-block;padding:4px 10px;border-radius:6px;margin-top:8px;}
.pkg-price{display:flex;align-items:baseline;gap:6px;margin-top:18px;}
.pkg-amount{font-family:'Lora',serif;font-size:32px;color:var(--ink);}
.pkg-unit{font-size:13px;color:var(--muted-2);}
.pkg-perhour{font-size:12.5px;color:var(--muted);margin-top:4px;}
.pkg-save{color:var(--orange-dark);font-weight:700;margin-left:6px;}
.pkg-features{list-style:none;margin:20px 0 24px;flex:1;}
.pkg-features li{font-size:13.5px;color:var(--ink);padding:8px 0 8px 22px;position:relative;border-top:1px solid var(--line);}
.pkg-features li:first-child{border-top:none;}
.pkg-features li::before{content:"✓";position:absolute;left:0;color:var(--orange);font-weight:700;}
.pkg-fine{font-size:12px;color:var(--muted-2);text-align:center;margin-top:24px;}
.guarantee-box{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px 24px;margin-top:32px;max-width:640px;margin-left:auto;margin-right:auto;color:var(--orange-dark);}
.guarantee-box svg{flex-shrink:0;}
.guarantee-title{font-size:14px;font-weight:700;color:var(--ink);}
.guarantee-text{font-size:13px;color:var(--muted);margin-top:3px;line-height:1.5;}

@media (max-width:960px){
  .pkg-grid{grid-template-columns:1fr;}
  .pkg-featured{transform:none;}
}
.mobile-nav.open{display:flex;}
@media (max-width:960px){
  .hamburger-btn{display:block;}
  .util-item:nth-of-type(2){display:none;}
  .util-inner{gap:14px;padding:8px 20px;}
  .navrow{padding:14px 20px;}
  .why-grid-4{grid-template-columns:1fr 1fr;}
  .france-strip-inner{flex-direction:column;align-items:flex-start;}
  .france-grid{grid-template-columns:1fr;}
}
body.modal-locked{overflow:hidden;}

.legal-content{max-width:760px;padding:20px 0 80px;}
.legal-content h2{font-size:19px;margin-top:36px;margin-bottom:12px;}
.legal-content h2:first-of-type{margin-top:0;}
.legal-content p{font-size:14.5px;color:var(--muted);line-height:1.7;margin-bottom:12px;}
.legal-content ul{margin:12px 0 12px 20px;}
.legal-content li{font-size:14.5px;color:var(--muted);line-height:1.7;margin-bottom:8px;}
.legal-content strong{color:var(--ink);}
.legal-note{background:var(--orange-light);border-radius:10px;padding:14px 18px;font-size:13.5px;color:var(--orange-dark);font-weight:600;margin-bottom:32px;}
.foot-bottom{flex-wrap:wrap;gap:10px 20px;}
.foot-legal-links{display:flex;gap:16px;}
.foot-legal-links a{font-size:12.5px;color:#8C8B80;}
.foot-legal-links a:hover{color:#D8D6CD;}

.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:150;background:var(--navy);border-top:1px solid var(--line-dark);padding:18px 24px;transform:translateY(100%);transition:transform .4s ease;}
.cookie-banner.show{transform:translateY(0);}
.cookie-inner{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.cookie-text{font-size:13px;color:#B7BAC9;line-height:1.6;max-width:640px;}
.cookie-text strong{color:#fff;display:block;margin-bottom:4px;font-size:14px;}
.cookie-text a{color:var(--orange);font-weight:600;}
.cookie-actions{display:flex;gap:10px;flex-shrink:0;}
.cookie-actions .btn{font-size:13px;padding:11px 18px;white-space:nowrap;}
@media (max-width:700px){
  .cookie-inner{flex-direction:column;align-items:stretch;}
  .cookie-actions{justify-content:stretch;}
  .cookie-actions .btn{flex:1;}
}

.scroll-progress{position:fixed;top:0;left:0;height:5px;background:var(--orange);width:0%;z-index:250;transition:width .1s ease-out;box-shadow:0 0 8px rgba(221,122,62,0.6);}
.count-up{display:inline-block;}

.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.2,.6,.2,1), transform .7s cubic-bezier(.2,.6,.2,1);}
.reveal.visible{opacity:1;transform:translateY(0);}
.reveal-stagger.visible{transition-delay:calc(var(--stagger-i, 0) * 70ms);}
@media (prefers-reduced-motion: reduce){
  .reveal{opacity:1;transform:none;transition:none;}
}

.cart-box{max-width:420px;}
.cart-title{font-family:'Lora',serif;font-size:20px;color:#fff;margin-bottom:18px;}
.cart-empty{font-size:13.5px;color:#9BA0B4;text-align:center;padding:30px 0;}
.cart-line{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line-dark);}
.cart-line-full{flex-direction:column;align-items:stretch;gap:10px;}
.cart-line-top{display:flex;justify-content:space-between;align-items:center;}
.format-toggle{display:flex;gap:8px;}
.format-opt{flex:1;text-align:center;background:var(--navy-3);border:1px solid var(--line-dark);border-radius:8px;padding:8px 6px;font-size:12px;color:#B7BAC9;cursor:pointer;}
.format-opt.selected{border-color:var(--orange);color:#fff;background:rgba(221,122,62,0.16);}
.format-static{font-size:12px;color:#9BA0B4;background:var(--navy-3);border:1px solid var(--line-dark);border-radius:8px;padding:8px 10px;}
.cart-line-name{font-size:14px;color:#fff;}
.cart-line-price{font-size:13px;color:#9BA0B4;margin-top:2px;}
.cart-line-remove{background:none;border:none;color:#9BA0B4;cursor:pointer;font-size:18px;padding:4px 8px;}
.cart-line-remove:hover{color:#E24B4A;}
.cart-total{display:flex;justify-content:space-between;align-items:center;padding:16px 0;margin-top:6px;border-top:1px solid var(--line-dark);}
.cart-total-label{font-size:14px;color:#9BA0B4;}
.cart-total-value{font-family:'Lora',serif;font-size:22px;color:#fff;}

.checkout-form label{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:0.05em;color:#9BA0B4;margin:14px 0 6px;}
.addr-row{display:grid;grid-template-columns:1fr 1.6fr;gap:12px;}
.addr-row label{margin-top:14px;white-space:nowrap;}
.checkout-form input,.checkout-form select{
  width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--line-dark);
  background:var(--navy-3);color:#fff;font-size:14.5px;font-family:'Inter',sans-serif;
}
.checkout-form input:focus,.checkout-form select:focus{outline:none;border-color:var(--orange);}
.pay-options{display:flex;gap:10px;margin-top:6px;}
.pay-opt{flex:1;text-align:center;border:1px solid var(--line-dark);border-radius:10px;padding:12px 10px;font-size:12.5px;color:#B7BAC9;cursor:pointer;}
.pay-opt.selected{border-color:var(--orange);color:#fff;background:rgba(221,122,62,0.14);}
.order-success{text-align:center;padding:10px 0;}
.order-success-icon{width:52px;height:52px;border-radius:50%;background:rgba(221,122,62,0.16);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:var(--orange);}
.order-num{font-family:'Lora',serif;font-size:15px;color:var(--orange);margin-top:6px;}
@media (max-width:480px){
  .wrap{padding:0 18px;}
  .util-inner{padding:8px 14px;gap:8px;}
  .lang-switch{gap:1px;}
  .lang-opt{padding:4px 6px;font-size:11px;}
  .hero-copy h1{font-size:30px;}
  .page-hero h1{font-size:26px;}
  .ladder-grid{grid-template-columns:repeat(2,1fr) !important;}
  .why-grid-4{grid-template-columns:1fr !important;}
  .stat-row{grid-template-columns:1fr 1fr;display:grid;gap:16px;}
  .courses-grid{grid-template-columns:1fr !important;}
  .detail-grid{grid-template-columns:1fr !important;}
  .shop-grid{grid-template-columns:1fr !important;}
  .process-grid{grid-template-columns:1fr !important;}
  .pkg-grid{grid-template-columns:1fr !important;}
  .testi-grid{grid-template-columns:1fr !important;}
  .foot-grid{grid-template-columns:1fr !important;}
}
</style>

/* ============================================================
   WooCommerce restyle — struktura po vzoru woocommerce-restyle.css
   iz prejšnje gradnje, prevedeno na nove --navy/--orange/--cream tokene
   ============================================================ */

/* --- shop grid (product listing) --- */
.woocommerce-shop-wrap ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 20px !important;
}
.woocommerce-shop-wrap ul.products li.product {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  overflow: hidden;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
  width: auto !important;
  text-align: left !important;
  transition: transform .22s ease, box-shadow .22s ease;
  position: relative;
}
.woocommerce-shop-wrap ul.products li.product:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 34px rgba(27,33,48,.12);
}
.woocommerce-shop-wrap ul.products li.product a { text-decoration: none; color: inherit; display: block; }
.woocommerce-shop-wrap ul.products li.product img {
  display: block; width: 100%; aspect-ratio: 4/3; object-fit: cover;
  background: linear-gradient(150deg, var(--orange-light), var(--orange-dark));
}
.woocommerce-shop-wrap ul.products li.product .woocommerce-loop-product__title {
  font-family: 'Lora', serif; font-weight: 600; font-size: 18px; margin: 16px 20px 6px; color: var(--ink);
}
.woocommerce-shop-wrap ul.products li.product .price {
  font-family: 'Lora', serif; font-size: 17px; color: var(--ink); font-weight: 600; margin: 0 20px 16px; display: block;
}
.woocommerce-shop-wrap ul.products li.product .button {
  display: block; margin: 0 20px 20px; background: var(--orange); color: #fff !important;
  text-align: center; padding: 12px 16px; border-radius: 10px; font-weight: 600; font-size: 13.5px;
}
.woocommerce-shop-wrap ul.products li.product .button:hover { background: var(--orange-dark); }
.woocommerce-shop-wrap ul.products li.product .onsale { display: none; }
.woocommerce-shop-wrap .woocommerce-result-count,
.woocommerce-shop-wrap .woocommerce-ordering { font-size: 13px; color: var(--muted); margin-bottom: 20px; }

/* --- single product page --- */
.woocommerce-shop-wrap div.product .product_title { font-family: 'Lora', serif; font-weight: 600; font-size: 30px; color: var(--ink); margin-bottom: 10px; }
.woocommerce-shop-wrap div.product p.price { font-family: 'Lora', serif; font-size: 22px; color: var(--orange); font-weight: 600; margin-bottom: 18px; }
.woocommerce-shop-wrap div.product .woocommerce-product-details__short-description { color: var(--muted); font-size: 14.5px; line-height: 1.7; }
.woocommerce-shop-wrap div.product form.cart { margin-top: 20px; }
.woocommerce-shop-wrap table.variations th { font-size: 12px; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); padding-right: 12px; }
.woocommerce-shop-wrap table.variations select {
  border: 1px solid var(--line); background: #fff; padding: 10px 14px; font-family: 'Inter', sans-serif; font-size: 14px; border-radius: 8px;
}
.woocommerce-shop-wrap .single_add_to_cart_button,
.woocommerce-shop-wrap button.button {
  background: var(--orange) !important; border: none !important; color: #fff !important;
  font-family: 'Inter', sans-serif !important; font-weight: 600 !important; padding: 14px 26px !important;
  border-radius: 10px !important; font-size: 15px !important;
}
.woocommerce-shop-wrap .single_add_to_cart_button:hover,
.woocommerce-shop-wrap button.button:hover { background: var(--orange-dark) !important; }
.woocommerce-shop-wrap nav.woocommerce-breadcrumb { display: none; }

/* --- cart & checkout tables --- */
.woocommerce-shop-wrap table.shop_table { width: 100%; border-collapse: collapse; margin: 20px 0; }
.woocommerce-shop-wrap table.shop_table th {
  background: var(--cream-2); font-size: 12px; text-transform: uppercase; letter-spacing: .05em;
  color: var(--muted); font-weight: 700; padding: 12px 16px; text-align: left;
}
.woocommerce-shop-wrap table.shop_table td { padding: 14px 16px; border-bottom: 1px solid var(--line); font-size: 14px; }
.woocommerce-shop-wrap .product-name a { color: var(--ink); font-weight: 600; }
.woocommerce-shop-wrap .checkout button#place_order,
.woocommerce-shop-wrap .wc-proceed-to-checkout .checkout-button {
  background: var(--orange) !important; border: none !important; color: #fff !important;
  font-weight: 600 !important; padding: 15px 26px !important; border-radius: 10px !important;
}
.woocommerce-shop-wrap .checkout button#place_order:hover,
.woocommerce-shop-wrap .wc-proceed-to-checkout .checkout-button:hover { background: var(--orange-dark) !important; }
.woocommerce-shop-wrap #order_review,
.woocommerce-shop-wrap .woocommerce-checkout-review-order {
  background: var(--cream-2); border: 1px solid var(--line); border-radius: var(--radius); padding: 24px;
}
.woocommerce-shop-wrap form .form-row input.input-text,
.woocommerce-shop-wrap form .form-row select {
  border: 1px solid var(--line); background: #fff; padding: 11px 13px; border-radius: 8px; font-family: 'Inter', sans-serif;
}
.woocommerce-shop-wrap form .form-row input.input-text:focus,
.woocommerce-shop-wrap form .form-row select:focus { outline: none; border-color: var(--orange); }

@media (max-width: 900px) { .woocommerce-shop-wrap ul.products { grid-template-columns: repeat(2, 1fr) !important; } }
@media (max-width: 600px) { .woocommerce-shop-wrap ul.products { grid-template-columns: 1fr !important; } }

/* --- quantity, ratings, tabs, related --- */
.woocommerce-shop-wrap .quantity input.qty {
  border: 1px solid var(--line) !important; background: #fff !important; padding: 10px 12px !important;
  font-family: 'Inter', sans-serif !important; border-radius: 8px !important; width: 64px !important;
}
.woocommerce-shop-wrap .star-rating,
.woocommerce-shop-wrap .woocommerce-product-rating { display: none; }

.woocommerce-shop-wrap .woocommerce-tabs ul.tabs { border-bottom: 1px solid var(--line); padding: 0; margin: 40px 0 0; list-style: none; display: flex; gap: 4px; }
.woocommerce-shop-wrap .woocommerce-tabs ul.tabs li { margin: 0 !important; }
.woocommerce-shop-wrap .woocommerce-tabs ul.tabs li a { display: block; padding: 12px 20px; font-size: 13px; font-weight: 600; color: var(--muted); border-bottom: 2px solid transparent; }
.woocommerce-shop-wrap .woocommerce-tabs ul.tabs li.active a { color: var(--ink); border-bottom-color: var(--orange); }
.woocommerce-shop-wrap .woocommerce-tabs .panel { padding: 28px 0; color: var(--muted); font-size: 14.5px; line-height: 1.7; }
.woocommerce-shop-wrap .woocommerce-tabs .panel h2 { font-family: 'Lora', serif; font-weight: 600; font-size: 20px; color: var(--ink); margin-bottom: 14px; }

.woocommerce-shop-wrap .related.products { margin-top: 60px; padding-top: 50px; border-top: 1px solid var(--line); }
.woocommerce-shop-wrap .related.products > h2 { font-family: 'Lora', serif; font-weight: 600; font-size: 24px; color: var(--ink); margin-bottom: 28px; }

.woocommerce-shop-wrap .product_meta { margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--line); font-size: 12.5px; color: var(--muted); }
.woocommerce-shop-wrap .product_meta a { color: var(--muted); text-decoration: underline; }
.woocommerce-shop-wrap p.stock { font-size: 12.5px; font-weight: 600; color: #4E7A5C; margin: 10px 0; }
.woocommerce-shop-wrap p.stock.out-of-stock { color: #9C4A44; }

.woocommerce-shop-wrap .woocommerce-message,
.woocommerce-shop-wrap .woocommerce-info {
  background: var(--cream-2); border-left: 3px solid var(--orange); padding: 14px 20px; font-size: 13.5px;
  color: var(--ink); list-style: none; margin-bottom: 24px;
}
.woocommerce-shop-wrap .woocommerce-message a,
.woocommerce-shop-wrap .woocommerce-info a { color: var(--orange-dark); font-weight: 600; }

.woocommerce-shop-wrap select {
  appearance: none; -webkit-appearance: none; -moz-appearance: none;
  border: 1px solid var(--line) !important; background-color: #fff !important;
  padding: 11px 40px 11px 14px !important; font-family: 'Inter', sans-serif !important; font-size: 14px !important;
  border-radius: 8px !important; color: var(--ink) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23726F65' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important; background-position: right 14px center !important;
  cursor: pointer; min-width: 220px;
}
.woocommerce-shop-wrap select:focus { outline: none; border-color: var(--orange) !important; }
.woocommerce-shop-wrap .variations td.value { padding-top: 4px; }

.woocommerce-shop-wrap div.product {
  display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 48px; align-items: start;
}
.woocommerce-shop-wrap div.product div.images,
.woocommerce-shop-wrap div.product div.summary { width: 100% !important; float: none !important; margin: 0 !important; }
.woocommerce-shop-wrap .woocommerce-product-gallery__image img,
.woocommerce-shop-wrap div.images img {
  background: linear-gradient(150deg, var(--orange-light), var(--orange-dark));
  border-radius: var(--radius); aspect-ratio: 4/3; object-fit: cover;
}
@media (max-width: 780px) { .woocommerce-shop-wrap div.product { grid-template-columns: 1fr; } }

/* --- mini-cart badge (real WC cart count, glej header.php + functions.php) --- */
.woocommerce-shop-wrap .woocommerce-mini-cart__empty-message { color: var(--muted); font-size: 14px; }

/* ============================================================
   WooCommerce Blocks — košarica in blagajna (novi blokovni gumbi)
   Klasični WooCommerce gumbi so pokriti zgoraj; ti razredi veljajo
   za blokovno različico, ki jo WooCommerce uporablja privzeto.
   ============================================================ */

/* Glavni gumbi (Nadaljuj na blagajno, Kupite sedaj) */
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.wp-block-woocommerce-cart .wc-block-components-button,
.wp-block-woocommerce-checkout .wc-block-components-button {
  background: var(--orange) !important;
  border-color: var(--orange) !important;
  color: #fff !important;
  border-radius: 10px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 14.5px !important;
  padding: 14px 22px !important;
  transition: background .15s ease;
}
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover,
.wp-block-woocommerce-cart .wc-block-components-button:hover,
.wp-block-woocommerce-checkout .wc-block-components-button:hover {
  background: var(--orange-dark) !important;
  border-color: var(--orange-dark) !important;
}

/* Naslovi in besedilo v blokih */
.wp-block-woocommerce-cart h2,
.wp-block-woocommerce-checkout h2,
.wc-block-components-title {
  font-family: 'Lora', serif !important;
  color: var(--ink) !important;
}

/* Polja obrazca na blagajni */
.wc-block-components-text-input input,
.wc-block-components-country-input select,
.wc-block-components-state-input select {
  border-radius: 9px !important;
  border-color: var(--line) !important;
  font-family: 'Inter', sans-serif !important;
}
.wc-block-components-text-input input:focus {
  border-color: var(--orange) !important;
  outline: none !important;
}

/* Povzetek naročila */
.wc-block-components-totals-item__value,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
  color: var(--ink) !important;
  font-family: 'Lora', serif !important;
}

/* Darilni bon (PW Gift Cards) — poenoten videz */
.pwgc-redeem-form input[type="text"],
input.pwgc-gift-card-number {
  border: 1px solid var(--line) !important;
  border-radius: 9px !important;
  padding: 10px 12px !important;
  font-family: 'Inter', sans-serif !important;
  width: 100% !important;
}
.pwgc-redeem-form button,
button.pwgc-redeem-gift-card-button {
  background: transparent !important;
  border: 1px solid var(--line) !important;
  color: var(--ink) !important;
  border-radius: 9px !important;
  padding: 10px 16px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  width: 100% !important;
  margin-top: 8px !important;
}
.pwgc-redeem-form button:hover,
button.pwgc-redeem-gift-card-button:hover {
  border-color: var(--orange) !important;
  color: var(--orange-dark) !important;
}

/* Kartica izdelka v katalogu — gumb naj ne bo čez celo širino */
.woocommerce-shop-wrap ul.products li.product .button {
  display: inline-block !important;
  width: auto !important;
}

/* Obvestilo po dodajanju v košarico — glavni gumb vodi na blagajno */
.woocommerce-message .avec-na-blagajno {
  background: var(--orange) !important;
  color: #fff !important;
  border-radius: 9px !important;
  font-weight: 600 !important;
  padding: 9px 16px !important;
}
.woocommerce-message .avec-na-blagajno:hover { background: var(--orange-dark) !important; }
.woocommerce-message .avec-ogled-kosarice {
  background: transparent !important;
  border: 1px solid var(--line) !important;
  color: var(--ink) !important;
  border-radius: 9px !important;
  font-weight: 600 !important;
  padding: 8px 15px !important;
}
.woocommerce-message .avec-ogled-kosarice:hover { border-color: var(--orange) !important; color: var(--orange-dark) !important; }

/* Kartica izdelka v katalogu — jasneje, da je klikabilna */
.woocommerce-shop-wrap ul.products li.product .woocommerce-loop-product__title {
  transition: color .15s ease;
}
.woocommerce-shop-wrap ul.products li.product:hover .woocommerce-loop-product__title {
  color: var(--orange-dark);
}


/* ============================================================
   TRGOVINA — katalog izdelkov
   WooCommerce privzeto uporablja float; tu ga v celoti nadomestimo
   z mrežo, sicer se kartice zamikajo (2 zgoraj, 1 spodaj).
   ============================================================ */

.woocommerce-shop-wrap ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.woocommerce-shop-wrap ul.products::before,
.woocommerce-shop-wrap ul.products::after { content: none !important; display: none !important; }

.woocommerce-shop-wrap ul.products li.product {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  clear: none !important;
  display: flex !important;
  flex-direction: column !important;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  overflow: hidden;
  transition: border-color .15s ease, transform .15s ease;
}
.woocommerce-shop-wrap ul.products li.product:hover {
  border-color: var(--orange);
  transform: translateY(-2px);
}

/* Slika — enotna višina, da so kartice poravnane */
.woocommerce-shop-wrap ul.products li.product a img {
  width: 100% !important;
  height: 200px !important;
  object-fit: contain !important;
  background: var(--cream-2);
  margin: 0 !important;
  padding: 16px !important;
  display: block;
}

.woocommerce-shop-wrap ul.products li.product .woocommerce-loop-product__title {
  font-family: 'Lora', Georgia, serif !important;
  font-size: 16.5px !important;
  color: var(--ink) !important;
  padding: 16px 18px 0 !important;
  margin: 0 !important;
  min-height: 52px;
}
.woocommerce-shop-wrap ul.products li.product .price {
  font-family: 'Lora', Georgia, serif !important;
  font-size: 18px !important;
  color: var(--ink) !important;
  padding: 6px 18px 0 !important;
  margin: 0 !important;
}
.woocommerce-shop-wrap ul.products li.product .price del { opacity: .5; font-size: 14px; }

/* Gumb na dno kartice */
.woocommerce-shop-wrap ul.products li.product .button {
  margin: auto 18px 18px !important;
  background: var(--orange) !important;
  color: #fff !important;
  border-radius: 10px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  padding: 11px 18px !important;
  text-align: center;
  width: auto !important;
  display: block !important;
}
.woocommerce-shop-wrap ul.products li.product .button:hover { background: var(--orange-dark) !important; }

/* "Ogled košarice" pod gumbom — WooCommerce ga doda po AJAX dodajanju.
   Skrijemo ga, ker obvestilo na vrhu strani že ponuja obe poti. */
.woocommerce-shop-wrap ul.products li.product .added_to_cart { display: none !important; }

/* Vrstica z razvrščanjem in številom rezultatov */
.woocommerce-shop-wrap .woocommerce-result-count,
.woocommerce-shop-wrap .woocommerce-ordering { margin-bottom: 22px !important; }
.woocommerce-shop-wrap .woocommerce-ordering select {
  border: 1px solid var(--line) !important;
  border-radius: 9px !important;
  padding: 9px 12px !important;
  font-family: 'Inter', sans-serif !important;
  background: #fff;
}

@media (max-width: 900px) {
  .woocommerce-shop-wrap ul.products { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 560px) {
  .woocommerce-shop-wrap ul.products { grid-template-columns: 1fr !important; }
}

/* ============================================================
   TRGOVINA — obvestilo po dodajanju v košarico
   ============================================================ */
.woocommerce-message {
  padding: 14px 18px 14px 48px !important;
  border-radius: 10px !important;
  border: 1px solid var(--line) !important;
  border-top: 1px solid var(--line) !important;
  background: var(--cream-2) !important;
  color: var(--ink) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  position: relative !important;
  margin-bottom: 24px !important;
}
.woocommerce-message::before {
  left: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: var(--orange-dark) !important;
}
.woocommerce-message .avec-na-blagajno {
  order: 3; margin-left: auto !important;
  background: var(--orange) !important; color: #fff !important;
  border-radius: 9px !important; font-weight: 600 !important; padding: 9px 16px !important;
}
.woocommerce-message .avec-na-blagajno:hover { background: var(--orange-dark) !important; }
.woocommerce-message .avec-ogled-kosarice {
  order: 2;
  background: transparent !important; border: 1px solid var(--line) !important;
  color: var(--ink) !important; border-radius: 9px !important;
  font-weight: 600 !important; padding: 8px 15px !important;
}
.woocommerce-message .avec-ogled-kosarice:hover { border-color: var(--orange) !important; color: var(--orange-dark) !important; }

/* ============================================================
   TRGOVINA — košarica in blagajna (WooCommerce Blocks)
   Bloki prinesejo lastne pisave in razmike; tu jih poenotimo z znamko.
   ============================================================ */

.wp-block-woocommerce-cart,
.wp-block-woocommerce-checkout,
.wc-block-checkout, .wc-block-cart {
  font-family: 'Inter', system-ui, sans-serif !important;
  color: var(--ink) !important;
}

/* Naslovi */
.wp-block-woocommerce-cart h1, .wp-block-woocommerce-cart h2, .wp-block-woocommerce-cart h3,
.wp-block-woocommerce-checkout h1, .wp-block-woocommerce-checkout h2, .wp-block-woocommerce-checkout h3,
.wc-block-components-title, .wc-block-components-checkout-step__title,
.wc-block-cart__totals-title {
  font-family: 'Lora', Georgia, serif !important;
  color: var(--ink) !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: 17px !important;
}

/* Cene */
.wc-block-components-formatted-money-amount,
.wc-block-components-totals-item__value,
.wc-block-components-product-price {
  font-family: 'Lora', Georgia, serif !important;
  color: var(--ink) !important;
}

/* Ime izdelka */
.wc-block-components-product-name { color: var(--ink) !important; font-weight: 600 !important; }

/* --- POLJA: oznake naj bodo NAD poljem, ne plavajoče čez vsebino --- */
.wc-block-components-text-input,
.wc-block-components-combobox-control,
.wc-block-components-select { position: relative !important; }

.wc-block-components-text-input label,
.wc-block-components-combobox-control label,
.wc-block-components-select label,
.wc-block-components-address-form label {
  position: static !important;
  transform: none !important;
  transition: none !important;
  display: block !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: var(--muted) !important;
  margin-bottom: 6px !important;
  padding: 0 !important;
  background: transparent !important;
  line-height: 1.3 !important;
  max-width: none !important;
  overflow: visible !important;
}

.wc-block-components-text-input input,
.wc-block-components-combobox-control input,
.wc-block-components-select select,
.wc-block-components-textarea {
  font-family: 'Inter', sans-serif !important;
  font-size: 14.5px !important;
  border: 1px solid var(--line) !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: var(--ink) !important;
  padding: 11px 13px !important;
  height: auto !important;
  line-height: 1.4 !important;
}
.wc-block-components-text-input input:focus,
.wc-block-components-combobox-control input:focus,
.wc-block-components-select select:focus {
  border-color: var(--orange) !important;
  box-shadow: none !important;
  outline: none !important;
}
/* Odstrani WooCommerce plavajoči efekt */
.wc-block-components-text-input.is-active label,
.wc-block-components-combobox-control.is-active label { transform: none !important; }

/* Povzetek naročila */
.wp-block-woocommerce-checkout-order-summary-block,
.wc-block-components-sidebar .wc-block-components-panel {
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  background: #fff !important;
  padding: 20px !important;
}

/* Zložljiva polja (kupon, darilni bon) */
.wc-block-components-panel__button {
  font-family: 'Inter', sans-serif !important;
  font-size: 13.5px !important;
  color: var(--orange-dark) !important;
  font-weight: 600 !important;
}

/* Glavni gumbi */
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.wp-block-woocommerce-cart .wc-block-components-button,
.wp-block-woocommerce-checkout .wc-block-components-button {
  background: var(--orange) !important;
  border-color: var(--orange) !important;
  color: #fff !important;
  border-radius: 10px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 14.5px !important;
  padding: 14px 22px !important;
}
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover,
.wp-block-woocommerce-cart .wc-block-components-button:hover,
.wp-block-woocommerce-checkout .wc-block-components-button:hover {
  background: var(--orange-dark) !important;
  border-color: var(--orange-dark) !important;
}

/* Obvestila v blokih */
.wc-block-components-notice-banner { border-radius: 10px !important; font-family: 'Inter', sans-serif !important; }

/* Povezave */
.wp-block-woocommerce-cart a, .wp-block-woocommerce-checkout a { color: var(--orange-dark) !important; }

/* ============================================================
   DARILNI BON (PW Gift Cards) — poenoten videz
   ============================================================ */
.pwgc-redeem-form, .pwgc-gift-card-form { margin-top: 14px !important; }
.pwgc-redeem-form label, .pwgc-gift-card-form label {
  font-family: 'Inter', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: var(--muted) !important;
  display: block !important;
  margin-bottom: 6px !important;
}
.pwgc-redeem-form input[type="text"], input.pwgc-gift-card-number {
  border: 1px solid var(--line) !important;
  border-radius: 9px !important;
  padding: 11px 13px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14.5px !important;
  width: 100% !important;
  background: #fff !important;
}
.pwgc-redeem-form button, button.pwgc-redeem-gift-card-button {
  background: transparent !important;
  border: 1px solid var(--line) !important;
  color: var(--ink) !important;
  border-radius: 9px !important;
  padding: 11px 16px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  width: 100% !important;
  margin-top: 8px !important;
}
.pwgc-redeem-form button:hover, button.pwgc-redeem-gift-card-button:hover {
  border-color: var(--orange) !important; color: var(--orange-dark) !important;
}


/* Kuponi so začasno skriti (funkcionalnost ostaja pripravljena).
   Za ponovni prikaz odstrani ta blok. */
.wc-block-components-totals-coupon,
.wp-block-woocommerce-cart-order-summary-coupon-form-block,
.wc-block-components-panel__button[aria-label*="kupon"],
.woocommerce-form-coupon-toggle,
.checkout_coupon,
.coupon { display: none !important; }

/* Unovčeni darilni boni v povzetku — jasnejši prikaz in vidnejši gumb za odstranitev */
.pwgc-applied-gift-cards,
.pwgc-cart-gift-cards {
  margin: 12px 0 !important;
  padding: 12px 14px !important;
  background: var(--cream-2) !important;
  border-radius: 10px !important;
}
.pwgc-applied-gift-cards .pwgc-gift-card-row,
.pwgc-cart-gift-cards .pwgc-gift-card-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
}
/* Gumb za odstranitev bona — večji in prepoznaven */
.pwgc-remove-gift-card,
a.pwgc-remove-gift-card,
.pwgc-applied-gift-cards a[class*="remove"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 26px !important;
  height: 26px !important;
  border-radius: 50% !important;
  border: 1px solid var(--line) !important;
  background: #fff !important;
  color: var(--muted) !important;
  font-size: 15px !important;
  line-height: 1 !important;
  text-decoration: none !important;
  flex-shrink: 0 !important;
  transition: all .15s ease;
}
.pwgc-remove-gift-card:hover,
a.pwgc-remove-gift-card:hover {
  border-color: #c0392b !important;
  color: #c0392b !important;
  background: #fdf2f0 !important;
}

/* ============================================================
   DOSTOPNOST — besedilo samo za bralnike zaslona
   WordPress in WooCommerce vstavljata pomožno besedilo z razredom
   .screen-reader-text. Brez tega pravila se izpiše na zaslonu —
   npr. podvojena cena "Razpon cen: od ... do ...".
   ============================================================ */
.screen-reader-text {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  width: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  white-space: nowrap !important;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  clip: auto !important;
  clip-path: none !important;
  height: auto !important;
  width: auto !important;
  display: block !important;
  position: static !important;
  padding: 12px 18px !important;
  background: #fff !important;
  color: var(--ink) !important;
  z-index: 100000 !important;
}

/* ============================================================
   STRAN IZDELKA — postavitev
   ============================================================ */
.woocommerce-shop-wrap div.product {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr) !important;
  gap: 48px !important;
  align-items: start !important;
}
.woocommerce-shop-wrap div.product .woocommerce-product-gallery { grid-column: 1; }
.woocommerce-shop-wrap div.product .summary { grid-column: 2; margin: 0 !important; width: auto !important; float: none !important; }
.woocommerce-shop-wrap div.product .woocommerce-tabs,
.woocommerce-shop-wrap div.product .related,
.woocommerce-shop-wrap div.product .up-sells { grid-column: 1 / -1; }

@media (max-width: 860px) {
  .woocommerce-shop-wrap div.product { grid-template-columns: 1fr !important; gap: 28px !important; }
  .woocommerce-shop-wrap div.product .woocommerce-product-gallery,
  .woocommerce-shop-wrap div.product .summary { grid-column: 1; }
}

/* --- Galerija: en sam okvir, brez dvojnega roba --- */
.woocommerce-shop-wrap .woocommerce-product-gallery {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  background: #fff !important;
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
}
.woocommerce-shop-wrap .woocommerce-product-gallery__wrapper {
  transform: none !important;
  transition: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  border: none !important;
}
.woocommerce-shop-wrap .woocommerce-product-gallery__image,
.woocommerce-shop-wrap .woocommerce-product-gallery__image a {
  display: block !important;
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}
.woocommerce-shop-wrap .woocommerce-product-gallery__image img {
  width: 100% !important;
  height: auto !important;
  max-height: 460px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 !important;
  padding: 28px !important;
  border: none !important;
  border-radius: 0 !important;
  transform: none !important;
  transition: none !important;
  background: transparent !important;
}
.woocommerce-shop-wrap .zoomImg { display: none !important; }
.woocommerce-shop-wrap .flex-viewport { height: auto !important; overflow: visible !important; }
.woocommerce-shop-wrap .flex-control-nav,
.woocommerce-shop-wrap .flex-direction-nav { display: none !important; }

/* Gumb za povečavo — viden v vogalu */
.woocommerce-shop-wrap .woocommerce-product-gallery__trigger {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  left: auto !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: #fff !important;
  border: 1px solid var(--line) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--muted) !important;
  font-size: 0 !important;
  text-decoration: none !important;
  z-index: 5 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.06) !important;
}
.woocommerce-shop-wrap .woocommerce-product-gallery__trigger::after {
  content: "⤢";
  font-size: 17px !important;
  line-height: 1 !important;
}
.woocommerce-shop-wrap .woocommerce-product-gallery__trigger:hover {
  border-color: var(--orange) !important;
  color: var(--orange-dark) !important;
}
.woocommerce-shop-wrap .woocommerce-product-gallery__trigger img { display: none !important; }

/* --- Povzetek izdelka (desni stolpec) --- */
.woocommerce-shop-wrap div.product .product_title {
  font-family: 'Lora', Georgia, serif !important;
  font-size: 30px !important;
  line-height: 1.25 !important;
  color: var(--ink) !important;
  margin: 0 0 14px !important;
}
.woocommerce-shop-wrap div.product .summary > p.price,
.woocommerce-shop-wrap div.product .summary .price {
  font-family: 'Lora', Georgia, serif !important;
  font-size: 24px !important;
  color: var(--orange-dark) !important;
  margin: 0 0 18px !important;
}
.woocommerce-shop-wrap div.product .woocommerce-product-details__short-description {
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  color: var(--muted) !important;
  line-height: 1.65 !important;
  margin-bottom: 26px !important;
  padding-bottom: 22px !important;
  border-bottom: 1px solid var(--line) !important;
}

/* --- Izbirnik variacij --- */
.woocommerce-shop-wrap table.variations {
  width: 100% !important;
  margin: 0 0 20px !important;
  border: none !important;
  border-collapse: collapse !important;
}
.woocommerce-shop-wrap table.variations tr { display: block !important; margin-bottom: 14px !important; }
.woocommerce-shop-wrap table.variations th,
.woocommerce-shop-wrap table.variations td {
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
  border: none !important;
  text-align: left !important;
}
.woocommerce-shop-wrap table.variations th label {
  font-family: 'Inter', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
  color: var(--muted) !important;
  margin: 0 0 7px !important;
  display: block !important;
}
.woocommerce-shop-wrap table.variations select {
  width: 100% !important;
  padding: 12px 14px !important;
  border: 1px solid var(--line) !important;
  border-radius: 10px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  color: var(--ink) !important;
  background: #fff !important;
  appearance: none !important;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23726F65' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
}
.woocommerce-shop-wrap table.variations select:focus { border-color: var(--orange) !important; outline: none !important; }
.woocommerce-shop-wrap .reset_variations {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  color: var(--muted) !important;
  margin-top: 8px !important;
  display: inline-block !important;
}
.woocommerce-shop-wrap .reset_variations:hover { color: var(--orange-dark) !important; }
.woocommerce-shop-wrap .single_variation_wrap .woocommerce-variation-price {
  font-family: 'Lora', Georgia, serif !important;
  font-size: 22px !important;
  color: var(--ink) !important;
  margin-bottom: 14px !important;
  display: block !important;
}

/* --- Polja darilnega bona --- */
.woocommerce-shop-wrap .pwgc-purchase-fields,
.woocommerce-shop-wrap #pwgc-purchase-fields,
.woocommerce-shop-wrap .pwgc-gift-card-fields {
  margin: 4px 0 22px !important;
  padding: 20px !important;
  background: var(--cream-2) !important;
  border-radius: var(--radius) !important;
  border: 1px solid var(--line) !important;
}
.woocommerce-shop-wrap [id^="pwgc-"] label,
.woocommerce-shop-wrap .pwgc-purchase-fields label {
  display: block !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
  color: var(--muted) !important;
  margin: 0 0 7px !important;
}
.woocommerce-shop-wrap [id^="pwgc-"] input[type="text"],
.woocommerce-shop-wrap [id^="pwgc-"] input[type="email"],
.woocommerce-shop-wrap [id^="pwgc-"] textarea,
.woocommerce-shop-wrap .pwgc-purchase-fields input,
.woocommerce-shop-wrap .pwgc-purchase-fields textarea {
  width: 100% !important;
  padding: 11px 14px !important;
  border: 1px solid var(--line) !important;
  border-radius: 10px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14.5px !important;
  color: var(--ink) !important;
  background: #fff !important;
  line-height: 1.5 !important;
  margin: 0 0 4px !important;
}
.woocommerce-shop-wrap [id^="pwgc-"] input:focus,
.woocommerce-shop-wrap [id^="pwgc-"] textarea:focus { border-color: var(--orange) !important; outline: none !important; }
.woocommerce-shop-wrap [id^="pwgc-"] textarea { min-height: 88px !important; resize: vertical !important; }

/* Pomožno besedilo pod polji */
.woocommerce-shop-wrap .pwgc-field-description,
.woocommerce-shop-wrap .pwgc-characters-remaining,
.woocommerce-shop-wrap .description,
.woocommerce-shop-wrap small {
  display: block !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  color: var(--muted-2) !important;
  margin: 0 0 16px !important;
  line-height: 1.5 !important;
}
/* Razmik med posameznimi polji bona */
.woocommerce-shop-wrap .pwgc-purchase-fields > div,
.woocommerce-shop-wrap .pwgc-purchase-fields > p { margin-bottom: 16px !important; }
.woocommerce-shop-wrap .pwgc-purchase-fields > div:last-child,
.woocommerce-shop-wrap .pwgc-purchase-fields > p:last-child { margin-bottom: 0 !important; }

/* --- Količina in gumb v košarico --- */
.woocommerce-shop-wrap div.product form.cart {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  margin: 0 0 22px !important;
}
.woocommerce-shop-wrap div.product form.variations_form { display: block !important; }
.woocommerce-shop-wrap .quantity input.qty {
  width: 74px !important;
  padding: 12px 8px !important;
  border: 1px solid var(--line) !important;
  border-radius: 10px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  text-align: center !important;
  background: #fff !important;
}
.woocommerce-shop-wrap div.product form.cart button.single_add_to_cart_button,
.woocommerce-shop-wrap .single_variation_wrap button.single_add_to_cart_button {
  background: var(--orange) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 14.5px !important;
  padding: 13px 26px !important;
  cursor: pointer !important;
}
.woocommerce-shop-wrap button.single_add_to_cart_button:hover { background: var(--orange-dark) !important; }
.woocommerce-shop-wrap button.single_add_to_cart_button.disabled,
.woocommerce-shop-wrap button.single_add_to_cart_button:disabled { opacity: .5 !important; cursor: not-allowed !important; }

/* --- Meta (šifra, kategorija) --- */
.woocommerce-shop-wrap .product_meta {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  color: var(--muted) !important;
  padding-top: 18px !important;
  border-top: 1px solid var(--line) !important;
}
.woocommerce-shop-wrap .product_meta a { color: var(--orange-dark) !important; }
/* Šifro skrijemo, kadar je ni — "Šifra: Ni na voljo" ne pove nič */
.woocommerce-shop-wrap .product_meta .sku_wrapper:has(.sku:empty) { display: none !important; }

/* --- Zavihki (Opis, Mnenja) --- */
.woocommerce-shop-wrap .woocommerce-tabs { margin-top: 48px !important; }
.woocommerce-shop-wrap .woocommerce-tabs ul.tabs {
  display: flex !important;
  gap: 6px !important;
  padding: 0 !important;
  margin: 0 0 -1px !important;
  border: none !important;
  list-style: none !important;
}
.woocommerce-shop-wrap .woocommerce-tabs ul.tabs::before,
.woocommerce-shop-wrap .woocommerce-tabs ul.tabs::after,
.woocommerce-shop-wrap .woocommerce-tabs ul.tabs li::before,
.woocommerce-shop-wrap .woocommerce-tabs ul.tabs li::after { display: none !important; }
.woocommerce-shop-wrap .woocommerce-tabs ul.tabs li {
  background: transparent !important;
  border: 1px solid var(--line) !important;
  border-radius: 10px 10px 0 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.woocommerce-shop-wrap .woocommerce-tabs ul.tabs li a {
  display: block !important;
  padding: 11px 20px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--muted) !important;
  text-decoration: none !important;
}
.woocommerce-shop-wrap .woocommerce-tabs ul.tabs li.active { background: #fff !important; border-bottom-color: #fff !important; }
.woocommerce-shop-wrap .woocommerce-tabs ul.tabs li.active a { color: var(--ink) !important; }
.woocommerce-shop-wrap .woocommerce-tabs .panel {
  background: #fff !important;
  border: 1px solid var(--line) !important;
  border-radius: 0 var(--radius) var(--radius) var(--radius) !important;
  padding: 26px !important;
  margin: 0 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  color: var(--muted) !important;
}
.woocommerce-shop-wrap .woocommerce-tabs .panel h2 {
  font-family: 'Lora', Georgia, serif !important;
  font-size: 20px !important;
  color: var(--ink) !important;
  margin: 0 0 14px !important;
}

/* --- Sorodni izdelki --- */
.woocommerce-shop-wrap .related > h2,
.woocommerce-shop-wrap .up-sells > h2 {
  font-family: 'Lora', Georgia, serif !important;
  font-size: 24px !important;
  color: var(--ink) !important;
  margin: 48px 0 22px !important;
}

/* ============================================================
   Hero s sliko (podstrani) — po prototipu
   ============================================================ */
.page-hero-grid {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 56px;
  align-items: center;
}
.page-hero-photo {
  width: 100%;
  border-radius: var(--radius);
  object-fit: cover;
  aspect-ratio: 16/10;
  box-shadow: 0 16px 40px rgba(0,0,0,0.28);
  display: block;
}
.page-hero-img h1 { max-width: none; }
.page-hero-img .lead { max-width: none; }

@media (max-width: 900px) {
  .page-hero-grid { grid-template-columns: 1fr; gap: 32px; }
  .page-hero-photo { aspect-ratio: 16/9; }
}

/* Slika pri skupini tečajev (stran Tečaji) — po prototipu */
.panel-photo {
  width: 100%;
  max-height: 280px;
  object-fit: cover;
  border-radius: var(--radius);
  margin: 0 0 26px;
  display: block;
}
@media (max-width: 960px) {
  .panel-photo { max-height: 200px; margin-bottom: 20px; }
}



/* Slika pod lestvico ravni (domača stran) — po prototipu */
.ladder-photo {
  width: 100%;
  max-width: 760px;
  margin: 44px auto 0;
  display: block;
  border-radius: var(--radius);
  object-fit: cover;
  aspect-ratio: 21/9;
}

/* ============================================================
   Blagajna in košarica — omejena širina in razmiki
   Bloki privzeto raztegnejo vsebino čez ves zaslon, kar na širokih
   monitorjih razpotegne polja in oteži branje.
   ============================================================ */
.woocommerce-shop-wrap .wp-block-woocommerce-checkout,
.woocommerce-shop-wrap .wp-block-woocommerce-cart {
  max-width: 1120px !important;
  margin: 0 auto !important;
}
.wc-block-checkout__main,
.wp-block-woocommerce-checkout-fields-block {
  padding-right: 40px !important;
}
@media (max-width: 900px) {
  .wc-block-checkout__main,
  .wp-block-woocommerce-checkout-fields-block { padding-right: 0 !important; }
}

/* Razmik med sklopi polj */
.wc-block-components-checkout-step {
  margin-bottom: 32px !important;
  padding-bottom: 0 !important;
  border: none !important;
}
.wc-block-components-checkout-step__heading { margin-bottom: 14px !important; }

/* Polja v vrstici naj imajo razmik */
.wc-block-components-address-form .wc-block-components-text-input { margin-bottom: 14px !important; }

/* Povzetek naročila — lepljiv na desni */
.wp-block-woocommerce-checkout-totals-block {
  position: sticky;
  top: 24px;
}

/* ============================================================
   Stran zahvale — dodatna poravnava
   ============================================================ */


/* ============================================================
   Preklopnik jezika
   ============================================================ */
.jezik-preklop {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  margin-left: 18px;
}
.jezik-preklop a {
  display: inline-block;
  padding: 5px 9px;
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .04em;
  color: var(--muted-2);
  text-decoration: none;
  border-radius: 7px;
  transition: color .15s ease, background .15s ease;
}
.jezik-preklop a:hover { color: var(--cream); background: rgba(255,255,255,.08); }
.jezik-preklop a.je-aktiven { color: var(--orange); }

/* V svetli glavi strani */
.site-header .jezik-preklop a { color: var(--muted); }
.site-header .jezik-preklop a:hover { color: var(--ink); background: var(--cream-2); }
.site-header .jezik-preklop a.je-aktiven { color: var(--orange-dark); }

@media (max-width: 900px) {
  .jezik-preklop { margin-left: 10px; }
  .jezik-preklop a { padding: 4px 7px; font-size: 11.5px; }
}

/* ============================================================
   STRAN ZAHVALE PO NAROČILU
   Napisano na novo: prejšnja različica je oznake in vrednosti
   lepila skupaj ("Št. naročila:157") in tabeli jemala zunanje robove.
   ============================================================ */

.woocommerce-order {
  max-width: 860px;
  margin: 0 auto;
  font-family: 'Inter', sans-serif;
}
.woocommerce-order > *:first-child { margin-top: 0 !important; }

/* Potrditveno sporočilo */
.woocommerce-order .woocommerce-notice--success,
.woocommerce-order .woocommerce-thankyou-order-received {
  background: var(--cream-2) !important;
  border: 1px solid var(--line) !important;
  border-radius: 10px !important;
  padding: 16px 20px !important;
  font-size: 15px !important;
  color: var(--ink) !important;
  margin: 0 0 28px !important;
}

/* --- Povzetek naročila: vsak podatek v svojem stolpcu --- */
.woocommerce-order ul.woocommerce-order-overview,
.woocommerce-order ul.woocommerce-thankyou-order-details {
  list-style: none !important;
  margin: 0 0 32px !important;
  padding: 22px !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
  gap: 22px !important;
  background: #fff !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
}
.woocommerce-order ul.woocommerce-order-overview li {
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
  border: none !important;
  border-right: none !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  color: var(--muted) !important;
  line-height: 1.3 !important;
}
.woocommerce-order ul.woocommerce-order-overview li strong {
  display: block !important;
  font-family: 'Lora', Georgia, serif !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  color: var(--ink) !important;
  line-height: 1.35 !important;
  word-break: break-word !important;
}

/* --- Podatki za nakazilo --- */
.woocommerce-order h2.wc-bacs-bank-details-heading,
.woocommerce-order .wc-bacs-bank-details-heading {
  font-family: 'Lora', Georgia, serif !important;
  font-size: 19px !important;
  color: var(--ink) !important;
  margin: 0 0 12px !important;
}
.woocommerce-order .wc-bacs-bank-details-account-name {
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 14.5px !important;
  color: var(--ink) !important;
  margin: 0 0 12px !important;
}
.woocommerce-order ul.wc-bacs-bank-details,
.woocommerce-order .woocommerce-bacs-bank-details ul {
  list-style: none !important;
  margin: 0 0 32px !important;
  padding: 20px 22px !important;
  background: var(--orange-light) !important;
  border-radius: var(--radius) !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
  gap: 18px !important;
}
.woocommerce-order ul.wc-bacs-bank-details li {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  color: var(--orange-dark) !important;
}
.woocommerce-order ul.wc-bacs-bank-details li strong {
  display: block !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  color: var(--ink) !important;
  word-break: break-word !important;
}

/* --- Naslovi razdelkov --- */
.woocommerce-order h2,
.woocommerce-order .woocommerce-order-details__title,
.woocommerce-order .woocommerce-column__title {
  font-family: 'Lora', Georgia, serif !important;
  font-size: 20px !important;
  color: var(--ink) !important;
  margin: 0 0 14px !important;
}

/* --- Tabela naročila: robovi na vseh straneh --- */
.woocommerce-order table.woocommerce-table--order-details {
  width: 100% !important;
  margin: 0 0 32px !important;
  border: 1px solid var(--line) !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-radius: var(--radius) !important;
  overflow: hidden !important;
  background: #fff !important;
}
.woocommerce-order table.woocommerce-table--order-details thead th {
  background: var(--navy) !important;
  color: #fff !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  padding: 13px 18px !important;
  text-align: left !important;
  border: none !important;
}
.woocommerce-order table.woocommerce-table--order-details thead th:last-child,
.woocommerce-order table.woocommerce-table--order-details tbody td:last-child,
.woocommerce-order table.woocommerce-table--order-details tfoot td { text-align: right !important; }

.woocommerce-order table.woocommerce-table--order-details tbody td,
.woocommerce-order table.woocommerce-table--order-details tfoot th,
.woocommerce-order table.woocommerce-table--order-details tfoot td {
  padding: 14px 18px !important;
  font-size: 14px !important;
  border: none !important;
  border-top: 1px solid var(--line) !important;
  vertical-align: top !important;
}
.woocommerce-order table.woocommerce-table--order-details tbody tr:first-child td { border-top: none !important; }
.woocommerce-order table.woocommerce-table--order-details tfoot th {
  text-align: left !important;
  font-weight: 600 !important;
  color: var(--muted) !important;
  background: var(--cream-2) !important;
}
.woocommerce-order table.woocommerce-table--order-details tfoot td { background: var(--cream-2) !important; }
.woocommerce-order table.woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-order table.woocommerce-table--order-details tfoot tr:last-child td {
  font-family: 'Lora', Georgia, serif !important;
  font-size: 16px !important;
  color: var(--ink) !important;
}
/* Podrobnosti bona pod imenom izdelka */
.woocommerce-order table.woocommerce-table--order-details .wc-item-meta {
  list-style: none !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
  font-size: 12.5px !important;
  color: var(--muted) !important;
}
.woocommerce-order table.woocommerce-table--order-details .wc-item-meta li { margin: 0 0 3px !important; }
.woocommerce-order table.woocommerce-table--order-details .wc-item-meta strong { font-weight: 600 !important; }
.woocommerce-order table.woocommerce-table--order-details .wc-item-meta p { display: inline !important; margin: 0 !important; }

/* --- Podatki plačnika --- */
.woocommerce-order .woocommerce-customer-details { margin: 0 0 32px !important; }
.woocommerce-order .woocommerce-columns--addresses {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
  gap: 20px !important;
  margin: 0 !important;
}
.woocommerce-order .woocommerce-columns--addresses .woocommerce-column {
  width: auto !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.woocommerce-order .woocommerce-customer-details address {
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  padding: 18px 20px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14.5px !important;
  font-style: normal !important;
  line-height: 1.8 !important;
  background: #fff !important;
  margin: 0 !important;
}
/* Telefon in e-pošta v svoji vrstici z razmikom */
.woocommerce-order .woocommerce-customer-details address p {
  margin: 10px 0 0 !important;
  padding-top: 10px !important;
  border-top: 1px solid var(--line) !important;
  font-size: 13.5px !important;
  color: var(--muted) !important;
}
.woocommerce-order .woocommerce-customer-details address p:first-of-type { margin-top: 12px !important; }
.woocommerce-order .woocommerce-customer-details address p + p { border-top: none !important; padding-top: 0 !important; margin-top: 4px !important; }

/* Povezave do prenosov */
.woocommerce-order .woocommerce-order-downloads { margin: 0 0 32px !important; }

/* ============================================================
   BLAGAJNA — polje za kontakt
   ============================================================ */
.wc-block-checkout__contact-fields,
.wp-block-woocommerce-checkout-contact-information-block { margin-bottom: 32px !important; }

.wc-block-components-checkout-step__container { margin-bottom: 6px !important; }
.wc-block-components-checkout-step__content { padding-top: 4px !important; }

/* Oznaka nad poljem, ne prekriva vsebine */
.wc-block-components-text-input.is-active label,
.wc-block-components-text-input label {
  position: static !important;
  transform: none !important;
  margin-bottom: 7px !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
}
.wc-block-components-text-input input {
  margin-top: 0 !important;
  padding: 12px 14px !important;
}
/* Razmik med polji */
.wc-block-components-address-form > .wc-block-components-text-input,
.wc-block-components-address-form > .wc-block-components-country-input,
.wc-block-components-address-form > .wc-block-components-state-input { margin-bottom: 16px !important; }


/* ============================================================
   PRAZNA KOŠARICA
   Postavitev pušča WooCommerce (razred has-4-columns ureja stolpce).
   Tu spreminjamo samo videz, da se ujema z znamko.
   Struktura:
     div.wp-block-woocommerce-empty-cart-block
       h2.wc-block-cart__empty-cart__title
       hr.wp-block-separator
       h2.wp-block-heading
       div.wc-block-grid.has-4-columns > ul.wc-block-grid__products > li.wc-block-grid__product
   ============================================================ */

/* Naslov "Vaša košarica je prazna" */
.wc-block-cart__empty-cart__title {
  font-family: 'Lora', Georgia, serif !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  color: var(--ink) !important;
  margin: 0 0 12px !important;
}
.wc-block-cart__empty-cart__title.with-empty-cart-icon::before { opacity: .3 !important; }

/* Pikčasta ločnica */
.wp-block-woocommerce-empty-cart-block .wp-block-separator {
  margin: 28px auto !important;
  opacity: .5 !important;
}

/* Naslov "Novo v trgovini" */
.wp-block-woocommerce-empty-cart-block h2.wp-block-heading:not(.wc-block-cart__empty-cart__title) {
  font-family: 'Lora', Georgia, serif !important;
  font-size: 20px !important;
  color: var(--ink) !important;
  margin: 0 0 24px !important;
}

/* --- Kartica izdelka --- */
.wp-block-woocommerce-empty-cart-block li.wc-block-grid__product {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 14px;
  text-align: left;
}
.wp-block-woocommerce-empty-cart-block li.wc-block-grid__product:hover { border-color: var(--orange); }

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-link { text-decoration: none; }

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image img {
  background: var(--cream-2);
  border-radius: 10px;
  padding: 8px;
  box-sizing: border-box;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title {
  font-family: 'Lora', Georgia, serif !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  color: var(--ink) !important;
  margin: 10px 0 6px !important;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price {
  font-family: 'Lora', Georgia, serif !important;
  font-size: 14.5px !important;
  color: var(--ink) !important;
  margin: 0 0 12px !important;
}

/* --- Gumb ---
   Ovoj div.wp-block-button je privzeto blok na celo širino; prejšnja različica
   je oblikovala samo povezavo v njem, zato se je gumb stisnil in besedilo
   je padlo navpično. Zdaj nastavimo oboje. */
.wp-block-woocommerce-empty-cart-block .wp-block-button.wc-block-grid__product-add-to-cart {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}
.wp-block-woocommerce-empty-cart-block .wp-block-button.wc-block-grid__product-add-to-cart .wp-block-button__link {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  background: var(--orange) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 9px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 12.5px !important;
  padding: 10px 12px !important;
  text-align: center !important;
  text-decoration: none !important;
}
.wp-block-woocommerce-empty-cart-block .wp-block-button.wc-block-grid__product-add-to-cart .wp-block-button__link:hover {
  background: var(--orange-dark) !important;
}

/* ============================================================
   Gumb "Izberi vrednost" (variabilni izdelki v katalogu)
   Variabilni izdelki dobijo razred .product_type_variable in gumb je
   povezava, ne <button> — zato ga splošna pravila za .button ne ujamejo
   enako in besedilo se je lomilo.
   ============================================================ */
.woocommerce-shop-wrap ul.products li.product a.button,
.woocommerce-shop-wrap ul.products li.product .product_type_pw-gift-card,
.woocommerce-shop-wrap ul.products li.product .product_type_variable,
.woocommerce-shop-wrap ul.products li.product .product_type_simple,
.woocommerce-shop-wrap ul.products li.product .add_to_cart_button {
  display: block !important;
  width: auto !important;
  box-sizing: border-box !important;
  margin: auto 18px 18px !important;
  padding: 11px 16px !important;
  background: var(--orange) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  line-height: 1.3 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.woocommerce-shop-wrap ul.products li.product a.button:hover,
.woocommerce-shop-wrap ul.products li.product .product_type_pw-gift-card:hover,
.woocommerce-shop-wrap ul.products li.product .product_type_variable:hover,
.woocommerce-shop-wrap ul.products li.product .add_to_cart_button:hover {
  background: var(--orange-dark) !important;
  color: #fff !important;
}

/* Gumb v stanju "dodajanje v teku" */
.woocommerce-shop-wrap ul.products li.product .button.loading {
  opacity: .7 !important;
  pointer-events: none !important;
}
/* Kljukica po uspešnem dodajanju naj ne razširi gumba */
.woocommerce-shop-wrap ul.products li.product .button.added::after {
  margin-left: 6px !important;
  font-size: 12px !important;
}

/* ============================================================
   BLAGAJNA — oznaka NAD poljem
   V HTML je <label> za <input>, zato ga navadna statična postavitev
   potisne pod polje. Vrstni red obrnemo s flexom.
   ============================================================ */
.wc-block-components-text-input,
.wc-block-components-combobox-control,
.wc-block-components-select {
  display: flex !important;
  flex-direction: column-reverse !important;
  position: relative !important;
  margin-bottom: 18px !important;
}
.wc-block-components-text-input > label,
.wc-block-components-combobox-control > label,
.wc-block-components-select > label,
.wc-block-components-text-input label,
.wc-block-components-combobox-control label {
  position: static !important;
  transform: none !important;
  transition: none !important;
  order: 2 !important;
  display: block !important;
  margin: 0 0 7px !important;
  padding: 0 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
  color: var(--muted) !important;
  line-height: 1.3 !important;
  background: transparent !important;
  max-width: none !important;
  overflow: visible !important;
  white-space: normal !important;
}
.wc-block-components-text-input > input,
.wc-block-components-combobox-control input,
.wc-block-components-select select {
  order: 1 !important;
  margin: 0 !important;
}
/* Pomožno besedilo pod poljem ostane spodaj */
.wc-block-components-text-input .wc-block-components-validation-error,
.wc-block-components-checkout-step__description { order: 3 !important; }

/* ============================================================
   STRAN ZAHVALE — odprava praznih površin
   ============================================================ */
.woocommerce-order br { display: none !important; }
.woocommerce-order p:empty,
.woocommerce-order div:empty:not([class*="block"]) { display: none !important; }

.woocommerce-order .woocommerce-bacs-bank-details,
.woocommerce-order div.woocommerce-bacs-bank-details { margin: 0 0 28px !important; }

/* Odstavek z navodilom za nakazilo */
.woocommerce-order > p,
.woocommerce-order .woocommerce-thankyou-order-received + p { margin: 0 0 24px !important; }

/* Razdelki naj se dotikajo enakomerno */
.woocommerce-order section,
.woocommerce-order .woocommerce-order-details,
.woocommerce-order .woocommerce-customer-details,
.woocommerce-order .woocommerce-order-downloads {
  margin: 0 0 28px !important;
  padding: 0 !important;
}
.woocommerce-order > *:last-child { margin-bottom: 0 !important; }

/* Naslov nad bančnimi podatki */
.woocommerce-order h2.wc-bacs-bank-details-heading { margin: 0 0 10px !important; }
.woocommerce-order .wc-bacs-bank-details-account-name { margin: 0 0 12px !important; }

/* ============================================================
   STRAN ZAHVALE — oznaka in vrednost v ločenih vrsticah
   Oznaka ("Št. naročila:") je navadno besedilo, ne element, zato se
   v flex postavitvi ne obnaša predvidljivo. Zanesljiveje je pustiti
   element blokoven in <strong> prelomiti v novo vrstico.
   ============================================================ */
.woocommerce-order ul.woocommerce-order-overview > li,
.woocommerce-order ul.woocommerce-thankyou-order-details > li,
ul.woocommerce-order-overview > li {
  display: block !important;
  flex-direction: unset !important;
  gap: 0 !important;
  border: none !important;
  border-right: none !important;
  padding: 0 !important;
  margin: 0 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .07em !important;
  color: var(--muted) !important;
  line-height: 1.4 !important;
}
.woocommerce-order ul.woocommerce-order-overview > li strong,
.woocommerce-order ul.woocommerce-thankyou-order-details > li strong,
ul.woocommerce-order-overview > li strong {
  display: block !important;
  margin-top: 7px !important;
  font-family: 'Lora', Georgia, serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  color: var(--ink) !important;
  line-height: 1.35 !important;
  word-break: break-word !important;
}

/* Enako pri bančnih podatkih */
.woocommerce-order ul.wc-bacs-bank-details > li,
.woocommerce-order .woocommerce-bacs-bank-details li,
ul.wc-bacs-bank-details > li {
  display: block !important;
  flex-direction: unset !important;
  gap: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .07em !important;
  color: var(--orange-dark) !important;
  line-height: 1.4 !important;
}
.woocommerce-order ul.wc-bacs-bank-details > li strong,
.woocommerce-order .woocommerce-bacs-bank-details li strong,
ul.wc-bacs-bank-details > li strong {
  display: block !important;
  margin-top: 6px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  color: var(--ink) !important;
  line-height: 1.45 !important;
  word-break: break-word !important;
}

/* ============================================================
   Clearfix v mrežni postavitvi
   WooCommerce ima na seznamu podatkov o naročilu clearfix:
     .woocommerce ul.order_details::before/::after { content:" "; display:table }
   Dokler je bil seznam float-based, je bil neškodljiv. Ker smo ga spremenili
   v display:grid, sta oba pseudo-elementa postala polnopravni celici —
   ::before je zasedel prvo mesto in porinil vse postavke za eno naprej.
   Element nosi vse tri razrede hkrati, zato pokrivamo vse.
   ============================================================ */
.woocommerce-order ul.woocommerce-order-overview::before,
.woocommerce-order ul.woocommerce-order-overview::after,
.woocommerce-order ul.woocommerce-thankyou-order-details::before,
.woocommerce-order ul.woocommerce-thankyou-order-details::after,
.woocommerce-order ul.order_details::before,
.woocommerce-order ul.order_details::after,
ul.order_details::before,
ul.order_details::after {
  content: none !important;
  display: none !important;
}

/* Enako pri bančnih podatkih, če bi imeli clearfix */
.woocommerce-order ul.wc-bacs-bank-details::before,
.woocommerce-order ul.wc-bacs-bank-details::after {
  content: none !important;
  display: none !important;
}


/* ============================================================
   LEPLJIVA GLAVA
   ------------------------------------------------------------
   Glava mora ostati vidna ob drsenju, skupaj z zgornjim trakom,
   kjer sta kontakt in izbira jezika.

   Past: ko je uporabnik prijavljen, WordPressova admin vrstica zasede
   vrh zaslona s position:fixed. Glava s top:0 se prilepi POD njo in
   zgornji trak izgine. Zato ob razredu .admin-bar zamaknemo za njeno
   višino — 32 px na namizju, 46 px na ozkih zaslonih.
   ============================================================ */

header.topnav {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 100 !important;
  background: rgba(247,243,234,0.96) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--line);
}

/* Prijavljen uporabnik: zamik za admin vrstico */
body.admin-bar header.topnav { top: 32px !important; }
@media screen and (max-width: 782px) {
  body.admin-bar header.topnav { top: 46px !important; }
}

/* Zgornji trak je del lepljive glave in mora ostati viden */
.util-bar {
  background: var(--navy) !important;
  position: relative;
  z-index: 2;
}

/* Nadrejeni elementi ne smejo ustvariti drsnega konteksta:
   overflow:hidden na html ali body razveljavi sticky.
   Uporabimo clip, ki vodoravno drsenje prepreči brez tega učinka. */
html { overflow-x: clip; }
body { overflow-x: clip; overflow-y: visible; }

/* Trak napredka je nad glavo (z-index 250), kar je pravilno —
   spremenimo mu le odmik, kadar je prisotna admin vrstica. */
body.admin-bar .scroll-progress { top: 32px; }
@media screen and (max-width: 782px) {
  body.admin-bar .scroll-progress { top: 46px; }
}

/* Na ozkih zaslonih glavo stisnemo, da ne zasede preveč višine */
@media (max-width: 760px) {
  .util-inner { padding: 6px 14px !important; }
  .util-item  { font-size: 11.5px !important; }
  .navrow     { padding: 10px 16px !important; }
}

/* Ob odprtem mobilnem meniju glava ostane nad njim */
body.menu-open header.topnav { z-index: 200 !important; }

/* ============================================================
   KONTAKTNI OBRAZEC
   ============================================================ */
.quick-form .kontakt-gdpr {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.5;
  color: var(--muted);
  margin-bottom: 18px;
  cursor: pointer;
}
.quick-form .kontakt-gdpr input[type="checkbox"] {
  width: 17px;
  height: 17px;
  margin: 2px 0 0;
  accent-color: var(--orange);
  flex-shrink: 0;
  cursor: pointer;
}

/* Skrito polje proti neželeni pošti — človek ga ne vidi, robot ga izpolni */
.kontakt-past {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

/* Sporočilo po oddaji */
.kontakt-sporocilo {
  margin-top: 14px;
  padding: 0;
  font-size: 14px;
  line-height: 1.55;
  border-radius: 10px;
}
.kontakt-sporocilo.je-uspeh {
  padding: 13px 16px;
  background: #EAF5EC;
  border: 1px solid #BFE0C6;
  color: #1E5B2A;
}
.kontakt-sporocilo.je-napaka {
  padding: 13px 16px;
  background: #FDF0EE;
  border: 1px solid #F0C4BC;
  color: #8C2F1E;
}

/* Gumb med pošiljanjem */
.quick-form button[type="submit"]:disabled {
  opacity: .6;
  cursor: not-allowed;
}

/* ============================================================
   IKONE DRUŽBENIH OMREŽIJ
   Prej so bile premajhne (15 px) in enotno sive, zato jih je bilo
   težko prepoznati. Zdaj so večje, ob prehodu miške pa dobijo barvo
   svoje znamke — to je najhitrejši način prepoznave.
   ============================================================ */
.foot-social { gap: 12px !important; }

.foot-social-icon {
  width: 38px !important;
  height: 38px !important;
  transition: border-color .18s ease, color .18s ease, background-color .18s ease;
}

@media (max-width: 560px) {
  .foot-social-icon { width: 42px !important; height: 42px !important; }
  .foot-social-icon svg { width: 20px; height: 20px; }
}

/* ============================================================
   LOGOTIPI REFERENC — polna barva
   Prej so bili sivinski s prosojnostjo 0,55 in so se obarvali šele ob
   prehodu miške. Na dotičnih zaslonih tega ni, zato so ostali sivi.
   Zdaj so v svoji barvi ves čas in nekoliko večji, a še vedno umirjeni.
   ============================================================ */
.logo-track img {
  height: 44px !important;
  filter: none !important;
  opacity: 1 !important;
  transition: transform .18s ease, opacity .18s ease;
}
.logo-track img:hover {
  transform: scale(1.04);
  opacity: .85 !important;
}

/* Razmik prilagodimo večjim logotipom */
.logo-track { gap: 72px !important; }

@media (max-width: 760px) {
  .logo-track img { height: 36px !important; }
  .logo-track { gap: 48px !important; }
}

/* Značka med logotipi naj se ujema z novo velikostjo */
.logo-track .ref-badge {
  padding: 13px 24px !important;
  font-size: 15.5px !important;
}

/* ============================================================
   IKONE DRUŽBENIH OMREŽIJ — barve ves čas
   Sive ikone dajejo vtis, da povezave niso dejavne. Barve znamk so
   prepoznavne že iz kota očesa in povedo, da tam nekaj je.
   ============================================================ */
.foot-social-fb { color: #1877F2 !important; border-color: rgba(24,119,242,.4) !important; }
.foot-social-ig { color: #E4405F !important; border-color: rgba(228,64,95,.4) !important; }
.foot-social-yt { color: #FF0000 !important; border-color: rgba(255,0,0,.4) !important; }

/* Ob prehodu miške se zapolnijo */
.foot-social-fb:hover { background-color: #1877F2 !important; border-color: #1877F2 !important; color: #ffffff !important; }
.foot-social-ig:hover { background-color: #E4405F !important; border-color: #E4405F !important; color: #ffffff !important; }
.foot-social-yt:hover { background-color: #FF0000 !important; border-color: #FF0000 !important; color: #ffffff !important; }

/* ============================================================
   PREVERJANJE VNOSNIH POLJ
   ============================================================ */

/* Polje z napako */
.polje-napaka,
input.polje-napaka,
textarea.polje-napaka {
  border-color: #C0392B !important;
  background-color: #FDF7F6 !important;
}
.polje-napaka:focus { border-color: #C0392B !important; box-shadow: 0 0 0 3px rgba(192,57,43,.12) !important; }

/* Opomba pod poljem */
.polje-opomba {
  display: block;
  margin: 6px 0 12px;
  font-family: 'Inter', sans-serif;
  font-size: 12.5px;
  line-height: 1.45;
  color: #C0392B;
}

/* ============================================================
   TELEFON Z IZBIRO DRŽAVE
   ============================================================ */
.tel-skupina {
  display: flex;
  gap: 8px;
  align-items: stretch;
  margin-bottom: 4px;
}

.tel-drzava {
  flex: 0 0 auto;
  width: 108px;
  padding: 11px 8px 11px 10px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fff;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  color: var(--ink);
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 12 8'%3E%3Cpath fill='%23726F65' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 9px center;
}
.tel-drzava:focus { border-color: var(--orange); outline: none; }

.tel-skupina input.tel-stevilka {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0 !important;
}

@media (max-width: 460px) {
  .tel-drzava { width: 96px; font-size: 13px; }
}

/* Na blagajni polj ne prestavljamo — tam ureja postavitev WooCommerce */
.wc-block-components-address-form .tel-skupina { display: block; }
.wc-block-components-address-form .tel-drzava { display: none; }

/* ============================================================
   BLAGAJNA — vrstni red in videz polj
   ------------------------------------------------------------
   Blokovna blagajna izriše polja v vrstnem redu, ki ga določa
   WooCommerce: država, ime, priimek, naslov. To je nelogično —
   kupec začne z državo, ki jo redko spreminja, ime pa vpiše šele
   za njo.
   
   Vrstni red popravimo s flexboxom, ker polj ni mogoče prerazporediti
   drugače: React jih izriše po svojem zaporedju.
   Želeni vrstni red: ime, priimek, naslov, pošta, mesto, država, telefon.
   ============================================================ */

.wc-block-components-address-form {
  display: flex !important;
  flex-direction: column !important;
}

/* Ime in priimek najprej */
.wc-block-components-address-form .wc-block-components-address-form__first_name { order: 1; }
.wc-block-components-address-form .wc-block-components-address-form__last_name  { order: 2; }

/* Podjetje, če je vklopljeno */
.wc-block-components-address-form .wc-block-components-address-form__company    { order: 3; }

/* Naslov */
.wc-block-components-address-form .wc-block-components-address-form__address_1  { order: 4; }
.wc-block-components-address-form .wc-block-components-address-form__address_2  { order: 5; }

/* Pošta in mesto */
.wc-block-components-address-form .wc-block-components-address-form__postcode   { order: 6; }
.wc-block-components-address-form .wc-block-components-address-form__city       { order: 7; }

/* Država in regija na koncu — kupec ju redko spreminja */
.wc-block-components-address-form .wc-block-components-address-form__country    { order: 8; }
.wc-block-components-address-form .wc-block-components-address-form__state      { order: 9; }

/* Telefon čisto na koncu */
.wc-block-components-address-form .wc-block-components-address-form__phone      { order: 10; }

/* ============================================================
   BLAGAJNA — oznake polj
   Poudarjene, da jih kupec ob hitrem pregledu takoj razloči.
   ============================================================ */
.wc-block-components-text-input label,
.wc-block-components-combobox-control label,
.wc-block-components-select label,
.wc-block-components-address-form label {
  font-weight: 600 !important;
  color: var(--ink) !important;
  opacity: 1 !important;
}

/* ============================================================
   BLAGAJNA — izbirnik države
   Privzeti je bel na belem in videti kot napaka. Uskladimo ga
   z ostalimi polji in mu dodamo puščico, da je prepoznaven.
   ============================================================ */
.wc-block-components-country-input,
.wc-block-components-state-input {
  position: relative;
}

.wc-block-components-combobox-control input,
.wc-block-components-country-input input,
.wc-block-components-state-input input,
.wc-block-components-address-form select {
  width: 100% !important;
  padding: 12px 40px 12px 14px !important;
  border: 1px solid var(--line) !important;
  border-radius: 10px !important;
  background-color: #ffffff !important;
  color: var(--ink) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14.5px !important;
  line-height: 1.4 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23726F65' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
}

.wc-block-components-combobox-control input:focus,
.wc-block-components-country-input input:focus,
.wc-block-components-state-input input:focus {
  border-color: var(--orange) !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Seznam držav ob odprtju */
.wc-block-components-combobox-list,
.components-form-token-field__suggestions-list {
  border: 1px solid var(--line) !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.10) !important;
  margin-top: 4px !important;
  max-height: 260px !important;
  overflow-y: auto !important;
  z-index: 20 !important;
}

.wc-block-components-combobox-list-item,
.components-form-token-field__suggestion {
  padding: 10px 14px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14.5px !important;
  color: var(--ink) !important;
  cursor: pointer !important;
}

.wc-block-components-combobox-list-item:hover,
.wc-block-components-combobox-list-item.is-highlighted,
.components-form-token-field__suggestion.is-selected {
  background-color: var(--cream-2) !important;
  color: var(--ink) !important;
}

/* Ikona zastave, če jo WooCommerce doda */
.wc-block-components-combobox-list-item img { vertical-align: middle; margin-right: 8px; }

/* ============================================================
   BLAGAJNA — oznaka nad izbirnikom države
   ------------------------------------------------------------
   Oznaka "Država" se je izpisovala belo na belem.
   Vzrok: WooCommerce plavajočo oznako izriše kot <span> z lastnim
   razredom, ne kot <label>, zato je prejšnja pravila niso ujela.
   Tu pokrivamo vse oblike, v katerih se lahko pojavi.
   ============================================================ */

.wc-block-components-combobox-control label,
.wc-block-components-combobox-control .wc-block-components-combobox-control__label,
.wc-block-components-combobox-control .components-base-control__label,
.wc-block-components-country-input label,
.wc-block-components-country-input span,
.wc-block-components-state-input label,
.wc-block-components-state-input span,
.wc-block-components-address-form .components-base-control__label,
.wc-block-components-form .components-base-control__label,
.wc-blocks-components-select__label,
.wc-block-components-select__label {
  color: var(--ink) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  opacity: 1 !important;
  -webkit-text-fill-color: var(--ink) !important;
}

/* Kadar je oznaka plavajoča in polje prazno, jo WooCommerce postavi
   čez vsebino — takrat mora biti umirjena, a še vedno vidna. */
.wc-block-components-combobox-control:not(.is-active) label,
.wc-block-components-combobox-control:not(.is-active) .components-base-control__label {
  color: var(--muted) !important;
  -webkit-text-fill-color: var(--muted) !important;
}

/* Vrednost v izbirniku mora biti temna, ne bela */
.wc-block-components-combobox-control input,
.wc-block-components-country-input input,
.wc-block-components-state-input input,
.wc-block-components-address-form select,
.wc-blocks-components-select__select {
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
}

/* Izbrana možnost v nativnem izbirniku */
.wc-block-components-address-form select option,
.wc-blocks-components-select__select option {
  color: var(--ink) !important;
  background: #ffffff !important;
}

/* ============================================================
   BLAGAJNA — izbirnik države, dokončna uskladitev
   ------------------------------------------------------------
   Trije odstopi od ostalih polj:
     - oznaka je bila male tiskane, druge so velike
     - vrednost je bila oranžna, druge so temne
     - okoli izbirnika je bil dodaten bel okvir
   ============================================================ */

/* Oznaka enaka kot pri ostalih poljih */
.wc-blocks-components-select__label,
.wc-block-components-address-form .wc-blocks-components-select__label,
label[for="billing-country"],
label[for="shipping-country"],
label[for="billing-state"],
label[for="shipping-state"] {
  display: block !important;
  margin: 0 0 7px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
  color: var(--muted) !important;
  -webkit-text-fill-color: var(--muted) !important;
}

/* Odstranimo dodatni ovoj, ki je risal bel okvir */
.wc-blocks-components-select,
.wc-blocks-components-select__container {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Sam izbirnik enak kot ostala polja */
.wc-blocks-components-select__select,
select#billing-country,
select#shipping-country,
select#billing-state,
select#shipping-state {
  width: 100% !important;
  padding: 12px 40px 12px 14px !important;
  border: 1px solid var(--line) !important;
  border-radius: 10px !important;
  background-color: #ffffff !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14.5px !important;
  line-height: 1.4 !important;
  /* Temna barva, ne oranžna — ta je za povezave, ne za vnesene podatke */
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23726F65' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
}

.wc-blocks-components-select__select:focus,
select#billing-country:focus,
select#shipping-country:focus {
  border-color: var(--orange) !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Puščica, ki jo WooCommerce doda sam — skrijemo, ker imamo svojo */
.wc-blocks-components-select__expand,
.wc-blocks-components-select .wc-blocks-components-select__expand { display: none !important; }

/* Možnosti v spustnem meniju */
.wc-blocks-components-select__select option {
  color: var(--ink) !important;
  background: #ffffff !important;
  padding: 8px !important;
}

/* ============================================================
   BLAGAJNA — gumb "Urejanje"
   Prej drobna povezava v kotu; kdor želi popraviti tipkarsko napako,
   jo je moral najprej najti. Zdaj je gumb z okvirjem.
   ============================================================ */
.wc-block-components-address-card__edit,
button.wc-block-components-address-card__edit {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-top: 12px !important;
  padding: 8px 16px !important;
  border: 1px solid var(--line) !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--orange-dark) !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: border-color .15s ease, background-color .15s ease;
}
.wc-block-components-address-card__edit:hover {
  border-color: var(--orange) !important;
  background: var(--cream-2) !important;
}

/* Kartica z naslovom naj ima prostor za gumb */
.wc-block-components-address-card {
  position: relative !important;
  padding: 16px 18px !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  background: #fff !important;
}
.wc-block-components-address-card address {
  font-family: 'Inter', sans-serif !important;
  font-size: 14.5px !important;
  font-style: normal !important;
  line-height: 1.7 !important;
  color: var(--ink) !important;
}