.elementor-10993 .elementor-element.elementor-element-d01ccd4{--display:flex;--position:absolute;--min-height:60vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}.elementor-10993 .elementor-element.elementor-element-d01ccd4:not(.elementor-motion-effects-element-type-background), .elementor-10993 .elementor-element.elementor-element-d01ccd4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}body:not(.rtl) .elementor-10993 .elementor-element.elementor-element-d01ccd4{left:0px;}body.rtl .elementor-10993 .elementor-element.elementor-element-d01ccd4{right:0px;}.elementor-10993 .elementor-element.elementor-element-2a5807f .elementor-repeater-item-2927320 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://jbp.si/wp-content/uploads/2026/03/matej-gerzelj-jbp-ploscarna-banner-manca-juvan.jpg);background-size:cover;}.elementor-10993 .elementor-element.elementor-element-2a5807f .elementor-repeater-item-2927320 .swiper-slide-contents{margin:0 auto;}.elementor-10993 .elementor-element.elementor-element-2a5807f .elementor-repeater-item-1b523aa .swiper-slide-bg{background-color:var( --e-global-color-primary );background-image:url(https://jbp.si/wp-content/uploads/2019/06/jbp-plata-1920.jpg);background-size:cover;}.elementor-10993 .elementor-element.elementor-element-2a5807f .elementor-repeater-item-1b523aa .elementor-background-overlay{background-color:#00000094;mix-blend-mode:darken;}.elementor-10993 .elementor-element.elementor-element-2a5807f .swiper-slide{transition-duration:calc(3500ms*1.2);height:60vh;}.elementor-10993 .elementor-element.elementor-element-2a5807f .elementor-slide-button{background-color:var( --e-global-color-1f808b8 );font-family:"Inter", Sans-serif;font-size:24px;font-weight:500;border-width:0px;border-radius:0px;color:var( --e-global-color-secondary );}.elementor-10993 .elementor-element.elementor-element-2a5807f .swiper-slide-contents{max-width:100%;text-shadow:0px 0px 92px rgba(0, 0, 0, 0.71);}.elementor-10993 .elementor-element.elementor-element-2a5807f .swiper-slide-inner{text-align:center;}.elementor-10993 .elementor-element.elementor-element-2a5807f .elementor-slide-heading{font-family:"Inter", Sans-serif;font-size:80px;font-weight:400;line-height:6rem;}.elementor-10993 .elementor-element.elementor-element-2a5807f .elementor-slide-description{font-family:"Inter", Sans-serif;font-size:30px;font-weight:400;}.elementor-10993 .elementor-element.elementor-element-e326057{--display:flex;--padding-top:40px;--padding-bottom:016px;--padding-left:0px;--padding-right:0px;}.elementor-10993 .elementor-element.elementor-element-c2f342d .e-search-input{font-size:26px;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:0px 0px 0px 0px;}.elementor-10993 .elementor-element.elementor-element-c2f342d{--e-search-placeholder-color:#7E7E7E;--e-search-input-color:#9E9E9E;--e-search-input-padding-block-start:30px;--e-search-input-padding-inline-start:40px;--e-search-input-padding-block-end:30px;--e-search-input-padding-inline-end:40px;--e-search-icon-label-size:30px;--e-search-input-gap:12px;--e-search-submit-margin-inline-start:0px;}.elementor-10993 .elementor-element.elementor-element-c2f342d.e-focus{--e-search-input-color:var( --e-global-color-primary );}.elementor-10993 .elementor-element.elementor-element-9881234{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10993 .elementor-element.elementor-element-ebec04f{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-justify-content:flex-start;--e-filter-item-width:initial;--e-filter-item-flex-grow:0;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;padding:0px 0px 0px 0px;--e-filter-space-between:4px;--e-filter-normal-text-color:var( --e-global-color-primary );--e-filter-hover-text-color:var( --e-global-color-1f808b8 );--e-filter-active-text-color:var( --e-global-color-1f808b8 );}.elementor-10993 .elementor-element.elementor-element-ebec04f .e-filter-item{font-size:16px;font-weight:400;line-height:16px;}.elementor-10993 .elementor-element.elementor-element-706c0ae{--display:flex;--padding-top:16px;--padding-bottom:24px;--padding-left:0px;--padding-right:0px;}.elementor-10993 .elementor-element.elementor-element-91dd137{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-10993 .elementor-element.elementor-element-91dd137 .elementor-divider-separator{width:100%;}.elementor-10993 .elementor-element.elementor-element-91dd137 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-10993 .elementor-element.elementor-element-10ddc91{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10993 .elementor-element.elementor-element-145ffe5{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-justify-content:flex-start;--e-filter-item-width:initial;--e-filter-item-flex-grow:0;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;padding:0px 0px 0px 0px;--e-filter-space-between:4px;--e-filter-normal-text-color:var( --e-global-color-primary );--e-filter-hover-text-color:var( --e-global-color-1f808b8 );--e-filter-active-text-color:var( --e-global-color-1f808b8 );}.elementor-10993 .elementor-element.elementor-element-145ffe5 .e-filter-item{font-size:16px;font-weight:400;line-height:16px;}.elementor-10993 .elementor-element.elementor-element-c7e2b61{--display:flex;--padding-top:16px;--padding-bottom:24px;--padding-left:0px;--padding-right:0px;}.elementor-10993 .elementor-element.elementor-element-63514d0{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-10993 .elementor-element.elementor-element-63514d0 .elementor-divider-separator{width:100%;}.elementor-10993 .elementor-element.elementor-element-63514d0 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-10993 .elementor-element.elementor-element-39a08d2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10993 .elementor-element.elementor-element-266f386{--grid-columns:4;--grid-row-gap:30px;--grid-column-gap:30px;}.elementor-10993 .elementor-element.elementor-element-266f386 > .elementor-widget-container{padding:0px 0px 24px 0px;}.elementor-10993 .elementor-element.elementor-element-266f386 .elementor-pagination{text-align:center;font-size:18px;font-weight:500;margin-top:24px;}.elementor-10993 .elementor-element.elementor-element-266f386 .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-primary );}.elementor-10993 .elementor-element.elementor-element-266f386 .elementor-pagination a.page-numbers:hover{color:var( --e-global-color-1f808b8 );}.elementor-10993 .elementor-element.elementor-element-266f386 .elementor-pagination .page-numbers.current{color:var( --e-global-color-1f808b8 );}body:not(.rtl) .elementor-10993 .elementor-element.elementor-element-266f386 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 16px/2 );}body:not(.rtl) .elementor-10993 .elementor-element.elementor-element-266f386 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 16px/2 );}body.rtl .elementor-10993 .elementor-element.elementor-element-266f386 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 16px/2 );}body.rtl .elementor-10993 .elementor-element.elementor-element-266f386 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 16px/2 );}@media(max-width:1024px){.elementor-10993 .elementor-element.elementor-element-2a5807f .elementor-slide-heading{font-size:60px;line-height:4rem;}.elementor-10993 .elementor-element.elementor-element-2a5807f .elementor-slide-description{font-size:30px;}.elementor-10993 .elementor-element.elementor-element-e326057{--padding-top:24px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-10993 .elementor-element.elementor-element-c2f342d{padding:0px 0px 0px 0px;--e-search-input-padding-block-start:16px;--e-search-input-padding-inline-start:16px;--e-search-input-padding-block-end:16px;--e-search-input-padding-inline-end:16px;}.elementor-10993 .elementor-element.elementor-element-9881234{--border-radius:0px 0px 0px 0px;--padding-top:16px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-10993 .elementor-element.elementor-element-ebec04f{padding:0px 12px 0px 12px;--e-filter-space-between:12px;}.elementor-10993 .elementor-element.elementor-element-706c0ae{--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-10993 .elementor-element.elementor-element-91dd137{padding:0px 24px 0px 24px;}.elementor-10993 .elementor-element.elementor-element-10ddc91{--border-radius:0px 0px 0px 0px;--padding-top:16px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-10993 .elementor-element.elementor-element-145ffe5{padding:0px 12px 0px 12px;--e-filter-space-between:12px;}.elementor-10993 .elementor-element.elementor-element-c7e2b61{--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-10993 .elementor-element.elementor-element-63514d0{padding:0px 24px 0px 24px;}.elementor-10993 .elementor-element.elementor-element-39a08d2{--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-10993 .elementor-element.elementor-element-266f386{--grid-columns:2;}}@media(max-width:767px){.elementor-10993 .elementor-element.elementor-element-2a5807f .elementor-slide-heading{font-size:40px;line-height:3rem;}.elementor-10993 .elementor-element.elementor-element-2a5807f .elementor-slide-description{font-size:20px;}.elementor-10993 .elementor-element.elementor-element-e326057{--padding-top:16px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-10993 .elementor-element.elementor-element-c2f342d .e-search-input{font-size:16px;border-radius:0px 0px 0px 0px;}.elementor-10993 .elementor-element.elementor-element-c2f342d{--e-search-input-padding-block-start:16px;--e-search-input-padding-inline-start:16px;--e-search-input-padding-block-end:16px;--e-search-input-padding-inline-end:16px;--e-search-submit-margin-inline-start:16px;}.elementor-10993 .elementor-element.elementor-element-9881234{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10993 .elementor-element.elementor-element-ebec04f{--e-filter-wrap:nowrap;--e-filter-overflow-x:scroll;}.elementor-10993 .elementor-element.elementor-element-91dd137{padding:0px 16px 0px 16px;}.elementor-10993 .elementor-element.elementor-element-10ddc91{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10993 .elementor-element.elementor-element-145ffe5{--e-filter-wrap:nowrap;--e-filter-overflow-x:scroll;}.elementor-10993 .elementor-element.elementor-element-63514d0{padding:0px 16px 0px 16px;}.elementor-10993 .elementor-element.elementor-element-39a08d2{--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-10993 .elementor-element.elementor-element-266f386{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-d01ccd4 *//* Hero sekcija z overlayem za boljšo čitljivost */
#hero-section {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-size: cover !important;
    background-position: center !important;
}

/* Avtomatski temni sloj čez sliko */
#hero-section::before {
    content: "";
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* 50% črnine */
    z-index: 1;
}

/* Prisili vsebino (naslov, gumbi), da je nad črnino */
#hero-section .elementor-widget-wrap {
    position: relative;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for search, class: .elementor-element-c2f342d *//* Prisili iskalnik, da ohrani strukturo v vrstici */
.elementor-10993 .elementor-element.elementor-element-c2f342d .elementor-search-form {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    width: 100% !important;
}

/* Fiksna višina in širina vnosnega polja */
.elementor-10993 .elementor-element.elementor-element-c2f342d .elementor-search-form__input {
    flex-grow: 1 !important;
    height: 60px !important; /* Prilagodi višini, ki jo želiš */
}

/* Fiksna oblika gumba IŠČI */
.elementor-10993 .elementor-element.elementor-element-c2f342d .elementor-search-form__submit {
    min-width: 120px !important; /* Prilagodi širini gumba */
    height: 60px !important;
    flex-shrink: 0 !important;
}

/* Prepreči zamik filtrov (Vsi artikli, 20 let JBP...) pod iskalnikom */
.elementor-10993 .elementor-element.elementor-element-c2f342d {
    margin-bottom: 20px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e326057 *//* Prepreči, da bi fiksni meni prekril iskalnik po skoku */
#iskalnik-domov {
    scroll-margin-top: 120px; /* Številko prilagodi višini svojega menija */
}

/* Za gladek prehod (če še nimaš) */
html {
    scroll-behavior: smooth;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-266f386 *//* Odstranitev privzetih odmikov in senc, da ostane le gola mreža */
.elementor-10993 .elementor-element.elementor-element-266f386 .elementor-loop-container > div {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-bottom: 20px;
}

/* Poenotenje naslovov - brez dodatnih odmikov */
.elementor-10993 .elementor-element.elementor-element-266f386 .elementor-heading-title, 
.elementor-10993 .elementor-element.elementor-element-266f386 h2.woocommerce-loop-product__title {
    font-size: 1.2rem !important;
    line-height: 1.2;
    margin-top: 10px !important;
    margin-bottom: 5px !important;
}

/* Stil gumba */
.elementor-10993 .elementor-element.elementor-element-266f386 .button, 
.elementor-10993 .elementor-element.elementor-element-266f386 .elementor-button {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-radius: 0px !important;
    padding: 10px 15px !important;
    width: 100%;
    display: block;
    text-align: center;
    transition: background-color 0.3s ease !important;
}

/* HOVER efekt na gumbu - JBP rdeča */
.elementor-10993 .elementor-element.elementor-element-266f386 .button:hover, 
.elementor-10993 .elementor-element.elementor-element-266f386 .elementor-button:hover {
    background-color: #D80100 !important;
    color: #ffffff !important;
}

/* --- BARVE CEN --- */

/* Stara cena: prečrtana in temno siva */
.elementor-10993 .elementor-element.elementor-element-266f386 .price del,
.elementor-10993 .elementor-element.elementor-element-266f386 .price del .amount {
    color: #777777 !important;
    text-decoration: line-through !important;
    font-weight: 400 !important;
    margin-right: 8px !important;
}

/* Nova cena: JBP rdeča */
.elementor-10993 .elementor-element.elementor-element-266f386 .price ins,
.elementor-10993 .elementor-element.elementor-element-266f386 .price ins .amount {
    color: #D80100 !important;
    text-decoration: none !important;
    font-weight: 700 !important;
}/* End custom CSS */