/*
	Theme Name: Berlindasport NEW
	Theme URI: http://belinda.studiolinija.si
	Version: 1.0
	Author: Studio Linija
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400;600&display=swap');

:root{
  --bs-font-size:1rem;
  --bs-font-weight:200;
  --bs-nav-link-font-size:1rem;
  --bs-nav-link-font-size-first-level:1.1rem;
  --bs-body-line-height:1.5rem;
  --bs-main-body-bg:rgb(232 239 249);
  --bs-font-sans-serif:"DM Sans", sans-serif;
    
  /* COLORS */
    
  --bs-white:#fff;
  --bs-gray:#666;
  --bs-light-gray:#eef3f5;
  --bs-dark-gray:#333;
  --bs-black:#000;

  --bs-yellow:#ffd102;
  --bs-greengray:#2d394b;
  --bs-blue:     #0B3E7A;

    
  /* SHADDOW */
    
  --bs-box-shadow:0 3px 4px -2px rgba(66,66,66,0.2);
  --bs-box-shadow-lg:1px 1px 9px 0px rgba(66,66,66,0.1);
}

html, body{
  height:100%;
  width:100%;
  outline:0;
  font-family:'Montserrat', sans-serif;
  font-size:var(--bs-font-size);
  color:var(--bs-greengray)!important;
  line-height:1.7em!important;
  margin:0!important;
  padding:0!important;
  background-color:var(--bs-white)!important;
}

h1, h2, h3{
  font-weight:700!important;
  color:var(--bs-greengray);
  margin-bottom:25px!important;
}

h3{
  font-size:2.5em!important;
  margin-bottom:60px!important;
}

a{
  text-decoration:none!important;
  color:var(--bs-greengray)!important;
}

a:hover, a:focus, a:active, a.active{
  outline:0;
  text-decoration:none;
}

/* NOVO */
a.nav-link{ color:#FFF!important; }


/* NAVIGATION (clean) */

/* Glavna navigacija */
.navbar{
  background:var(--bs-yellow)!important;
  box-shadow:0 3px 10px rgba(0,0,0,.05);
  padding:0;
}

/* Brand */
.navbar .navbar-brand{
  font:700 1.1rem/1 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color:#000;
  text-transform:uppercase;
  letter-spacing:1px;
  padding:1rem 0;
}

/* Top-level linki */
.navbar-nav .nav-link, .navbar-nav > li > a{
  padding:1rem 1.2rem;
  font-weight:600;
  font-size:1.1rem;
  color:var(--bs-graygreen);
  text-transform:uppercase;
  transition:color .2s ease;
}

/* Top-level: hover/focus/active/current = #666 */
.navbar-nav .nav-link:hover, .navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .navbar-nav > li > a:active, .navbar-nav .current-menu-item > a, .navbar-nav .current_page_item > a{
  color:var(--bs-black) !important;
}

/* Odstrani underline efekt */
.navbar-nav .nav-link::after, .navbar-nav li a::after{
  content:none !important;
}

/* --- DROPDOWN (clean) --- */
.navbar-nav > li.menu-item-has-children{
  position:relative;
}

.navbar-nav > li.menu-item-has-children > a::after{
  content:"▾";
  margin-left:6px;
  font-size:.75em;
  display:inline-block;
  vertical-align:middle;
  transform:translateY(-1px);
  color:var(--bs-black) !important;
}

.navbar-nav > li > .sub-menu{
  position:absolute;
  left:0;
  top:100%;
  margin-top:11px;
  min-width:220px;
  padding:0;
  background:#fff;
  border-radius:0;
  box-shadow:0 8px 18px rgba(0,0,0,.12);
  list-style:none;
  opacity:0;
  visibility:hidden;
  transition:opacity .2s ease, visibility .2s ease;
  z-index:1000;
  border-top:1px solid rgba(0,0,0,.06);
}

.navbar-nav .sub-menu li{
  list-style:none;
}

.navbar-nav .sub-menu li a{
  display:block;
  padding:12px 16px;
  white-space:nowrap;
  font-size:.95rem;
  font-weight:500;
  color:#2d394b;
  text-transform:none;
  border-bottom:1px solid rgba(0,0,0,.08);
}

.navbar-nav .sub-menu li:last-child a{
  border-bottom:none;
}

.navbar-nav .sub-menu li a:hover{
  background:rgba(0,0,0,.06);
  color:var(--bs-yellow);
}

.navbar-nav .sub-menu .sub-menu{
  top:0;
  left:100%;
  border-top:0;
}

.navbar-nav .sub-menu .current-menu-item > a,
.navbar-nav .sub-menu .current_page_item > a{
  color:var(--bs-yellow) !important;
}
.navbar-nav li.current-menu-ancestor > a,
.navbar-nav li.current_page_ancestor > a{
  color:var(--bs-black) !important;
}

.navbar-toggler{
  border:0;
  font-size:1.2rem;
}

.navbar-toggler:focus{
  outline:0;
  box-shadow:none;
}

.padding {
    padding-top: 80px;
    padding-bottom: 80px;
}

.main-mini {
    font-size: 1rem;
    font-weight: 700;
}

.main-naslov {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: .5rem !important;
}

.main-podnaslov {
    font-size: 1.5rem;
    font-weight: 400;
    margin-bottom:60px;
}

.single-product div.product .summary form.cart .single_add_to_cart_button, .btn-primary {
    display: inline-block;
    font-size: clamp(1rem, 2vw, 1.15rem);
    font-weight: 700;
    padding: 0.75rem 1.5rem;
    border-radius: 999px;
    border: none !important;
    background-color: var(--bs-yellow);
    color: var(--bs-greengray) !important;
    cursor: pointer;
    text-transform: none;
    letter-spacing: 0.03em;
    transition: box-shadow 0.15s ease, transform 0.15s ease, background 0.15s ease;
}

.single-product div.product .summary form.cart .single_add_to_cart_button:hover, .btn-primary:hover, .btn-primary:active {
    background-color: #FFDD00;
    box-shadow: 0 0 4px rgba(0,0,0,.25); /* zelo majhen shadow */
}

.btn-primary:focus-visible, .single-product div.product .summary form.cart .single_add_to_cart_button:focus-visible {
    outline: 2px solid rgba(0,0,0,.4);
    outline-offset: 2px;
}

/* Disabled stanje */
.btn-primary:disabled, .btn-primary.disabled, .single-product div.product .summary form.cart .single_add_to_cart_button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    box-shadow: none;
}








/* SIDEBAR DROPDOWN */
select {
  width: 100%;
  padding: .5rem .75rem;
  border: 1px solid #ddd;
  border-radius: .5rem;
  font-size: 1rem;
  background-color: #fff;
  color: #333;
  line-height: 1.4;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg fill='black' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 1rem;
  padding-right: 2rem; /* prostor za ikono */
  cursor: pointer;
  transition: border-color .2s ease, box-shadow .2s ease;
}

select:hover,
select:focus {
  border-color: var(--bs-yellow, #f4c20d);
  outline: none;
}

option {
  font-size: 1rem;
  color: #333;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
  background: var(--bs-yellow);
  color: var(--bs-greengray);
}

.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
  padding: 1em;
}














/* =========================
   FRONT PAGE - FEATURED CARDS
   ========================= */

.featured-card-wrap {
    background-color:var(--bs-light-gray);
}

.featured-card {
  display:block;
  position:relative;
  border-radius:15px;
  overflow:hidden;
  background-color:var(--bs-blue);
  text-decoration:none;
  height:350px;
  box-shadow:0 10px 30px rgba(0,0,0,0.2);
  transition:transform 0.4s ease, box-shadow 0.4s ease;
}

.featured-card-img{
  height:60%;
  position:relative;
  overflow:hidden;
}

.featured-card-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.featured-card-gradient{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:150px;
  background:linear-gradient(to bottom, transparent, var(--bs-blue));
  z-index:2;
}

.featured-card-body{
  position:relative;
  height:45%;
  padding:0 30px 30px 30px;
  z-index:3;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}

.featured-card-watermark{
  position:absolute;
  top:-10px;
  left:0px;
  font-size:8rem;
  font-weight:900;
  color:rgba(255,255,255,0.03);
  line-height:1;
  pointer-events:none;
  font-family:sans-serif;
  transition:0.5s ease;
}

.featured-card-content h3{
  color:var(--bs-white);
  font-size:1.55rem!important;
  font-weight:700;
  margin-bottom:30px !important;
  text-transform:uppercase;
  letter-spacing:1px;
  position:relative;
}

.featured-card-content h3::after{
  content:"";
  display:block;
  width:40px;
  height:3px;
  margin-top:10px;
  background:var(--bs-yellow);
  border-radius:2px;
  box-shadow:0 0 8px rgba(255,204,0,0.6);
  transition:width 0.4s ease;
}

.featured-card:hover .featured-card-content h3::after{
  width:70px;
}

.featured-card-next{
  position:absolute;
  bottom:50px;
  right:20px;
  width:40px;
  height:40px;
  background-color:var(--bs-yellow);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--bs-blue);
  font-size:1.5rem;
  z-index:10;
  transition:transform 0.3s ease, background-color 0.3s ease;
  box-shadow:0 5px 15px rgba(0,0,0,0.3);
}

.featured-card-next::after{
  content:'';
  position:absolute;
  top:50%;
  left:50%;
  width:100%;
  height:100%;
  border-radius:50%;
  background:rgba(255,204,0,0.30);
  transform:translate(-50%, -50%) scale(1);
  opacity:0;
  transition:0.5s cubic-bezier(0, 0.55, 0.45, 1);
  z-index:-1;
}

.featured-card:hover{
  transform:translateY(-10px);
  box-shadow:0 25px 50px rgba(2, 12, 27, 0.4);
  border-color:rgba(255,204,0,0.25);
}

.featured-card:hover .featured-card-img img{
  transform:scale(1.1);
}

.featured-card:hover .featured-card-watermark{
  color:rgba(255,255,255,0.07);
  transform:translateY(-10px);
}

.featured-card:hover .featured-card-next{
  transform:scale(1.05);
  background-color:#fff;
}

.featured-card::after{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:15px;
  background:var(--bs-yellow);
  z-index:20;
  box-shadow:0 0 12px rgba(255,204,0,0.6);
  transition:height 0.3s ease, box-shadow 0.3s ease;
}

.featured-card:hover::after{
  height:25px;
  box-shadow:0 0 20px rgba(255,204,0,0.9);
}

.featured-card:hover .featured-card-next::after{
  opacity:0.35;
  transform:translate(-50%, -50%) scale(14);
}

.featured-card:hover .featured-card-content h3{
  text-shadow:0 2px 10px rgba(0,0,0,0.4);
}

@media (max-width: 576px){

  .featured-card{
    height:250px;
    border-radius:14px;
  }

  .featured-card-img{
    height:40%;
  }

  .featured-card-body{
    height:60%;
    padding:0 16px 14px 16px;
  }

  .featured-card-watermark{
    font-size:5.0rem;
    top:-6px;
    left:0;
  }

  .featured-card-content h3{
    font-size:1.75rem !important;
    margin-bottom:25px !important;
    letter-spacing:.7px;
    line-height:1.15;
  }

  .featured-card-content h3::after{
    width:34px;
    margin-top:8px;
  }

  .featured-card::after{
    height:12px;
  }

  .featured-card-gradient{
    height:120px;
  }
}


/* =========================
   FRONT PAGE - FRONT BANNER
   ========================= */

.front-banner{
  position: relative;
  width: 100%;
  min-height: 450px;
  overflow: hidden;
  display: flex;
  align-items: center;
  background: #063a7a;
  isolation: isolate;
}

.front-banner .front-media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .25;
  z-index: -1;
  pointer-events: none;
  transform: translate3d(0,0,0) scale(1);
  will-change: transform;
  animation: frontBgZoom 10s ease-in-out infinite alternate;
}

.front-banner .front-body {color:#fff;}

.front-banner h1, h6 {
  font-weight:900;
  font-size:clamp(2rem,4vw,3.2rem);
  line-height:1.05;
  color:#fff;
  text-shadow:0 0 12px rgba(0,0,0,.6);
}

.front-banner h6 {
  font-weight:400!important;
  font-size: clamp(1.4rem, 2.6vw, 2rem)!important;
}

.front-banner .lead{
  font-size:1.5rem;
  color:rgba(255,255,255,.95);
  text-shadow:0 0 12px rgba(0,0,0,.8);
}

.front-banner .badge{
  background-color:var(--bs-green);
  color:var(--bs-white);
  font-weight:600;
  padding:13px 17px;
  font-size:1rem;
  margin-top:10px;  box-shadow:0 0 12px rgba(0,0,0,.6);
}


/* =========================
   FRONT PAGE - AKTUALNO
   ========================= */

.aktualno-section {
    background-color: var(--bs-light-gray);
    padding: 80px 0;
    font-family: 'Inter', sans-serif;
}

.aktualno-video-link-wrapper {
    text-decoration: none !important;
    display: flex;
    height: 100%;
    width: 100%;
}

.aktualno-video-wrapper {
    background: var(--bs-white);
    padding: 12px;
    border-radius: 28px;
    width: 100%;
    display: flex;
    box-shadow: 0 10px 30px var(--bs-box-shadow);
}

.aktualno-video-container {
    flex: 1;
    border-radius: 20px;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
}

.aktualno-play-icon {
    position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 80px; height: 80px;
    background: var(--bs-yellow); color: var(--bs-blue);
    border-radius: 50%; display: flex; align-items: center; justify-content: center;
    font-size: 2.5rem; animation: aktualno-pulse 2s infinite;
    transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.aktualno-video-link-wrapper:hover .aktualno-play-icon {
    transform: translate(-50%, -50%) scale(1.1);
    background: var(--bs-white);
}

.aktualno-news-feed {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
}

.aktualno-news-card {
    text-decoration: none !important;
    background: var(--bs-white);
    border-radius: 22px;
    display: flex;
    overflow: hidden;
    transition: all 0.3s ease;
    flex: 1;
    box-shadow: 0 5px 15px var(--bs-box-shadow);
}

.aktualno-news-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 25px rgba(0, 78, 146, 0.1);
}

.aktualno-accent-line { width: 8px; background: var(--bs-blue); }
.promo .aktualno-accent-line { background: var(--bs-yellow); }

.aktualno-card-body {
    padding: 20px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.aktualno-label { font-size: 0.6rem; font-weight: 800; color: var(--bs-blue); display: block; margin-bottom: 4px; }
.aktualno-card-body h4 { font-size: 1.1rem; font-weight: 700; margin-bottom: 2px; }
.aktualno-card-body p { font-size: 0.85rem; margin: 0; }

.aktualno-action-button {
    width: 46px;
    height: 46px;
    background: var(--bs-yellow);
    color: var(--bs-blue);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    flex-shrink: 0;
}

/* HOVER: Modro ozadje in rotacija za 45 stopinj */
.aktualno-news-card:hover .aktualno-action-button {
    background: var(--bs-blue);
    color: var(--bs-white);
    transform: rotate(45deg); /* Rotacija navzgor-desno ali uporabi 45deg za navzdol-desno */
}

@keyframes aktualno-pulse {
    0% { box-shadow: 0 0 0 0 rgba(255, 204, 0, 0.6); }
    70% { box-shadow: 0 0 0 15px rgba(255, 204, 0, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 204, 0, 0); }
}

.aktualno-brand-badge {
    position: absolute; top: 15px; left: 15px;
    background: var(--bs-blue); color: var(--bs-white);
    padding: 7px 15px; border-radius: 50px; font-size: 1rem; font-weight: 600;
}

@media (max-width: 991px) {
    .aktualno-video-container { min-height: 300px; }
    .aktualno-news-feed { height: auto; }
}



























/* IZJEMA: stran Darilni boni */
.page-slug-darilni-bon .darilni-hero img {
  width: 100% !important;
  height: auto !important;
  object-fit: unset !important;
}




.woocommerce ul.products{
  list-style:none;
}

.woocommerce ul.products li.product{
  position:relative;
  background:#fff;
  border-radius:16px;
  text-align:center;
  box-shadow:0 2px 10px rgba(0,0,0,.06);
  transition:transform .25s ease, box-shadow .25s ease;
  display:flex;
  flex-direction:column;
  min-height:420px;
}
.woocommerce ul.products li.product:hover{
  transform:translateY(-4px);
  box-shadow:0 10px 24px rgba(0,0,0,.12);
}

.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.added_to_cart{
  display:block;
  width:100%;
  text-align:center;
  background:var(--bs-yellow);
  color:var(--bs-greengray);
  border:0;
  padding:20px;
  font-weight:700;
  margin-top:auto; /* prilepi na dno kartice */
  border-bottom-left-radius:16px;
  border-bottom-right-radius:16px;
}

.woocommerce ul.products li.product a.button.add_to_cart_button.added {
    display: none !important;
}

.woocommerce ul.products li.product a.added_to_cart.wc-forward {
    background-color: #27ae60 !important; /* zelena */
    color: #ffffff !important;            /* bel tekst */    
    padding: 14px!important;
}

.woocommerce ul.products li.product a.added_to_cart.wc-forward::after {
    content: " ✓";
    font-weight: 700;
    color: #ffffff;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-weight:800;
  color:var(--bs-greengray);
  margin:6px 0 0;
  line-height:1.25;
  padding:7px;
  margin-bottom:0 !important;

  /* stabilna višina naslova – max 2 vrstice */
  display:-webkit-box;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:calc(1.25em * 2 + 14px); /* 2 vr. + tvoj padding 7px*2 */
}

.woocommerce ul.products li.product .price{
  font-weight:800;
  font-size:18px;
  color:var(--bs-greengray);
  margin:0 0 22px;
}

.sale-area{
  position:absolute;
  top:0; left:13px; margin-top:13px;
  background:var(--bs-yellow);
  padding:3px 10px;
  font-size:1.2rem;
  font-weight:800;
}




/* ===== Footer (poenostavljeno) ===== */
.site-footer{
  margin-top:-150px;
  position:relative;
  z-index:-1;
  background-color:var(--bs-blue);
  color:#fff;
}

/* Bela barva POVSOD brez milijon selektorjev */
.site-footer, .site-footer * { color:#fff !important; }
.site-footer a{ text-decoration:none; }
.site-footer a:hover{ text-decoration:underline; }

/* Ozadje footera (slika + modra podlaga) */
.footer-bg{
  position:relative;
  min-height:clamp(520px, 80vw, 750px);
  background-color:#0B3E7A;
  background-image:var(--footer-bg);
  background-size:cover;
  background-position:top center;
  background-repeat:no-repeat;
}
.footer-bg .container{
  position:relative;
  z-index:1;
  padding-top:clamp(140px, 32vw, 400px);
    padding-bottom: 30px;
}

/* Kontaktne kartice – EDINI gradient, kot želiš */
.contact-card{
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.12);
}
.icon-wrap{
  width:44px; height:44px; border-radius:.75rem;
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--bs-yellow);
  font-size:1.1rem;
}

/* Naslovi, delilnik */
.footer-head{ font-size:1.5rem; text-transform:uppercase; font-weight:600; margin-bottom:1rem; }
.footer-brand{ font-weight:700; }
.footer-divider{ border:0; border-top:1px solid rgba(255,255,255,.2); }

/* Social ikone – ostanejo bele; na hover malo zmanjšamo opaciteto */
.footer-socials a{ color:inherit; }
.footer-socials a:hover{ opacity:.9; }














/* Minimal hover zoom za thumbnaile v galeriji (Lightbox2) */
a[data-lightbox="post-gallery"] img {
  transition: transform .25s ease;
}
a[data-lightbox="post-gallery"]:hover img,
a[data-lightbox="post-gallery"]:focus img {
  transform: scale(1.06);
}
















/* WRAPPER */
.site-header-cart {
    position: relative;
    right:20px;
    top:3px;
}

.cart-contents {
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: inherit;
}

.header-cart-icon svg {
    width: 26px;
    height: 26px;
    display: block;
}

.cart-contents .count {
    position: absolute;
    top: -6px;
    right: -10px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 50%;
    background: #dc3545;
    color: white;
    font-size: 11px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    box-shadow: 0 0 0 2px #fff; /* bel rob za kontrast */
}

.woocommerce-mini-cart__empty-message {
    margin-bottom: 5px;
    margin-top: 5px;
}

.single-product div.product .summary .product_title {
    font-size: 2rem;
    line-height: 1.25;
    margin-bottom: 0.75rem;
    font-weight: 700;
}

.single-product div.product .summary .price {
    display: inline-flex;
    align-items: baseline;
    gap: 0.3rem;
    padding: 0.35rem 0.9rem;
    border-radius: 999px;
    background: #f2f4ff;
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    color: #111827;
    text-decoration: none!important;
}

.single-product div.product .summary .price del {
    opacity: 0.7;
    font-size: 0.9rem;
}

.single-product div.product .summary form.cart {
    display: flex;
    align-items: center;
    margin: 1.5rem 0 1.75rem;
    gap: 0; /* odstrani globalni razmik */
}

.single-product div.product .summary form.cart .quantity {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    border: 1px solid #dde2ee;
    padding: 0.35rem 0.75rem;
    margin-right: 1rem;
}

.single-product div.product .summary form.cart .quantity .qty {
    width: 60px;
    border: none;
    text-align: center;
    font-weight: 500;
    padding: 0;
    box-shadow: none;
    outline: none;
}

.single-product div.product .summary form.cart .quantity .qty::-webkit-outer-spin-button,
.single-product div.product .summary form.cart .quantity .qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.single-product div.product .summary form.cart .quantity .qty[type=number] {
    -moz-appearance: textfield;
}

@media (max-width: 768px) {
    .single-product div.product .summary form.cart .single_add_to_cart_button {
        width: 100%;
        text-align: center;
    }
}

.single-product div.product .summary .product_meta {
    margin-top: 1.25rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    font-size: 0.8rem;
    color: #4b5563;
}

.single-product div.product .summary .product_meta > span {
    background: #f3f4f6;
    border-radius: 999px;
    padding: 0.25rem 0.75rem;
}

.single-product div.product .summary .product_meta > span span {
    font-weight: 500;
}


/* ==========================================
   NOV STIL ZA PRODUCT TABS
   ========================================== */


.woocommerce-tabs {
    margin-top: 50px!important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
        border: none;
}

.single-product .related,
.single-product .upsells,
.single-product .cross-sells {
    float: left;
}
.single-product .related.products {
    margin: 4rem 0px 0px 0px;
}

.related .products {
    text-align: left;
}

/* ===========================
   HEADER KOŠARICA – IKONA + BADGE
   =========================== */

.site-header-cart {
    position: relative;
}

.site-header-cart .cart-contents {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    color: #222;
}

.header-cart-icon {
    font-size: 22px;
    line-height: 1;
    display: inline-block;
}

.site-header-cart .cart-contents .count {
    font-size: 12px;
    line-height: 1;
    padding: 2px 6px;
    border-radius: 999px;
    background: #dc3545;
    color: #fff;
    font-weight: 600;
}

/* ===========================
   MINI CART DROPDOWN – BOX + ANIMACIJA
   =========================== */

.site-header-cart .mini-cart-dropdown {
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 999;
    background: #fff;
    padding: 10px;
    min-width: 300px;
    box-shadow: 0 10px 30px rgba(0,0,0,.1);

    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);
    transition:
        opacity 0.45s cubic-bezier(0.19, 1, 0.22, 1),
        transform 0.45s cubic-bezier(0.19, 1, 0.22, 1),
        visibility 0.45s linear;
}

.site-header-cart .mini-cart-dropdown.open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

@media (min-width: 992px) {
    .site-header-cart:hover .mini-cart-dropdown {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
}


.header-cart-icon svg {
    width: 26px;
    height: 26px;
    display: block;
}

.cart-count {
    font-size: 11px;
    line-height: 1;
    padding: 0.15rem 0.35rem;
}


/* ===========================
   MINI CART – ITEM LAYOUT
   =========================== */

.mini-cart-dropdown .woocommerce-mini-cart {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mini-cart-dropdown .woocommerce-mini-cart li {
    list-style: none;
}

.mini-cart-dropdown .woocommerce-mini-cart-item {
    position: relative;
    padding: 8px 0 10px;
    border-bottom: 1px solid #f1f1f1;
}

.mini-cart-dropdown .woocommerce-mini-cart-item:last-child {
    border-bottom: none;
}

/* link z naslovom + thumbnailom (NE remove link) */
.mini-cart-dropdown .woocommerce-mini-cart-item > a:not(.remove) {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    color: #222;
    padding-right: 36px; /* prostor za okrogli X desno */
}

/* thumbnail slika levo */
.mini-cart-dropdown .woocommerce-mini-cart-item > a:not(.remove) img {
    width: 48px;
    height: 48px;
    object-fit: cover;
    border-radius: 4px;
    flex-shrink: 0;
}

/* količina + cena pod naslovom, poravnano z besedilom (ne s sliko) */
.mini-cart-dropdown .woocommerce-mini-cart-item .quantity {
    display: block;
    margin-left: 58px; /* širina slike + gap (48 + ~10px) */
    font-size: 12px;
    color: #666;
}


/* ===========================
   OKROGEL REMOVE GUMB (X)
   =========================== */

.mini-cart-dropdown .woocommerce-mini-cart-item .remove {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #e63946;
    color: #fff !important;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    text-decoration: none !important;

    display: flex;
    align-items: center;
    justify-content: center;

    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    opacity: 0.9;
    transition: 0.2s ease;
    z-index: 2;
}

.mini-cart-dropdown .woocommerce-mini-cart-item .remove:hover {
    background: #c9182a;
    transform: translateY(-50%) scale(1.15);
    opacity: 1;
}


/* ===========================
   SPODNJI DEL – TOTAL + GUMBI
   =========================== */

.mini-cart-dropdown .woocommerce-mini-cart__total {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #eee;
    font-weight: 600;
    font-size: 13px;
    color: #222;
}

/* container za gumbe */
.mini-cart-dropdown .woocommerce-mini-cart__buttons {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* osnovni stil gumbov v dropdownu */
.mini-cart-dropdown .woocommerce-mini-cart__buttons a.button {
    display: block;
    width: 100%;
    text-align: center;
    padding: 9px 12px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    border: none;
    box-shadow: none;
}

/* "Prikaži košarico" – siv */
.mini-cart-dropdown .woocommerce-mini-cart__buttons a.button:not(.checkout) {
    background: #f2f2f6;
    color: #333;
}

.mini-cart-dropdown .woocommerce-mini-cart__buttons a.button:not(.checkout):hover {
    background: #e3e3ea;
}

/* "Zaključek nakupa" – rumen CTA */
.mini-cart-dropdown .woocommerce-mini-cart__buttons a.checkout {
    background: #ffd600;
    color: #222;
}

.mini-cart-dropdown .woocommerce-mini-cart__buttons a.checkout:hover {
    background: #ffcc00;
}


/* Osnovna ploščica */
.cta-tile{
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
  background: #fff;
  border-radius: .75rem;
  padding: 1rem 3.25rem 1rem 1rem;  /* prostor za puščico desno */
  text-decoration: none;
  border: 1px solid rgba(0,0,0,.06);
  transition: transform .18s ease, border-color .18s ease, background-color .18s ease;
}
.cta-tile:hover{
  transform: translateY(-2px);
  border-color: rgba(0,0,0,.12);
}

/* Leva “skica” + rumen kvadrat */
.cta-icon{
  position: relative;
  width: 46px; height: 46px;
  border-radius: .35rem;
  background: var(--bs-yellow);
  display: grid; place-items: center;
  flex: 0 0 46px;
}
.cta-icon::before{
  content:"";
  position:absolute; inset:0;
  background: #e9eff5;           /* svetla “podloga” kot v vzorcu */
  border-radius: inherit;
  transform: translate(-10px, -10px);   /* offset kvadrata v ozadju */
  z-index: -1;
}
.cta-icon i{
  font-size: 1.1rem;
  color: #000;
}

/* Besedilo */
.cta-text{ display:block; }
.cta-title{
  color: var(--bs-greengray);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .02em;
  line-height: 1.2;
  font-size: 1.05rem;
}

/* Desna puščica */
.cta-arrow{
  position: absolute;
  right: .85rem; top: 50%;
  transform: translateY(-50%);
  width: 36px; height: 36px;
  border-radius: 999px;
  display: grid; place-items: center;
  border: 1px solid rgba(0,0,0,.12);
  transition: transform .18s ease, background-color .18s ease, border-color .18s ease;
}
.cta-arrow i{ font-size: 1rem; color: var(--bs-greengray); }
.cta-tile:hover .cta-arrow{
  transform: translateY(-50%) translateX(4px);
  background: rgba(8,59,110,.06);
  border-color: rgba(0,0,0,.18);
}

/* Malo večji naslov na ≥md */
@media (min-width: 768px){
  .cta-title{ font-size: 1.15rem; }
}
.woocommerce-cart .site-main {
    padding: 40px 0;
}

/* Tabela košarice kot kartica */
.woocommerce-cart table.shop_table {
    border: none;
    border-radius: 14px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 6px 18px rgba(0,0,0,0.06);
}

/* Header tabele */
.woocommerce-cart table.shop_table thead th {
    background: #fafafa;
    font-weight: 600;
    text-transform: uppercase;
    padding: 15px;
    font-size: 12px;
    letter-spacing: .06em;
    border-bottom: 1px solid #eee;
}

/* Celice */
.woocommerce-cart table.shop_table td {
    vertical-align: middle;
    border-top: 1px solid #f0f0f0;
    padding: 16px 12px;
}

/* Thumbnaili malo manjši */
.woocommerce-cart table.shop_table .product-thumbnail img {
    width: 70px;
    height: auto;
    border-radius: 8px;
}

/* ============== KOŠARICA – GUMBI ============== */

/* Glavni gumb: Nadaljuj na zaključek nakupa */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    display: block;
    width: 100%;
    background-color: #ffc800;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #ffb600;
    transform: translateY(-1px);
    box-shadow: 0 5px 13px rgba(0,0,0,0.25);
}


/* Sekundarni gumb: Posodobi košarico */
.woocommerce-cart button[name="update_cart"] {
    background-color: #fff4c4;

}

.woocommerce-cart button[name="update_cart"]:hover {
    background-color: #ffe78d;
}


/* Gumb: Uporabi kupon */
.woocommerce-cart .coupon button[name="apply_coupon"] {
    background-color: #ffc800;

}

.woocommerce-cart .coupon button[name="apply_coupon"]:hover {
    background-color: #ffb600;
}


/* Gumb na prazni košarici: Nazaj v trgovino */
.woocommerce-cart .return-to-shop a.button {
    background-color: #ffc800;
}

.woocommerce-cart .return-to-shop a.button:hover {
    background-color: #ffb600;
}


/* Za vsak slučaj: porihtaj vse Woo gumbe znotraj košarice,
   da nimajo modrih/oranžnih default Woo barv */
.woocommerce-cart .button,
.woocommerce-cart .button.alt {
    border-radius: 999px;
    text-decoration: none !important;
}









/* CHECKOUT */

/* ============================
   CHECKOUT – GLOBAL LAYOUT
   ============================ */

/* Ozadje strani checkout */
.woocommerce-checkout .site-main {
    padding:0;
}


/* ============================
   LEVI IN DESNI FORM – KARTICE
   (Račun + Drug naslov / shipping)
   ============================ */

.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2, .woocommerce form.checkout_coupon {
    background: #ffffff!important;
    padding: 25px 28px;
    border-radius: 14px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.06);
    margin-bottom: 40px;
}

/* Naslovi znotraj billing/shipping blokov */
.woocommerce-checkout .col2-set h3 {
    font-size: 24px!important;
    font-weight: 700!important;
    margin-bottom: 16px!important;
}

/* ============================
   VSA POLJA – INPUT, TEXTAREA, SELECT
   (billing + shipping + druge sekcije)
   ============================ */

/* Label */
.woocommerce-checkout form .form-row label {
    font-size: 13px!important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .03em;
    margin-bottom: 4px;
    color: #333;
}
.woocommerce form .form-row .input-text, .woocommerce form .form-row select {
    color: #666!important;
}

/* Vsi inputi, textarea in selecti – enak stil, višina */
.woocommerce-checkout form .input-text,
.woocommerce-checkout form input[type="text"],
.woocommerce-checkout form input[type="email"],
.woocommerce-checkout form input[type="tel"],
.woocommerce-checkout form input[type="password"],
.woocommerce-checkout form input[type="number"],
.woocommerce-checkout form select,
.woocommerce-checkout form textarea {
    font-size: 18px!important;
    color: #666;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #dcdcdc;
    padding: 12px 14px;
    background-color: #fafafa;
    min-height: 48px;              /* višina vseh polj */
    box-sizing: border-box;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.woocommerce form .form-row .input-text, .woocommerce form .form-row select {
 border-color: #dcdcdc;
}

/* Textarea lahko malo višja, a isti stil */
.woocommerce-checkout form textarea {
    min-height: 90px;
    resize: vertical;
}

/* Fokus efekt – ne preveč kričeč */
.woocommerce-checkout form .input-text:focus,
.woocommerce-checkout form select:focus,
.woocommerce-checkout form textarea:focus {
    border-color: #b5b5b5;
    background-color: #ffffff;
    box-shadow: 0 0 0 2px rgba(0,0,0,0.07);
    outline: none;
}

/* Placeholder barva */
.woocommerce-checkout ::placeholder {
    color: #888;
}

/* Invalid polja – subtilno rdeče */
.woocommerce-invalid .input-text,
.woocommerce-invalid select {
    border-color: #e35b5b !important;
    box-shadow: 0 0 0 2px rgba(227,91,91,0.2) !important;
}

/* ============================
   SELECT2 DROPDOWN – ISTI STIL KOT INPUT
   (država, kraj ipd.)
   ============================ */

.select2-container--default .select2-selection--single {
    height: 48px !important;                    /* višina kot input */
    border-radius: 8px !important;
    border: 1px solid #dcdcdc !important;
    background-color: #fafafa !important;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 46px !important;
    padding-left: 14px !important;
    font-size: 14px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 46px !important;
}

/* Fokus na select2 */
.select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #b5b5b5 !important;
    box-shadow: 0 0 0 2px rgba(0,0,0,0.07);
}

/* ============================
   DESNI POVZETEK NAROČILA (order review)
   ============================ */

.woocommerce-checkout #order_review {
    background: #ffffff;
    border-radius: 14px;
    padding: 35px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.06);
    margin-bottom: 20px;
}

.woocommerce-checkout #order_review_heading {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 14px;
}

/* Tabela v povzetku */
.woocommerce-checkout #order_review table.shop_table {
    border: none;
}

.woocommerce-checkout #order_review table.shop_table th,
.woocommerce-checkout #order_review table.shop_table td {
    border: none;
    padding: 6px 0;
}

.woocommerce-checkout #order_review table.shop_table tfoot tr.order-total th,
.woocommerce-checkout #order_review table.shop_table tfoot tr.order-total td {
    font-weight: 700;
    border-top: 1px solid #eee;
    padding-top: 10px;
    margin-top: 4px;
}

/* ============================
   GUMB "Oddaj naročilo"
   ============================ */

.woocommerce-checkout #place_order {
    margin-top: 15px;
    background-color: #ffc800;
    color: #000000;
    border-radius: 999px;
    padding: 20px 22px;
    float: left;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    box-shadow: 0 6px 16px rgba(0,0,0,0.18);
    transition: background-color 0.15s ease,
                transform 0.15s ease,
                box-shadow 0.15s ease;
}

.woocommerce-checkout #place_order:hover {
    background-color: #ffb600;
    transform: translateY(-1px);
    box-shadow: 0 10px 26px rgba(0,0,0,0.25);
}

/* Payment box naj bo malo bolj clean */
.woocommerce-checkout #payment {
    background: #fafafa;
    border-radius: 12px;
    border: 1px solid #eee;
    padding: 16px 14px;
}













.contact-hero .ratio iframe{ border:0; }

.contact-overlay{
position:absolute;
left:1rem; right:1rem; bottom:1rem;
background:#fff;
}
@media (min-width:768px){
.contact-overlay{ left:auto; right:2rem; bottom:2rem; max-width:520px; }
}

.contact-card-yellow{
background: var(--bs-yellow);
color:#000;
border:0;
box-shadow: 0 .25rem .75rem rgba(0,0,0,.06);
transition: transform .18s ease, box-shadow .18s ease;
}
.contact-card-yellow:hover{
transform: translateY(-2px);
box-shadow: 0 .75rem 1.25rem rgba(0,0,0,.10);
}
.contact-card-yellow .pill{
background: rgba(255,255,255,.65);
color:#000;
width:44px;height:44px;
border-radius:12px;
display:flex;align-items:center;justify-content:center;
flex-shrink:0;
}



















@keyframes frontBgZoom{
  from { transform: translate3d(0,0,0) scale(1); }
  to   { transform: translate3d(-2%, -2%, 0) scale(1.12); }
}

@media (prefers-reduced-motion: reduce){
  .front-banner .front-media{ animation:none; transform:none; }
}

@media (hover:hover) {
    .navbar-nav > li:hover > .sub-menu {
        opacity:1;
        visibility:visible;
    }
}

@media (max-width:991.98px) {
    .navbar .container, .navbar .container-fluid, .navbar .container-lg, .navbar .container-md, .navbar .container-sm, .navbar .container-xl, .navbar .container-xxl {
        padding-left:0;
        padding-right:0;
    }

    .navbar {
        background:var(--bs-yellow) !important;
    }
    
    .navbar-collapse {
        background:#fff;
        padding:0;
    }
    
    .navbar-nav {
        background:#fff;
        width:100%;
        padding:0;
        margin:0;
    }

    .navbar-nav > li > a {
        color:#2d394b !important;
        display:block;
        width:100%;
        border-bottom:1px solid rgba(0,0,0,.08);
    }

    .navbar-nav > li:last-child > a {
        border-bottom:none;
    }

    .navbar-nav > li > .sub-menu {
        position:static;
        margin-top:0 !important;
        border-top:0 !important;
        box-shadow:none;
        border-radius:0;
        opacity:1;
        visibility:visible;
        display:none;
        background:#fff;
    }

    .navbar-nav > li.open > .sub-menu {
        display:block;
    }

    .navbar-nav .sub-menu li a {
        color:#2d394b !important;
        padding-left:24px;
    }

    .navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .navbar-nav > li > a:active, .navbar-nav .sub-menu li a:hover, .navbar-nav .sub-menu li a:focus, .navbar-nav .sub-menu li a:active {
        background:rgba(0,0,0,.05);
        color:var(--bs-yellow) !important;
    }

    .feature-sep {
        width:100%;
    }
    .icon-circle {
        width:56px;
        height:56px;
        font-size:1.5rem;
    }
}


@media (max-width: 576px){
    .footer-bg { background-image:none; margin-top: 200px;}
    .footer-bg .container {
          padding-top:0px;
        }
    .featured-badge {
        width:64px;
        height:64px;
        font-size:1.5rem;
    }

    .featured-info {
        width:calc(100% - 36px);
        margin-top:-24px;
    }

    .icon-circle {
        width:52px;
        height:52px;
        font-size:1.4rem;
    }


    .delovni-cas {
        font-size: 14px;
    }

    .padding {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}