.elementor-kit-209176{--e-global-color-primary:#EEEAE3;--e-global-color-secondary:#FCFDFD;--e-global-color-text:#1E2D3A;--e-global-color-accent:#5E0B14;--e-global-color-4279412:#F76CE3;--e-global-color-de8568f:#EEB7BC;--e-global-color-868dbe5:#E25E44;--e-global-color-427a735:#384353;--e-global-color-20c1755:#CACACA;--e-global-color-c8a1747:#384353;--e-global-color-737b93f:#485463;--e-global-color-7793afd:#8097B5;--e-global-typography-primary-font-family:"Coconat-Regular";--e-global-typography-primary-font-size:16px;--e-global-typography-primary-font-weight:500;--e-global-typography-primary-line-height:24px;--e-global-typography-secondary-font-family:"MinionPro-Regular";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"ElevenEleven";--e-global-typography-text-font-size:14px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"ElevenEleven";--e-global-typography-accent-font-size:14px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:20px;background-color:var( --e-global-color-primary );font-family:"ElevenEleven", Sans-serif;font-size:15px;font-weight:400;}:root{--arts-fluid-preset--1c29d22:clamp(min(20px, 36px), calc((20px) + (((36 - 20) * ((100vw - var(--arts-fluid-min-screen)) / var(--arts-fluid-screen-diff))))), max(20px, 36px));--arts-fluid-preset--6a192af:clamp(min(16px, 160px), calc((16px) + (((160 - 16) * ((100vw - var(--arts-fluid-min-screen)) / var(--arts-fluid-screen-diff))))), max(16px, 160px));--arts-fluid-screen-diff:calc(var(--arts-fluid-max-screen-value) - var(--arts-fluid-min-screen-value));--arts-fluid-preset--ee6b5b1:clamp(min(35px, 75px), calc((35px) + (((75 - 35) * ((100vw - var(--arts-fluid-min-screen)) / var(--arts-fluid-screen-diff))))), max(35px, 75px));--arts-fluid-preset--4faefb3:clamp(min(30px, 50px), calc((30px) + (((50 - 30) * ((100vw - var(--arts-fluid-min-screen)) / var(--arts-fluid-screen-diff))))), max(30px, 50px));--arts-fluid-preset--7561f7f:clamp(min(14px, 15px), calc((14px) + (((15 - 14) * ((100vw - var(--arts-fluid-min-screen)) / var(--arts-fluid-screen-diff))))), max(14px, 15px));--arts-fluid-preset--b76afdb:12px;--arts-fluid-preset--c18bc88:12px;--arts-fluid-preset--73bb8b4:12px;--arts-fluid-preset--643cd78:clamp(min(15px, 18px), calc((15px) + (((18 - 15) * ((100vw - var(--arts-fluid-min-screen)) / var(--arts-fluid-screen-diff))))), max(15px, 18px));--arts-fluid-preset--2470afa:clamp(min(15px, 19px), calc((15px) + (((19 - 15) * ((100vw - var(--arts-fluid-min-screen)) / var(--arts-fluid-screen-diff))))), max(15px, 19px));--arts-fluid-preset--6062c46:clamp(min(18px, 24px), calc((18px) + (((24 - 18) * ((100vw - var(--arts-fluid-min-screen)) / var(--arts-fluid-screen-diff))))), max(18px, 24px));--arts-fluid-preset--3f0193e:clamp(min(18px, 20px), calc((18px) + (((20 - 18) * ((100vw - 360px) / (1440 - 360))))), max(18px, 20px));--arts-fluid-preset--478ef97:clamp(min(20px, 30px), calc((20px) + (((30 - 20) * ((100vw - var(--arts-fluid-min-screen)) / var(--arts-fluid-screen-diff))))), max(20px, 30px));--arts-fluid-preset--2018a77:clamp(min(25px, 35px), calc((25px) + (((35 - 25) * ((100vw - var(--arts-fluid-min-screen)) / var(--arts-fluid-screen-diff))))), max(25px, 35px));--arts-fluid-preset--6445f06:clamp(min(25px, 40px), calc((25px) + (((40 - 25) * ((100vw - var(--arts-fluid-min-screen)) / var(--arts-fluid-screen-diff))))), max(25px, 40px));--arts-fluid-preset--38395d3:clamp(min(35px, 45px), calc((35px) + (((45 - 35) * ((100vw - var(--arts-fluid-min-screen)) / var(--arts-fluid-screen-diff))))), max(35px, 45px));--arts-fluid-min-screen:360px;--arts-fluid-min-screen-value:360;--arts-fluid-max-screen:1440px;--arts-fluid-max-screen-value:1440;}.elementor-kit-209176 a{color:var( --e-global-color-text );font-family:"MinionPro-Regular", Sans-serif;font-size:var(--arts-fluid-preset--643cd78);font-weight:400;line-height:1.3em;}.elementor-kit-209176 a:hover{font-family:"MinionPro-Regular", Sans-serif;font-size:var(--arts-fluid-preset--643cd78);line-height:1.3em;}.elementor-kit-209176 h1{font-family:"Coconat-Regular", Sans-serif;}.elementor-kit-209176 h2{font-family:"Coconat-Regular", Sans-serif;}.elementor-kit-209176 h3{font-family:"MinionPro-Regular", Sans-serif;}.elementor-kit-209176 h4{font-family:"MinionPro-Regular", Sans-serif;font-weight:normal;}.elementor-kit-209176 button,.elementor-kit-209176 input[type="button"],.elementor-kit-209176 input[type="submit"],.elementor-kit-209176 .elementor-button{font-family:"ElevenEleven", Sans-serif;font-size:12px;font-weight:500;text-transform:uppercase;line-height:16px;border-style:solid;}.elementor-kit-209176 img:hover{opacity:1;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */body {overflow-x:hidden !important;}


/* Starševski container naj bo flex-end; če je treba, lahko dodaš razred .right-pack na starša */
.right-pack {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: nowrap;
}

/* Fiksni notranji container */
.fixed-box {
  flex: 0 0 300px;   /* grow 0, shrink 0, basis 280px */
  width: 300px;
  max-width: 300px;
}

/* Fluidni notranji container */
.fluid-box {
  flex: 1 1 auto;    /* grow 1, shrink 1 */
  min-width: 0;      /* pomembno za preprečitev overflowa besedila */
}

@media (max-width: 767px) {
  .right-pack {
    flex-direction: column;
    align-items: stretch;
  }
  .fixed-box {
    width: 100%;
    max-width: none;
    flex: 0 0 auto;
  }
  .fluid-box {
    width: 100%;
    flex: 1 1 auto;
  }
}


/* shop in filtri */
/**** FILTRI – ROBUSTEN MOBILE SLIDE-IN (desktop nespremenjen) ****/

/* ====== VARS ====== */
.shop-archive{
  --filters-w: 350px;      
  --gap: 24px;
  --transition: .28s ease;
  --overlay-bg: rgba(0,0,0,.38);
}

/* ====== GLAVNI CONTAINER ====== */
.shop-archive.e-con{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-items:flex-start;
  justify-content:flex-start;
  gap:var(--gap);
  width:100% !important;
  box-sizing:border-box;

  /* Kritično: prepreči, da bi ancestor ustvaril nov “containing block” za fixed */
  transform:none !important;
  will-change:auto;
  isolation:isolate; /* nova stacking kontekst brez transform hackov */
}

/* ====== FILTER CONTAINER (leva) ====== */
.e-con.shop-filters{
  flex:0 0 var(--filters-w) !important;
  margin-right:var(--gap);
  box-sizing:border-box;
  position:relative;
  z-index:2;
}

/* sticky notranjost – SAMO DESKTOP */
.shop-filters > .e-con-inner{
  position:sticky;
  top:96px; /* prilagodi višini headerja */
}

/* Notranji elementi naj ne širijo panela */
.shop-filters .elementor-widget,
.shop-filters .elementor-widget-container{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  min-width:0;
}

/* ====== PRODUCT CONTAINER (desna) ====== */
.e-con.shop-products{
  flex:1 1 auto !important;
  width:auto !important;
  max-width:calc(100% - var(--filters-w) - var(--gap));
  transition:max-width var(--transition);
  box-sizing:border-box;
  min-width:0;
}

/* ====== ZAPRT FILTER (default) – desktop */
body:not(.filters-open) .e-con.shop-filters{
  flex-basis:0 !important;
  width:0 !important;
  max-width:0 !important;
  min-width:0 !important;
  transform:translateX(-100%);
  opacity:0;
  pointer-events:none;
  margin-right:0 !important;
  visibility:hidden;
}
body:not(.filters-open) .e-con.shop-products{ max-width:100% !important; }

/* ====== ODPRT FILTER – desktop */
body.filters-open .e-con.shop-filters{
  transform:translateX(0);
  opacity:1;
  pointer-events:auto;
  visibility:visible;
}
body.filters-open .e-con.shop-products{
  max-width:calc(100% - var(--filters-w) - var(--gap)) !important;
}

/* ====== GUMBI ====== */
.filters-toggle{
  display:inline-flex; 
  align-items:center; 
  gap:.5rem;
  padding:.55rem .9rem; 
  border:0px solid #EEEAE3; 
  background:#EEEAE3; 
  color:#000;
  border-radius:999px; 
  cursor:pointer; 
  font-size:14px;  
  font-weight: bold;
  transition:.2s;
}
.filters-toggle:hover{ background:#EEEAE3; color:#E25E44; }

/* Default close gumb (desktop); na mobile ga prepišemo v .filters-bar */
.filters-close{
  position:absolute; top:8px; right:8px;
  border:0; background:transparent; font-size:20px; line-height:1;
  cursor:pointer; opacity:.6; transition:.2s;
}
.filters-close:hover{ opacity:1; }

/* ====== MOBILNI PRIKAZ (slide-in panel) ====== */
@media (max-width:1024px){
  .e-con.shop-filters{
    position:fixed;
    inset:0 auto 0 0;                  /* top:0; right:auto; bottom:0; left:0 */
    z-index:10010;                      /* nad headerjem/Elementor elementi */

    --filters-w: min(480px, 90vw);
    width:var(--filters-w) !important;
    max-width:var(--filters-w) !important;
    min-width:var(--filters-w) !important;

    /* Viseči viewporti */
    height:100svh; height:100lvh; height:100vh;

    background:#EEEAE3;
    border-right:1px solid #eee;
    padding:0;
    margin-right:0 !important;

    /* Slide-in */
    transform:translate3d(-100%,0,0);
    transition:transform var(--transition);

    /* Scroll znotraj vsebine, ne body */
    overflow:hidden;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    will-change:transform;
    contain:paint;
    visibility:visible !important; /* ne skrivaj na mobile */
    opacity:1 !important;
    pointer-events:auto !important; /* panel je “prisoten”, a off-canvas */
  }

  /* Ko je panel odprt, premakni na ekran */
  body.filters-open .e-con.shop-filters{
    transform:translate3d(0,0,0);
  }

  /* Prepiši inline širine, ki jih včasih vbrizga Elementor/AJAX */
  .e-con.shop-filters[style]{
    flex-basis:var(--filters-w) !important;
    width:var(--filters-w) !important;
    max-width:var(--filters-w) !important;
    min-width:var(--filters-w) !important;
  }

  /* Vsebinski layout */
  .shop-filters > .e-con-inner{
    position:static;
    top:auto;
    display:flex;
    flex-direction:column;
    gap:0;
    height:100%;
    overflow:hidden;
  }

  /* Zgornja vrstica z gumbom Close */
  .filters-bar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    position:sticky;
    top:0;
    z-index:2;
    background:#EEEAE3;
    padding: max(12px, calc(12px + env(safe-area-inset-top))) 12px 12px;
    border-bottom:1px solid #eee;
  }
  .filters-title{
    font-size:18px;
    font-weight:600;
    letter-spacing:.02em;
  }
  .filters-close{
    position:static;
    display:inline-flex; align-items:center; justify-content:center;
    width:36px; height:36px;
    border-radius:999px;
    border:1px solid #ddd;
    background:#fff;
    font-size:18px;
  }
  .filters-close:hover{ background:#f7f7f7; }

  /* Drseča vsebina */
  .filters-content{
    flex:1 1 auto;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    padding:16px 16px max(80px, env(safe-area-inset-bottom));
    overscroll-behavior:contain;
  }

  /* Zakleni body (brez “skoka”) */
  body.filters-open{
    overflow:hidden;
    touch-action:none;
  }

  /* Produkta kolona naj bo full width */
  .e-con.shop-products{ max-width:100% !important; }

  /* Desktop default “skrij filter” pravila ne uporabljaj na mobile */
  body:not(.filters-open) .e-con.shop-filters{
    visibility:visible; opacity:1; pointer-events:auto; /* da ostane off-canvas klikabilen overlay, ne panel */
  }
}

/* Overlay – tema za ozadje, ko je panel odprt (mobile) */
.filters-overlay{
  position:fixed; inset:0; z-index:10000;
  background:var(--overlay-bg);
  opacity:0; pointer-events:none; transition:opacity var(--transition);
}
@media (max-width:1024px){
  body.filters-open .filters-overlay{
    opacity:1; pointer-events:auto;
  }
}

/* Mehka senca ob odprtju (mobile) */
@media (max-width:1024px){
  body.filters-open .e-con.shop-filters{ box-shadow:6px 0 24px rgba(0,0,0,.12); }
}

/* Brez horizontalnega scrolla */
@media (max-width:1024px){
  html, body{ max-width:100%; overflow-x:hidden; }
  .shop-archive.e-con{ overflow-x:hidden; }
  .e-con.shop-filters{ overflow-x:hidden; }
}

/* Ko je filter zaprt, odstrani odvečni padding na desni koloni (desktop) */
@media (min-width:1025px){
  body:not(.filters-open)
    .elementor-section .elementor-column-gap-default
    > .elementor-column > .elementor-element-populated{ padding-right:0; }
}

/* === FIX: filter panel trdno na 400px (≥ 769px) === */
@media (min-width:769px){
  .shop-archive{ --filters-w: 400px !important; }

  .e-con.shop-filters{
    flex: 0 0 400px !important;
    width: 400px !important;
    max-width: 400px !important;
    min-width: 400px !important;
    box-sizing: border-box;
    position:relative; /* vrni relative na ≥769px */
    transform:none !important;
    height:auto;
  }

  .e-con.shop-filters[style]{
    flex-basis: 400px !important;
    width: 400px !important;
    max-width: 400px !important;
    min-width: 400px !important;
  }

  .e-con.shop-products{
    max-width: calc(100% - 400px - var(--gap)) !important;
  }
}

/* Guardi proti “širjenju” ob odprtju accordionov */
.shop-filters,
.shop-filters .e-con-inner,
.shop-filters .elementor-widget,
.shop-filters .elementor-widget-container,
.shop-filters .elementor-accordion,
.shop-filters .elementor-accordion-item,
.shop-filters .elementor-tab-title,
.shop-filters .elementor-tab-content{
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

/* naj se dolgi naslovi/besede ne širijo čez 400px */
.shop-filters .elementor-accordion,
.shop-filters .elementor-tab-title,
.shop-filters .elementor-tab-content{
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* slike/inputi naj se ne raztegujejo preko panela */
.shop-filters img,
.shop-filters svg,
.shop-filters input,
.shop-filters select,
.shop-filters textarea{
  max-width: 100%;
}

/* če kakšen notranji element “plava”, ga omeji na blokovni tok */
.shop-filters .elementor-widget:where([style*="float"]) {
  float: none !important;
  display: block !important;
}

/* ====== PRIKAZ GUMBA ZAPRTO (✕) SAMO NA MOBILNIH ====== */

/* privzeto ga skrijemo (desktop) */
.filters-bar .filters-close {
  display: none;
}

/* pokažemo ga le na mobilnih napravah */
@media (max-width: 1024px) {
  .filters-bar .filters-close {
    display: inline-flex;
  }
}


/* Hover */
button.filters-toggle:hover {
  
  color: #E25E44 !important;
}

[type=button],[type=submit],button {
    background-color: transparent;
    border: 0px solid #EEEAE3;
   
    color: #384353 !important;
    
}

[type=button]:focus:not(:focus-visible),[type=submit]:focus:not(:focus-visible),button:focus:not(:focus-visible) {
    outline: none
}

[type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover {
    background-color: #EEEAE3 !important;
    color: #384353 !important;
    text-decoration: none
}








.jet-radio-list__checked-icon svg {
  display: none; /* skrij obstoječo kljukico */
}

.jet-radio-list__checked-icon {
  width: 10px;
  height: 10px;
  background-color: #384353; /* barva kroga */
  border-radius: 50%;
  display: inline-block;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Coconat-Regular';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://www.dev.mflynnjewelry.com/wp-content/uploads/2025/06/Coconat-Regular.woff2') format('woff2'),
		url('https://www.dev.mflynnjewelry.com/wp-content/uploads/2025/06/Coconat-Regular.woff') format('woff');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'MinionPro-Regular';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://www.dev.mflynnjewelry.com/wp-content/uploads/2025/06/MinionPro-Regular.woff2') format('woff2'),
		url('https://www.dev.mflynnjewelry.com/wp-content/uploads/2025/06/MinionPro-Regular.woff') format('woff'),
		url('https://www.dev.mflynnjewelry.com/wp-content/uploads/2025/06/MinionPro-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'ElevenEleven';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://www.dev.mflynnjewelry.com/wp-content/uploads/2025/06/ElevenEleven-Light.woff2') format('woff2'),
		url('https://www.dev.mflynnjewelry.com/wp-content/uploads/2025/06/ElevenEleven-Light.woff') format('woff'),
		url('https://www.dev.mflynnjewelry.com/wp-content/uploads/2025/06/ElevenEleven-Light.ttf') format('truetype');
}
/* End Custom Fonts CSS */