@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//bmw.sipaboards.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=7.6.0") format("woff2");
}

:root {
	--wd-text-font: "ITCAvantGardeStdBk", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(152,152,154);
	--wd-text-font-size: 14px;
	--wd-title-font: "ITCAvantGardeStdBold", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: rgb(0,0,0);
	--wd-entities-title-font: "ITCAvantGardeStdBold", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 700;
	--wd-entities-title-transform: capitalize;
	--wd-entities-title-color: rgb(0,0,0);
	--wd-entities-title-color-hover: rgb(0, 0, 0);
	--wd-alternative-font: "ITCAvantGardeStdBold", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "ITCAvantGardeStdBk", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: rgb(0,122,255);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "ITCAvantGardeStdBold", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 18px;
	--wd-brd-radius: 20px;
	--wd-primary-color: rgb(0,122,255);
	--wd-alternative-color: rgb(152,152,154);
	--wd-link-color: rgb(0,122,255);
	--wd-link-color-hover: #98989A;
	--btn-default-font-family: "ITCAvantGardeStdBk", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 700;
	--btn-default-transform: capitalize;
	--btn-default-bgcolor: rgb(0,122,255);
	--btn-default-bgcolor-hover: rgb(152,152,154);
	--btn-accented-font-family: "ITCAvantGardeStdBk", Arial, Helvetica, sans-serif;
	--btn-accented-font-weight: 700;
	--btn-accented-transform: capitalize;
	--btn-accented-bgcolor: rgb(0,122,255);
	--btn-accented-bgcolor-hover: rgb(152,152,154);
	--wd-form-brd-width: 1px;
	--notices-success-bg: rgb(0,122,255);
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(244,123,35);
	--notices-warning-color: #fff;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
.page-title-default {
	background-color: #0a0a0a;
	background-image: url(https://bmw.sipaboards.com/wp-content/uploads/2024/10/Exclude-scaled-1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: inherit;
	background-position: center center;
}
.footer-container {
	background-color: #ffffff;
	background-image: none;
}
html .wd-nav.wd-nav-main > li > a, html .wd-nav.wd-nav-secondary > li > a, .whb-general-header .wd-nav.wd-nav-secondary > li > a {
	font-family: "ITCAvantGardeStdBold", Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 18px;
	text-transform: capitalize;
	color: #FFFFFF;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(152,152,154);
	--wd-form-brd-color: rgb(152,152,154);
}
.product-labels .product-label.new {
	background-color: rgb(0,196,179);
}
.product-labels .product-label.featured {
	background-color: rgb(0,196,179);
}
.product-labels .product-label.out-of-stock {
	background-color: rgb(0,196,179);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-header-el-font-size: 18px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-header-el-font-size: 14px;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-cat-brd-radius: 5px;
}

@media (min-width: 1239px) {
.platform-Windows .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}

@media (min-width: 1222px) {
html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


@font-face {
	font-family: "ITCAvantGardeStdBk";
	src: url("//bmw.sipaboards.com/wp-content/uploads/2025/08/ITCAvantGardeStdBk-1.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "ITCAvantGardeStdBold";
	src: url("//bmw.sipaboards.com/wp-content/uploads/2025/08/ITCAvantGardeStdBold-1.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

/* header and layout custum css */

#menu-right-header-menu{ background: transparent; }

#menu-right-header-menu .woodmart-nav-link{
  display: inline-flex;
  align-items: center;
  height: 70px;                   /* ali 48px, po želji */
  padding: 10px 48px !important;                /* “dolžina” gumba */
  background: #007AFF;
  color: #fff !important;
  border-radius: 9999px;
  line-height: 1;
}

/* (opcijsko) fiksna širina gumba */
#menu-right-header-menu .woodmart-nav-link{
  min-width: 200px; 
  justify-content: center;
}

#menu-right-header-menu .nav-link-text{
  margin: 0 !important;
}


/* === Woodmart: Unified rounded OVERLAP header – same look sticky & non-sticky === */

/* V obeh stanjih naredimo vrstico prosojno (ozadje rišemo na .container) */
.whb-overcontent .whb-row.whb-general-header,
.whb-overcontent .whb-row.whb-general-header.whb-with-bg{
  background: transparent !important;
}

/* Bele barve linkov/ikon na sivem pillu (vedno) */
.whb-overcontent .whb-general-header .wd-header-secondary-nav .nav-link-text,
.whb-overcontent .whb-general-header .wd-tools-icon,
.whb-overcontent .whb-general-header .wd-cart-number,
.whb-overcontent .whb-general-header .wd-cart-number span,
.whb-overcontent .whb-general-header .woodmart-nav-link{
  color:#fff !important;
}

/* Dodatni override za sticky, če kakšno pravilo prepiše barve */
.whb-sticked .whb-general-header .wd-header-secondary-nav .nav-link-text,
.whb-sticked .whb-general-header .wd-tools-icon,
.whb-sticked .whb-general-header .wd-cart-number,
.whb-sticked .whb-general-header .wd-cart-number span,
.whb-sticked .whb-general-header .woodmart-nav-link{
  color:#fff !important;
}

/* KODA ZA PRIKAZ CENE V STICKY ADD TO CART */

 .wd-sticky-btn-cart > form > .wpo-options-container {
	display: none !important;
}

.wd-sticky-btn-container.container {
	margin-left: 15%;
	margin-right: 15%;
}


/* NASTAVITEV NA FULL WIDTH */

/* Full-width for all containers except those in the header */
.container:not(.header .container):not(.whb-header .container) {
    max-width: 100% !important;
    width: 100vw;
	 	padding: 0 !important;
}


/* CHECKOUT PAGE 1200 WIDTH */
/* Target the coupon container on the checkout page */
body.woocommerce-checkout .woocommerce-form-coupon-toggle {
    max-width: 1200px;
    margin: 0 auto; /* Center the container horizontally */
}

/* Naj se gumb raztegne in je poravnan na sredino */
.wd-preorder-btn{
    display: block;
    width: 70%;
    max-width: 320px;
    margin: 12px auto;
    text-align: center;
    padding: 12px 25px;
}
/* SKRIJ KATEGORIJO SELECT+ */
.shop-category-filters-list li.select-cat a {
  display: none !important;
}

/* PRIKAZ COUNTRY code v headerju pri izbiri jezika v globusu */
/* Globe + koda v eni vrstici (belo) */
.whb-header .gtranslate_wrapper{
  display:inline-flex; align-items:center; gap:8px;
}
.whb-header .gtranslate_wrapper .gt-code{
  font-weight:600; font-size:12px; letter-spacing:.02em;
  color:#fff; line-height:1;
}

 /* privzeto skrij minus */
.expand-card .card-toggle--minus { display: none; }         
.expand-card.is-open .card-toggle--plus { display: none; }
.expand-card.is-open .card-toggle--minus { display: inline-flex; }



/* 1) Ugasni sticky transform/animacijo – glavni krivec za meglen tekst */
.whb-header.whb-sticky-real .whb-row.whb-general-header {
  transform: none !important;
  transition: none !important;
  will-change: auto !important;
}


/* 3) (kozmetika) malce bolj “čisto” renderiranje pisav */
.whb-header {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Barn2 Product Options – povečava slik baterij */
img.wpo-choice-image {
  width: 180px !important;
  height: auto !important;
}

/* Barva za izbrano radio opcijo v tej skupini */
.wpo-battery {
  --wpo-input-border-color-alt: #007AFF;   /* glavni “accent” za checked */
  --wpo-accent-color: #007AFF;             /* (opcijsko) če plugin kje uporablja to */
}


/* CHECKOUT: toggle pod sticky header (odzivno) */
body.woocommerce-checkout .woocommerce-form-coupon-toggle{
  margin-top: clamp(180px, 18vh, 320px) !important;
  position: relative;
  z-index: 1;
	padding-top:50px;
}

/* CHECKOUT: kupon forma – širina + LEVI ODMIK odzivno */
body.woocommerce-checkout form.checkout_coupon{
  /* širina se prilagodi zaslonu, a ne preseže 640px */
  width: min(100%, 44vw);
  max-width: 640px;

  margin-top: 12px;
  margin-right: 0;
  margin-bottom: 24px;

  /* poravna levo z BOXED containerjem 1200px (na ožjih zaslonih = 0) */
  margin-left: max(0px, calc((100vw - 1200px)/2));
}

/* razmerje input : gumb ostane procentualno */
body.woocommerce-checkout form.checkout_coupon .form-row-first{ 
  width: 72%;
  padding-right: 12px;
}
body.woocommerce-checkout form.checkout_coupon .form-row-last{ 
  width: 28%;
}

/* Tablet – malo bolj zračno */
@media (max-width: 1024px){
  body.woocommerce-checkout form.checkout_coupon{
    width: min(100%, 560px);
    margin-left: 5vw; /* ne zalepi čisto ob rob */
  }
}

/* Mobile – polna širina, brez levega odmika, manjša razdalja pod headerjem */
@media (max-width: 767px){
  body.woocommerce-checkout .woocommerce-form-coupon-toggle{
    margin-top: clamp(120px, 15vh, 190px) !important;
  }
  body.woocommerce-checkout form.checkout_coupon{
    width: 100%;
    margin-left: 0;
  }
}

/* === Forminator 13911: gumb na sredino, #007AFF, radius 48 === */
form#forminator-module-13911 .forminator-row-last .forminator-col,
form#forminator-module-13911 .forminator-row-last .forminator-field{
  text-align: center !important; /* centriraj wrapper */
}

form#forminator-module-13911 .forminator-button-submit{
  display: inline-flex !important;           /* omogoči centriranje po obeh oseh */
  align-items: center !important;            /* vertikalno na sredino */
  justify-content: center !important;        /* horizontalno na sredino */
  padding: 10px 48px !important;             /* Z/S 10px, L/D 48px */
  background: #007AFF !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 48px !important;
  font-weight: 600 !important;
  text-transform: none !important;           /* “Sign up” ostane */
  box-shadow: none !important;
  height: auto !important;                   /* brez fiksne višine */
  line-height: normal !important;            /* brez trikov z line-height */
  width: auto !important;                    /* prepreči 100% širino tem */
  white-space: nowrap !important;            /* da se tekst ne lomi */
}

/* če tema prepisuje radius/obliko na vseh gumbih Forminatorja */
form#forminator-module-13911 .forminator-button,
form#forminator-module-13911 button{
  border-radius: 48px !important;
}


/* === GLASS PILL HEADER (desktop non-sticky = semi; sticky = solid; mobile = solid) === */
/* Nastavitve (po želji prilagodi alfa in padding) */
:root{
  --bmw-pill-r: 48px;
  --bmw-pill-pad-desktop: 8px 18px;
  --bmw-pill-pad-mobile: 12px 16px;
  --bmw-pill-bg-semi: rgba(136,139,141,.72);/* rahlo prosojen #888B8D */
  --bmw-pill-bg-solid: #888B8D;             /* poln #888B8D */
}

/* vrstica vedno prosojna – barvo rišemo na .container */
.whb-header .whb-row.whb-general-header,
.whb-header .whb-row.whb-general-header.whb-with-bg{
  background: transparent !important;
}

/* === DESKTOP HEADER (oba stanja naj bosta ENAKA: semi + blur) === */
@media (min-width:1025px){

  /* 1) NON-STICKY na vrhu – vrni semi-transparent pill */
  .whb-header:not(.whb-is-sticky):not(.whb-sticked) .whb-row.whb-general-header > .container,
  .whb-overcontent .whb-row.whb-general-header > .container{
    background: var(--bmw-pill-bg-semi) !important;
    border-radius: var(--bmw-pill-r) !important;
    padding: var(--bmw-pill-pad-desktop) !important;
    margin: 0px auto !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: saturate(120%) blur(2px) !important;
    backdrop-filter: saturate(120%) blur(2px) !important;
  }

  /* 2) STICKY – naj bo enak kot non-sticky (semi + blur) */
  .whb-header.whb-is-sticky .whb-row.whb-general-header > .container,
  .whb-sticked .whb-row.whb-general-header > .container{
    background: var(--bmw-pill-bg-semi) !important;
    border-radius: var(--bmw-pill-r) !important;
    padding: var(--bmw-pill-pad-desktop) !important;
    margin: 0px auto !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: saturate(120%) blur(2px) !important;
    backdrop-filter: saturate(120%) blur(2px) !important;
  }

  /* (varnostno) bele ikone/teksti tudi, če stran ne uporablja .whb-overcontent */
  .whb-header:not(.whb-is-sticky):not(.whb-sticked) .wd-header-secondary-nav .nav-link-text,
  .whb-header:not(.whb-is-sticky):not(.whb-sticked) .wd-tools-icon,
  .whb-header:not(.whb-is-sticky):not(.whb-sticked) .wd-cart-number,
  .whb-header:not(.whb-is-sticky):not(.whb-sticked) .wd-cart-number span,
  .whb-header:not(.whb-is-sticky):not(.whb-sticked) .woodmart-nav-link{
    color:#fff !important;
  }
}


/************************************************************************/

/* Support page - prikaz ikon za download app */
.app-badges,
.app-badges-mobile {
  display: none;
}

/* Rokica na gumbih */
.app-toggle,
.app-toggle-mobile,
.app-toggle .elementor-button,
.app-toggle .elementor-button-link,
.app-toggle-mobile .elementor-button,
.app-toggle-mobile .elementor-button-link {
  cursor: pointer;
}


/************************************************************************/
/* Prilagojen layout za personalizirane pokrove */

.ts-cover-personalization-box {
  margin-bottom: 20px;
}

.ts-cover-personalization-box input#ts_gift_message {
  width: 100%;
  max-width: 320px;
  padding: 8px 10px;
  font-size: 14px;
}

.ts-cover-preview {
  position: relative;
  display: inline-block;
  margin-top: 10px;
  max-width: 300px;
  width: 100%;
  overflow: hidden; 
}

.ts-cover-preview img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* bolj realističen “print” + wrap:
   - prelom na 2. vrstico približno po 5 znakih (zato ožja širina)
   - pozicija višje (bližje “Your name here”) */
.ts-cover-preview .ts-cover-preview-text {
  position: absolute !important;
  left: 50% !important;
  top: 65% !important;
  transform: translate(-50%, -50%) !important;

  /* OŽJE območje, da gre cca po 5 znakih v novo vrstico */
  width: 18% !important;               /* če želiš še hitrejši prelom: 16% */
  max-width: 64px;                     /* fine-tune: manj = hitreje v novo vrstico */
  box-sizing: border-box;
  padding: 0 2px;

  text-align: center;
  line-height: 1.05;
  letter-spacing: 0.15px;

  /* “print” look: manj intenzivno */
  font-size: 9px;
  font-weight: 400;
	font-family: "ITCAvantGardeStdBk", sans-serif;
  color: rgba(255, 255, 255, 0.6509803921568628);
  text-shadow: 0 1px 2px rgba(0,0,0,0.35);

/* wrap po BESEDAH (ne po črkah) */
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: break-word !important; /* prelomi znotraj besede samo če je res predolga */
	hyphens: auto;
  display: block !important;

  /* max 2 vrstice */
  max-height: none;
  overflow: visible;
  pointer-events: none;
}

/* po želji še malo manj na zelo majhnih zaslonih */
@media (max-width: 480px) {
 .ts-cover-preview .ts-cover-preview-text{
  max-height: none;
  overflow: visible;
	font-size: 6px;
}
}
@media (max-width: 360px) {
  .ts-cover-preview .ts-cover-preview-text{
    font-size: 5px;
  }
}

.ts-cover-personalization-box .ts_gift_message_input{
  width: 100%;
  max-width: 420px;
}
/************************************************************************/
/* POVECAVA IKON za izbiro barve produkta */

/* Desktop */
.single-product .wd-swatches-single[data-id="pa_select_color"] .wd-swatch,
.single-product .wd-swatches-single[data-id="pa_select_color"] .wd-swatch .wd-swatch-bg{
  width: 72px !important;
  height: 72px !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.single-product .wd-swatches-single[data-id="pa_select_color"] .wd-swatch img{
  width: 40px !important;
  height: 40px !important;
  object-fit: cover !important;
}

.single-product .wd-swatches-single[data-id="pa_select_color"] .wd-swatch-bg,
.single-product .wd-swatches-single[data-id="pa_select_color"] .wd-swatch-bg:before,
.single-product .wd-swatches-single[data-id="pa_select_color"] .wd-swatch-bg:after{
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* vecji razmik med ikonami */
.single-product .wd-swatches-single[data-id="pa_select_color"]{
  gap: 0px !important; /* nastavi po želji: 12–24px */
}


/* Mobile */
@media (max-width: 767px){
  .single-product .wd-swatches-single[data-id="pa_select_color"] .wd-swatch,
  .single-product .wd-swatches-single[data-id="pa_select_color"] .wd-swatch .wd-swatch-bg{
    width: 56px !important;
    height: 56px !important;
  }

  .single-product .wd-swatches-single[data-id="pa_select_color"] .wd-swatch img{
    width: 32px !important;
    height: 32px !important;
  }
}
/***********************************************************************/
/* BMW SUMMER BANNER - FULL WIDTH */
/***********************************************************************/

.headerBmwPromoContainer {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

/***********************************************************************
 * MOBILE/TABLET HEADER 
 * Ta blok popravi mobile/tablet logiko headerja tako, da promo banner ostane
 * normalen del Woodmart Top bar-a, main header pa se ne iztrga čez hero sliko.
 ***********************************************************************/
@media (max-width: 1024px){

  .bannerContainerMobile{
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    z-index: auto !important;
  }

  body{
    padding-top: 0 !important;
  }

  .whb-overcontent,
  .whb-header.whb-overcontent,
  .whb-overcontent .whb-header,
  .whb-main-header,
  .whb-overcontent .whb-main-header{
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }

  .whb-header .whb-row.whb-top-bar,
  .whb-header .whb-row.whb-general-header{
    position: relative !important;
    top: auto !important;
    transform: none !important;
  }

.whb-header .whb-row.whb-general-header{
  padding-left: max(10px, env(safe-area-inset-left, 0px)) !important;
  padding-right: max(10px, env(safe-area-inset-right, 0px)) !important;
  padding-top: max(20px, env(safe-area-inset-top, 0px)) !important;
  padding-bottom: 20px !important;
  margin: 0 !important;
}

  .whb-header .whb-row.whb-general-header > .container{
    background: var(--bmw-pill-bg-solid) !important;
    border-radius: var(--bmw-pill-r) !important;
    padding: var(--bmw-pill-pad-mobile) !important;
    margin: 0 auto !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  .main-page-wrapper,
  .site-content,
  #main{
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}

/***********************************************************************
 * MOBILE TOP BAR LOAD STABILIZER
 * Ta blok stabilizira modri promo banner v Woodmart Top bar-u na mobile.
 ***********************************************************************/
@media (max-width: 1024px){

  .whb-header .whb-row.whb-top-bar{
    height: 205px !important;
    min-height: 205px !important;
    overflow: hidden !important;
    background: #007AFF !important;
  }

  .whb-header .whb-row.whb-top-bar > .container,
  .whb-header .whb-row.whb-top-bar .whb-flex-row,
  .whb-header .whb-row.whb-top-bar .whb-column,
  .whb-header .whb-row.whb-top-bar .wd-header-html{
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  .whb-header .whb-row.whb-top-bar .headerBmwPromoContainer{
    height: 100% !important;
    max-height: 100% !important;
    overflow: hidden !important;
    background: #007AFF !important;
    padding-top: 16px !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 767px){
  .whb-header .whb-row.whb-top-bar .elementor-hidden-mobile{
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px){
  .whb-header .whb-row.whb-top-bar .elementor-hidden-tablet{
    display: none !important;
  }
}

@media (min-width: 1025px){
  .website-wrapper:has(.whb-boxed){
    --wd-header-boxed-sp: 0px !important;
  }
}