/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* =============================================
   Velikosti na arhivski strani (bb-sizes, Figma)
   ============================================= */

.bb-sizes-container {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 6px 0 2px;
}

.bb-size-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 6px;
    font-size: 12px;
    line-height: 1.5;
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #0D0803;
    background: #F7F5F2;
    cursor: pointer;
    transition: border-color 0.15s;
    box-sizing: border-box;
}

a.bb-size-btn:hover {
    border-color: #0D0803;
    color: #0D0803;
}

/* Ni na zalogi */
.bb-size-btn.bb-size-oos {
    opacity: 0.3;
    cursor: default;
}

/* =============================================
   Hover-reveal velikosti na arhivu (Trgovina)
   Overlay OSTANE sibling produktnega anchor-ja (.bb-product-sizes je
   child .bb-product-card, ne child .product-card-wrapper). Prej smo ga
   premikali v wrapper preko JS, a to je ustvarilo nested <a>
   (size-buttons znotraj produktnega <a>) → browser parser je z
   adoption agency algorithmom izpraznil zunanji anchor in slika je
   postala neklikabilna.

   Rešitev: .bb-product-sizes je SAM absolute-pozicioniran nad image
   area (top: 0; aspect-ratio 1/1), samo na hover napravah. Na touch
   napravah ostane v flow-u (pod brand-om) z default inline flex
   stylingom (glavna .bb-sizes-container sekcija, vrstica 16).

   Image-swap trigger je .bb-product-card:hover (glej hkrjjh cssCode v
   Bricks template-u), zato image swap deluje tudi, ko je mouse
   nad sizes-containerjem, čeprav ta ni child wrapperja.
   ============================================= */

@media (hover: hover) {
    /* Sizes element postane absolute overlay nad image area.
       .bb-product-card ima position: relative (nastavljeno v Bricks template
       pod jeedme.settings._position). image area ima aspect-ratio 1/1
       in zavzame polno širino kartice, zato se overlay ujame z njo. */
    .bb-product-card .bb-product-sizes {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        aspect-ratio: 1 / 1;
        pointer-events: none;    /* click-through na sliko pod njim */
        z-index: 2;
    }

    .bb-product-card .bb-product-sizes .bb-sizes-container {
        position: absolute;
        bottom: 0.5rem;
        left: 0.5rem;
        right: 0.5rem;

        /* Glass panel za čitljivost nad poljubno sliko */
        background: rgba(255, 255, 255, 0.92);
        backdrop-filter: blur(6px);
        -webkit-backdrop-filter: blur(6px);
        border-radius: 6px;
        padding: 6px;

        /* Skrit po defaultu */
        opacity: 0;
        transform: translateY(8px);
        pointer-events: none;
        transition:
            opacity   0.2s  ease,
            transform 0.25s ease;
    }

    /* Hover/focus na kartico: prikaži overlay in omogoči klik na size buttons. */
    .bb-product-card:hover .bb-product-sizes .bb-sizes-container,
    .bb-product-card:focus-within .bb-product-sizes .bb-sizes-container {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }
}

/* =============================================
   Konsistentni okvir okrog slike izdelka na arhivu
   1px border na .product-card-wrapper viden okrog obeh slik
   (featured + hover) → vizualno konsistentno ne glede na content
   fotografij in podlaga za sizes overlay.
   ============================================= */
.bb-product-card .product-card-wrapper {
    border: 1px solid var(--Black-100, rgba(13, 8, 3, 0.10));
}

.bb-product-card .znamka {
    padding-right: var(--space-xs);
    padding-left: var(--space-xs);
}

/* =============================================
   Variation swatches na single product (Figma)
   ============================================= */

/* Grid layout — 4 kolone, 8px gap */
.brxe-product-add-to-cart .bricks-variation-swatches {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 8px !important;
}

/* Normalen swatch */
.brxe-product-add-to-cart .bricks-variation-swatches li {
    background: #F7F5F2 !important;
    color: #0D0803 !important;
    border: 1px solid transparent !important;
    border-radius: 4px !important;
    padding: 8px 12px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: border-color 0.15s !important;
    box-sizing: border-box !important;
}

/* Hover */
.brxe-product-add-to-cart .bricks-variation-swatches li:hover:not(.disabled) {
    border-color: #0D0803 !important;
}

/* Izbran swatch */
.brxe-product-add-to-cart .bricks-variation-swatches li.bricks-swatch-selected {
    border-color: #0D0803 !important;
}

/* Ni na zalogi — Bricksova privzeta .disabled logika (rezerva; CWG plugin
   sicer vedno vrne variation_is_active=true, zato se uporablja .bb-size-oos
   spodaj, ki ga doda js/single-product-oos-swatches.js). */
.brxe-product-add-to-cart .bricks-variation-swatches li.disabled {
    opacity: 0.3 !important;
    cursor: default !important;
}

/* Ni na zalogi — vizualno kot na arhivu (trgovina): bolj bleda podlaga in
   svetlo siva velikost. Swatch ostane klikljiv, da se ob kliku pokaže CWG
   "obvesti me, ko je na zalogi" obrazec. */
.brxe-product-add-to-cart .bricks-variation-swatches li.bb-size-oos {
    opacity: 0.3 !important;
}

@media (max-width: 768px) {
    .bb-size-btn {
        padding: 6px 8px;
        font-size: 12px;
    }
}

/* =============================================
   Fibofilters – Velikost gumbi (kompaktni prikaz)
   ============================================= */

/* Skrij grupne oznake (2, 3, 4 …) ki se pojavijo pri 15+ vrednostih */
.fibofilters-block--buttons .fibofilters-items-grouped__group-name {
    display: none;
}

/* Skrij search bar znotraj gumbovskega filtra — nepotrebno za številke */
.fibofilters-block--buttons .fibofilters-block__search {
    display: none;
}

/* Grid mreža 6 stolpcev, 4px gap (Figma) */
.fibofilters-block--buttons .fibofilters-block__items-list {
    display: grid;
    grid-template-columns: repeat(6, 40px);
    gap: 4px;
}

/* Fiksni 40x40 gumbi brez box-shadow (Figma) */
.fibofilters-block--buttons li.fibofilters-item.fibofilters-item--button {
    box-shadow: none;
    border-radius: 4px;
    padding: 0;
    width: 40px;
    height: 40px;
}

.fibofilters-block--buttons .fibofilters-item--button .fibofilters-item__interactive {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 4px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 4px;
    background: transparent;
    border: 1px solid rgba(13, 8, 3, 0.1);
    transition: border-color 0.15s;
}

.fibofilters-block--buttons .fibofilters-item--button .fibofilters-item__interactive:hover {
    border-color: #0D0803;
}

/* Izbran gumb */
.fibofilters-block--buttons .fibofilters-item--button.fibofilters-selected .fibofilters-item__interactive {
    border-color: var(--primary);
    background: var(--primary);
    color: #fff;
}

/* "prikaži vse / manj" link — raztegni čez celoten grid */
.fibofilters-block--buttons li.fibofilters-item--more-less {
    grid-column: 1 / -1;
    width: auto;
    height: auto;
}

/* =============================================
   Single product – novi elementi (Figma)
   ============================================= */

/* Product badges na single product */
.bb-single-badges {
    margin-bottom: var(--space-xxs);
}
.bb-single-badges .bb-badges {
    position: static;
    flex-direction: row;
}

/* Brand name pod naslovom */
.bb-brand-name {
    font-size: 1.6rem;
    color: rgba(13, 8, 3, 0.5);
    line-height: 1.5;
}
.bb-brand-name a {
    color: inherit;
    text-decoration: none;
}
.bb-brand-name a:hover {
    text-decoration: underline;
}

/* Sizes label row – "Velikosti" levo, "Vodič velikosti" desno */
.bb-sizes-label-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: var(--space-xs);
}

/* Skrij privzeti WooCommerce "Velikost" label celico – naš bb-sizes-label-row ga nadomešča (če ni stran darilni bon) */
body:not(.postid-3452) .bb-cart-row .brxe-product-add-to-cart .variations th.label {
    display: none !important;
}

/* stili (atributa vrednost in dostava) Darilni bon */
body.postid-3452 .bb-cart-row .brxe-product-add-to-cart .variations th.label {
	padding-top: var(--brxw-space-s);
	padding-bottom: var(--brxw-space-s);
	border-top: 1px solid var(--brxw-color-neutral-950);
}

body.postid-3452 .bb-cart-row .brxe-product-add-to-cart .variations td.value {
	border-top: 1px solid var(--brxw-color-neutral-950);
}

body.postid-3452 .bb-cart-row .brxe-product-add-to-cart .variations tr:last-child th.label,
body.postid-3452 .bb-cart-row .brxe-product-add-to-cart .variations tr:last-child td.value {
	border-bottom: 1px solid var(--brxw-color-neutral-950);
}

@media only screen and (max-width: 478px) {
	body.postid-3452 .bb-cart-row .brxe-product-add-to-cart .variations tr th.label,
	body.postid-3452 .bb-cart-row .brxe-product-add-to-cart .variations tr td.value {
		padding-top: 8px;
		padding-bottom: 8px;
		vertical-align: middle;
	}
	
	body.postid-3452 .bb-cart-row .brxe-product-add-to-cart .variations tr td.value li {
		display: flex;
		align-items: center;     /* vertical center */
		justify-content: center; /* optional: horizontal */
		height: 100%;
	}
}

body.postid-3452 .bb-cart-row .brxe-product-add-to-cart .variations th.label label {
	font-family: "Chillax";
	font-weight: 500 !important;
	font-style: normal;
	line-height: 120%;
	color: #0D0803 !important;
	font-size: var(--brxw-text-m);
}

body.postid-3452 .bb-cart-row .brxe-product-add-to-cart select#pa_vrednost,
body.postid-3452 .bb-cart-row .brxe-product-add-to-cart select#dostava {
	border-radius: 4px;
	background: #f7f5f2;
	color:  #0D0803 !important;
	font-size: 14px;
	border: none !important;
	background: #f7f5f2 url(https://dev.barefoot-booby.com/wp-content/uploads/2026/03/Chevron-Down-Icon.svg) no-repeat;
	background-position: calc(100% - 10px) center;
}

body.postid-3452 .brxe-product-add-to-cart .bricks-variation-swatches:has([data-value="po-posti"]) {
	grid-template-columns: repeat(2, 1fr) !important;
}

body.postid-3452 .brxe-product-add-to-cart .bricks-variation-swatches:has([data-value="10"], [data-value="20"], [data-value="50"]) {
	grid-template-columns: repeat(3, 1fr) !important;
}

body.postid-3452 form.cart table.variations td, form.woocommerce-cart-form table.variations td {
	width: 70%;
}

/*body.postid-3452 .brxe-product-add-to-cart {
	min-width: 100%;
}*/

/* Odstrani levi padding na value celici – poravnava z naslovom in gumbom */
.bb-cart-row .brxe-product-add-to-cart .variations td.value {
    padding-left: 0 !important;
}

/* Skrij quantity input – Figma ga ne prikazuje */
.bb-cart-row .brxe-product-add-to-cart .quantity {
    display: none !important;
}

/* Skrij reset variations link */
.bb-cart-row .brxe-product-add-to-cart .reset_variations {
    display: none !important;
}

/* Vodič velikosti trigger link */
.bb-size-guide-trigger,
button.bb-size-guide-trigger {
    font-size: 1.4rem;
    font-weight: 400;
    text-decoration: underline;
    text-underline-offset: 2px;
    color: rgba(13, 8, 3, 0.7);
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    line-height: 1.5;
    transition: color 0.15s;
}
.bb-size-guide-trigger:hover {
    color: var(--black);
}

/* Cart row – flex vrstica: Add to Cart + Wishlist */
.bb-cart-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-end;
    gap: var(--space-xs);
    width: 100%;
}
.bb-cart-row .brxe-product-add-to-cart {
    flex: 1 1 0%;
    min-width: 0;
    width: auto;
}

/* Gumb čez celotno širino znotraj form */
.bb-cart-row .brxe-product-add-to-cart .single_add_to_cart_button {
    width: 100%;
}

/* Wishlist gumb – 56x56 krog, poravnan z dnom (ob gumb) */
.bb-single-wishlist {
    flex: 0 0 56px;
    align-self: flex-end;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    overflow: hidden;
    border-radius: 9999px;
}

/* TI Wishlist wrapper – override plugin default (width:18px;height:18px) */
.bb-single-wishlist .tinv-wraper,
.bb-single-wishlist .tinv-wishlist {
    width: 100% !important;
    height: 100% !important;
    position: static !important;
}

/* TI Wishlist – override vseh default stilov na krog */
.bb-single-wishlist .tinvwl_add_to_wishlist_button,
.bb-single-wishlist .tinv-wishlist .tinvwl_add_to_wishlist_button,
.bb-single-wishlist .tinv-wraper .tinvwl_add_to_wishlist_button,
.bb-single-wishlist a.tinvwl_add_to_wishlist_button {
    width: 100% !important;
    height: 100% !important;
    max-width: 56px !important;
    max-height: 56px !important;
    border-radius: 9999px !important;
    background: rgba(0, 126, 146, 0.1) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    padding: 0 !important;
    transition: background 0.15s;
    text-indent: 0 !important;
    overflow: hidden !important;
}
.bb-single-wishlist .tinvwl_add_to_wishlist_button:hover,
.bb-single-wishlist a.tinvwl_add_to_wishlist_button:hover {
    background: rgba(0, 126, 146, 0.2) !important;
}

/* Ikona srčka */
.bb-single-wishlist .tinvwl-icon,
.bb-single-wishlist .tinvwl_add_to_wishlist_button i,
.bb-single-wishlist .tinvwl_add_to_wishlist_button svg {
    color: var(--primary) !important;
    font-size: 20px;
}

/* Skrij besedilo "Dodaj na seznam želja" – samo ikona */
.bb-single-wishlist .tinvwl_add_to_wishlist_button span.tinvwl_add_to_wishlist-text,
.bb-single-wishlist .tinvwl-txt {
    display: none !important;
}

/* Skrij TI Wishlist tooltip na desktop */
.bb-single-wishlist .tinvwl-tooltip {
    display: none !important;
}

/* Wishlist gumb vedno aktiven (tudi brez izbrane variacije) */
.bb-single-wishlist .tinvwl_add_to_wishlist_button.disabled-add-wishlist {
    opacity: 1 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}

/* =============================================
   Vodič velikosti popup (Figma: node 353-13056)
   ============================================= */

/* .brx-popup wrapper — prepišemo default flex-direction:column/center,
   da se drawer postavi na desni rob. Native .brx-popup-backdrop ostane overlay
   (tako Bricks-ov close-on-backdrop click pravilno zazna in zapre popup). */
.brx-popup-49770,
.brx-popup:has(.bb-size-guide-popup) {
    flex-direction: row !important;
    justify-content: flex-end !important;
    align-items: stretch !important;
}

/* Native Bricks backdrop = overlay (klik na ta element sproži close). */
.brx-popup-49770 .brx-popup-backdrop,
.brx-popup:has(.bb-size-guide-popup) .brx-popup-backdrop {
    background-color: rgba(13, 8, 3, 0.4) !important;
}

/* .brx-popup-content = drawer wrapper (600px × 100vh, na desnem robu).
   Prepišemo default .brxe-container (width:1100px, align-items:flex-start) —
   damo display:flex column stretch, da section znotraj zavzame polno višino. */
.brx-popup-49770 .brx-popup-content,
.brx-popup:has(.bb-size-guide-popup) .brx-popup-content {
    position: relative !important;
    width: min(600px, 100vw) !important;
    max-width: min(600px, 100vw) !important;
    height: 100vh !important;
    max-height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    z-index: 1;
}

/* Outer section (pop001) = drawer content wrapper — zapolni parent 100% × 100%.
   POZOR: NE uporabljamo `flex: 0 1 600px`, ker v column flex parentu to postavi
   VIŠINO na 600px (flex-basis v column = main axis = height), ne širino. */
.brx-popup .bb-size-guide-popup,
section.bb-size-guide-popup {
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    background: #fff;
    border-left: 1px solid rgba(13, 8, 3, 0.1);
    color: var(--black);
    overflow: hidden;
}

/* Inner container (pop002) = drawer content — polni width section, scroll znotraj */
.bb-size-guide-popup > .brxe-container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    max-height: 100vh !important;
    margin: 0 !important;
    padding: 16px !important;
    border-radius: 0 !important;
    border: none !important;
    background: transparent !important;
    overflow-y: auto;
    row-gap: 16px !important;
}

/* Close gumb — 32×32 ikona */
.bb-popup-close {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    line-height: 1;
    z-index: 1;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--black);
    flex-shrink: 0;
}
.bb-popup-close svg,
.bb-popup-close i {
    width: 20px;
    height: 20px;
}
.bb-popup-close:hover {
    color: var(--black) !important;
    opacity: 0.7;
}

/* Tabela velikosti (Figma) */
.bb-size-table-content table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
.bb-size-table-content td,
.bb-size-table-content th {
    padding: 12px 24px;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--black);
    border: none;
}
/* Header row — teal ozadje, bela pisava */
.bb-size-table-content thead tr,
.bb-size-table-content thead td,
.bb-size-table-content thead th,
.bb-size-table-content tr:first-child td,
.bb-size-table-content tr:first-child th {
    background: var(--primary, #007E92);
    color: #fff;
    font-weight: 500;
}
/* Alternating body rows: bela / svetlo-bež */
.bb-size-table-content tbody tr:nth-child(even),
.bb-size-table-content table > tr:nth-child(odd):not(:first-child) {
    background: #F7F5F2;
}
.bb-size-table-content tbody tr:nth-child(odd),
.bb-size-table-content table > tr:nth-child(even) {
    background: #fff;
}

/* Hover na vrstico — 1px border okrog cele vrstice (inset box-shadow namesto
   border, da border-collapse:collapse ne povzroči 1px layout shifta). */
.bb-size-table-content tbody tr,
.bb-size-table-content table > tr:not(:first-child) {
    transition: box-shadow 0.15s ease;
}
.bb-size-table-content tbody tr:hover,
.bb-size-table-content table > tr:hover:not(:first-child) {
    box-shadow: inset 0 0 0 1px var(--black-t-3);
}

/* Disclaimer text pod tabelo (70% opacity) */
.bb-size-disclaimer,
.bb-size-guide-popup .bb-disclaimer {
    font-size: 1.4rem;
    line-height: 1.5;
    color: var(--black);
    opacity: 0.7;
    margin: 0;
}

/* Accordion elementi v "Kako izbrati pravo velikost?" sekciji */
.bb-size-guide-popup .brxe-accordion-nested .accordion-title-wrapper,
.bb-size-guide-popup .brxe-accordion .accordion-title-wrapper {
    padding: 16px 0;
}
.bb-size-guide-popup .brxe-accordion-nested > details,
.bb-size-guide-popup .brxe-accordion > .accordion-item {
    border-top: 1px solid rgba(13, 8, 3, 0.1);
}
.bb-size-guide-popup .brxe-accordion-nested > details:last-child,
.bb-size-guide-popup .brxe-accordion > .accordion-item:last-child {
    border-bottom: 1px solid rgba(13, 8, 3, 0.1);
}

/* =============================================
   Single product – galerija slik (Figma)
   ============================================= */

/* Thumbnails poravnani na vrh (ne raztegnjeni) */
.brxe-product-gallery[data-pos="left"] .woocommerce-product-gallery,
.brxe-product-gallery[data-pos="right"] .woocommerce-product-gallery {
    align-items: flex-start;
}

/* Thumbnail slike — border-radius + obroba */
.brxe-product-gallery .flex-control-thumbs img {
    border-radius: var(--m);
    border: 1px solid var(--black-t-1);
    opacity: 1;
}

/* Thumbnail — aktivno stanje in hover */
.brxe-product-gallery .flex-control-thumbs img.flex-active,
.brxe-product-gallery .flex-control-thumbs img:hover {
    border: 1px solid var(--black);
    opacity: 1;
}

/* Glavna slika — border-radius + obroba */
.brxe-product-gallery .woocommerce-product-gallery__image img {
    border-radius: var(--l);
    border: 1px solid var(--black-t-1);
}

/* Thumbnail stolpec omejen na višino glavne slike (desktop, data-pos=left).
   Obdržimo Bricks-ov flex layout (samo preklopimo row-reverse → row, da
   upoštevamo levi padding), main image ohrani naravne dimenzije iz flexslider-ja.
   Thumb slider pa absolutno postavimo (izven flex flowa) tako da ne
   prispeva k sizing-u outer elementa — njegova višina je vezana na
   top:0;bottom:0 = višino main image-a. */
@media (min-width: 992px) {
    .brxe-product-gallery.thumbnail-slider[data-pos="left"] {
        position: relative;
        flex-direction: row;
        align-items: flex-start;
        padding-inline-start: calc(100px + var(--brxw-content-gap, 1rem));
    }
    .brxe-product-gallery.thumbnail-slider[data-pos="left"] > .brx-product-gallery-thumbnail-slider {
        position: absolute;
        inset-inline-start: 0;
        top: 0;
        bottom: 0;
        width: 100px;
        max-height: 100%;
        overflow: hidden;
    }
}

/* =============================================
   Linked Variations – sličice barv (Figma)
   ============================================= */

.wpclv-attributes .wpclv-terms .wpclv-term.wpclv-term-image {
    width: 78px;
    border: 1px solid var(--Black-100, rgba(13, 8, 3, 0.10));
    border-radius: var(--XS, 8px);
}

.wpclv-attributes .wpclv-terms .wpclv-term.wpclv-term-image.active {
    border: 1px solid var(--Black-1000, #0D0803);
}

/* =============================================
   Performance – content-visibility
   ============================================= */

/* Below-fold sekcije – defer rendering */
.brxe-section[data-label="Safety Section"],
.brxe-section[data-label="Priporočeni izdelki"] {
    content-visibility: auto;
    contain-intrinsic-size: auto 600px;
}

/* =============================================
   Responsive – single product
   ============================================= */

@media (max-width: 991px) {
    .bb-cart-row {
        flex-direction: column !important;
    }
    .bb-single-wishlist {
        flex: 0 0 auto;
        width: 100%;
        height: 48px;
        overflow: visible;
        border-radius: var(--full, 9999px);
    }
    .bb-single-wishlist .tinvwl_add_to_wishlist_button,
    .bb-single-wishlist .tinv-wishlist .tinvwl_add_to_wishlist_button {
        width: 100% !important;
        height: 48px !important;
        max-width: none !important;
        max-height: none !important;
        border-radius: var(--full, 9999px) !important;
    }
    .bb-single-wishlist .tinvwl_add_to_wishlist_button span.tinvwl_add_to_wishlist-text {
        display: inline !important;
        color: var(--primary);
        margin-left: 8px;
    }

    /* Priporočeni izdelki – skrij zadnje 4 izdelke na tablet in mobile.
       Grid stolpce upravlja Bricks native (4→2→1 cols), tu samo omejimo na 4 izdelke. */
    #brxe-ppqrpz > *:nth-child(n+5) {
        display: none !important;
    }
}

/* =============================================
   Mobile header – enake velikosti ikon
   ============================================= */

/* Tablet (do 991px) */
@media (max-width: 991px) {
    #brxe-zzkiyy {
        align-items: center;
    }
    #brxe-jrclny {
        align-items: center;
    }
    #brxe-rlmgue {
        align-items: center;
    }
    #brxe-rlmgue > a.bricks-link-wrapper {
        flex: 0 0 auto;
        display: flex;
        align-items: center;
    }
    #brxe-rlmgue > a.bricks-link-wrapper svg {
        width: 24px;
        height: 24px;
    }
    #brxe-rlmgue .dgwt-wcas-ico-magnifier,
    #brxe-rlmgue .dgwt-wcas-ico-magnifier-handler {
        max-width: 24px;
        max-height: 24px;
    }
    #brxe-dgyajt svg {
        width: 24px;
        height: 24px;
    }
}

/* Telefon (do 767px) – manjše ikone */
@media (max-width: 767px) {
    #brxe-rlmgue > a.bricks-link-wrapper svg {
        width: 22px;
        height: 22px;
    }
}

/* =============================================
   FAQ stran (Pogosta vprašanja, page ID 3356)
   Figma: 2-col grid s stiliziranimi accordion items
   ============================================= */

.faq-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-xxxl, 80px);
    width: 100%;
}

.faq-grid .faq-column {
    display: flex;
    flex-direction: column;
    gap: var(--space-l, 24px);
}

/* Accordion items imajo top + bottom border; negative margin prepreči podvajanje */
.faq-list > .brxe-block {
    border-top: 1px solid rgba(13, 8, 3, 0.1);
    border-bottom: 1px solid rgba(13, 8, 3, 0.1);
    margin-bottom: -1px;
    padding: 0;
}

/* Naslovna vrstica: vprašanje levo, chevron desno */
.faq-list .accordion-title-wrapper {
    padding: var(--space-m, 16px) 0;
    cursor: pointer;
    min-height: unset;
    transition: opacity 0.15s;
}

.faq-list .accordion-title-wrapper:hover {
    opacity: 0.7;
}

.faq-list .accordion-title-wrapper > .brxe-heading {
    font-family: Inter, sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    color: #0D0803;
    margin: 0;
    padding-right: var(--space-s, 12px);
    flex: 1 0 0;
    min-width: 0;
}

.faq-list .accordion-title-wrapper > .brxe-icon {
    flex-shrink: 0;
    transition: transform 0.2s ease;
    color: #0D0803;
}

/* Odprt accordion item: chevron obrnjen navzgor */
.faq-list .brx-open > .accordion-title-wrapper > .brxe-icon {
    transform: rotate(180deg);
}

/* Vsebina (odgovor): padding samo ko je odprto (višina 0 pri zaprtem Bricks sam) */
.faq-list .accordion-content-wrapper {
    padding: 0 0 var(--space-m, 16px) 0;
}

.faq-list .accordion-content-wrapper .brxe-text,
.faq-list .accordion-content-wrapper .brxe-text-basic,
.faq-list .accordion-content-wrapper p {
    font-family: Inter, sans-serif;
    font-size: 1.6rem;
    line-height: 1.5;
    color: rgba(13, 8, 3, 0.7);
}

.faq-list .accordion-content-wrapper a {
    color: #0D0803;
    text-decoration: underline;
}

/* Mobilni pogled: ena sama stolpec */
@media (max-width: 767px) {
    .faq-grid {
        grid-template-columns: 1fr;
        gap: var(--space-xl, 48px);
    }
}
/* =============================================
   TI Wishlist - Stock status column override
   - brez background pill-a
   - brez prečrtanega teksta pri "Razprodano"/"Ni na zalogi"
   ============================================= */
.tinv-wishlist .product-stock .stock,
.tinv-wishlist .product-stock .stock.in-stock,
.tinv-wishlist .product-stock .stock.out-of-stock {
    background: none !important;
    background-color: transparent !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}

.tinv-wishlist .product-stock .stock.out-of-stock,
.tinv-wishlist .product-stock .stock.out-of-stock *,
.tinv-wishlist .product-stock .stock.out-of-stock .tinvwl-txt {
    text-decoration: none !important;
}

/* =============================================
   TI Wishlist – "Uveljavi dejanje" gumb
   Gumb ima display:flex, zato flex items ("Uveljavi " text node +
   <span>dejanje</span>) stopijo skupaj in trailing whitespace
   se vizualno izgubi. Dodamo gap za razmik med njima.
   ============================================= */
button[name="tinvwl-action-product-apply"] {
    gap: 0.5em !important;
}
button[name="tinvwl-action-product-apply"] .tinvwl-mobile {
    margin-left: 0.35em !important;
}
/* DEBUG TEST – če se obarva rdeče, potem CSS nalaganje deluje */
button[name="tinvwl-action-product-apply"] {
    outline: 2px solid red !important;
}


/* ############################################################
   MIGRIRANO iz Simple Custom CSS and JS plugina (2026-04-17)
   Izvirni posts: 32473, 32556, 49217, 49554, 49625, 50023, 50354, 50391
   ############################################################ */

/* ============================================================
   Migriran iz Simple Custom CSS: Header
   ============================================================ */
/** Za prožilec modal cart od Funnel Kit plugina **/
.header-cart-trigger {
    cursor: pointer;
}

/* Animacija za obrobo v linkih - glavna navigacija 
 * root elementi
 */
header .brxe-nav-nested > ul > li > .brx-submenu-toggle > a,
header .brxe-nav-nested > ul > li > .brx-submenu-toggle > span {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: inherit;
  padding-bottom: 2px;
}

header .brxe-nav-nested > ul > li > .brx-submenu-toggle > a::after,
header .brxe-nav-nested > ul > li > .brx-submenu-toggle > span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: currentColor;

  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}

header .brxe-nav-nested > ul > li > .brx-submenu-toggle > a:hover::after,
header .brxe-nav-nested > ul > li > .brx-submenu-toggle > a:focus-visible::after,
header .brxe-nav-nested > ul > li > .brx-submenu-toggle > span:hover::after,
header .brxe-nav-nested > ul > li > .brx-submenu-toggle > span:focus-visible::after {
  transform: scaleX(1);
}

/* Animacija z obrobo v linkih - glavna navigacija 
 * podmeniji
 */
header .brxe-nav-nested ul.brx-dropdown-content a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: inherit;
  padding-bottom: 2px;
  width: fit-content;
}

header .brxe-nav-nested ul.brx-dropdown-content a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: currentColor;

  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}

header .brxe-nav-nested ul.brx-dropdown-content a:hover::after,
header .brxe-nav-nested ul.brx-dropdown-content a:focus-visible::after {
  transform: scaleX(1);
}

/* Animacija z obrobo v linkih - mobilna navigacija 
 * podmeniji
 */
#brxe-tvgtto li.brxe-dropdown > .brx-submenu-toggle > button {
	display: inline-block;
	margin-left: 12px;
}

#brxe-tvgtto li.brxe-dropdown > .brx-submenu-toggle {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: inherit;
  padding-bottom: 2px;
  width: fit-content;
}

#brxe-tvgtto li.brxe-dropdown > .brx-submenu-toggle::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: currentColor;

  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}

#brxe-tvgtto li.brxe-dropdown > .brx-submenu-toggle:hover::after,
#brxe-tvgtto li.brxe-dropdown > .brx-submenu-toggle:focus-visible::after {
  transform: scaleX(1);
}

/* podmeniji (mobile) */
#brxe-tvgtto .brx-dropdown-content a.brxe-text-link {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: inherit;
  padding-bottom: 1px;
  width: fit-content;
}

/*#brxe-tvgtto .brx-dropdown-content a.brxe-text-link:first-child {
	padding-bottom: 1px;
}*/

#brxe-tvgtto .brx-dropdown-content a.brxe-text-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: currentColor;

  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}

#brxe-tvgtto .brx-dropdown-content a.brxe-text-link:hover::after,
#brxe-tvgtto .brx-dropdown-content a.brxe-text-link:focus-visible::after {
  transform: scaleX(1);
}

/* ============================================================
   Migriran iz Simple Custom CSS: Product
   ============================================================ */
/* Custom badges na izdelkih - ACF */
.bb-badges {
    position: absolute;
    top: 10px;
    left: 10px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    z-index: 10;
}

.bb-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border-radius: 3px;
    line-height: 1;
}

.bb-badge--text  { padding: 4px 8px; }
.bb-badge--icon  { padding: 6px; }
.bb-badge--both  { padding: 4px 8px; }

.bb-badge__text {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.bb-badge__icon {
    display: flex;
    align-items: center;
    line-height: 0;
}

.bb-badge__icon svg {
    width: 12px;
    height: 12px;
    display: block;
    fill: currentColor;
}


.bb-card-actions {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
}

/* Override TI Wishlist default stilov */
.bb-card-actions .ti-wishlist-add-to-wishlist-button {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(255,255,255,0.92);
    border: 0.5px solid rgba(13,8,3,.15);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    backdrop-filter: blur(4px);
}

/* Srček — neaktiven */
.bb-card-actions .ti-wishlist-add-to-wishlist-button svg,
.bb-card-actions .ti-wishlist-add-to-wishlist-button i {
    color: #0D0803;
    font-size: 14px;
}

/* Srček — aktiven (dodan v wishlist) */
.bb-card-actions .ti-wishlist-add-to-wishlist-button.ti-wishlist-product-added svg,
.bb-card-actions .ti-wishlist-add-to-wishlist-button.ti-wishlist-product-added i {
    color: #007E92;
}


/***** Product price + izračun popusta na karticah *******/
.bb-price {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.bb-price__current {
    font-size: 16px;
    font-weight: 700;
    color: #0D0803;
}

.bb-price--sale .bb-price__current {
    color: #E50000;
}

.bb-price__meta {
    display: flex;
    align-items: center;
    gap: 6px;
}

.bb-price__original {
    font-size: 12px;
    color: rgba(13, 8, 3, 0.5);
}

.bb-price__discount {
    font-size: 12px;
    font-weight: 700;
    color: #E50000;
}

/* WooCommerce currency symbol — enaka velikost kot cena */
.bb-price__current .woocommerce-Price-currencySymbol {
    font-size: inherit;
}

/* ============================================================
   Migriran iz Simple Custom CSS: Trgovina - archive
   ============================================================ */
.brxe-woocommerce-products-orderby select {
	border-radius:var(--s); 
	font-size:var(--body-xs);
}

.fibofilters-show-more-count, .fibofilters-applied-filter {
	font-size:var(--body-xs) !important;
}
.fibofilters-applied-filters .fibofilters-applied-filter-icon {
    margin-top: 3px;
}
.fibofilters-applied-filters .fibofilters-applied-filter-icon svg path {
    stroke: #ffffff !important;
}
.fibofilters-applied-filters .fibofilters-applied-filter {
    align-items: center;
    background-color: #007E92;
    border: none;
    border-radius: var(--full);
    box-shadow: none;
    color: #ffffff;
    cursor: default;
    display: inline-flex;
    flex-flow: row-reverse;
    font-size: 1em;
    font-weight: 400;
    justify-content: space-between;
    line-height: 1.25em;
    margin: 0 8px 8px 0;
    padding: 8px 12px;
    transition: box-shadow .2s;
}

.fibofilters-show-more {
	font-size:var(--body-s) !important;
	font-weight:400;
	border-radius: var(--Full, 9999px);
	background: var(--Secondary-500, #F7F5F2);
	padding: var(--space-s) var(--space-xl);
}
.fibofilters-show-more::after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    margin-left: 10px;
    vertical-align: middle;
    position: relative;
    top: -4px;
}

/* ============================================================
   Migriran iz Simple Custom CSS: Wishlist plugin
   ============================================================ */
.tinv-wishlist a:not(.button):not(.social) {
	color:#007E92;
}

/* ============================================================
   Migriran iz Simple Custom CSS: Ostali stili
   ============================================================ */
.brxe-form label,
.brxe-form div.label {
	color: var(--body-color-normal) !important;
	font-weight: 400 !important;
}

.brxe-form input[type="text"],
.brxe-form input[type="tel"],
.brxe-form input[type="email"],
.brxe-form textarea {
	font-size: 14px !important;
	border-radius: 6px;
	border: 1px solid #edecec;
}

.brxe-form ::placeholder {
	color: rgba(13, 8, 3, 0.40) !important;
}

.brxe-form .form-inner-heading {
	color: #0D0803;
	font-family: Inter;
	font-size: 22px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 33px */
}

.brxe-form .form-inner-heading.correct-paddings {
	padding-top: var(--space-m) !important;
}

.brxe-form .form-group:has(input[name="iban"])::after {
	content: "Navedite v primeru plačila po povzetju/po predračunu";
	display: inline-block;
	font-size: 12px;
	color: var(--body-color-normal);
}

.brxe-form label.choose-files {
	border-radius: 6px;
	border: 1px dashed #cfcecd;
	width: 100%;
	text-align: center;
	line-height: 150%;
	padding: var(--space-xxl) 0;
}

.brxe-form label.choose-files::before {
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	background: url(https://dev.barefoot-booby.com/wp-content/uploads/2026/04/upload-icon.png) center center;
	margin: 0 auto;
	margin-bottom: var(--space-m);
}

.brxe-form .form-group.file:nth-child(9)::after {
    content: "Naložite račun, ki ste ga prejeli na e-naslov";
    display: block;
    font-size: 12px;
    color: var(--body-color-normal);
}

.brxe-form label.choose-files span {
	color: #0D0803;
	font-size: 16px;
	font-weight: 500;
}

.brxe-form a {
	text-decoration: underline;
}

.brxe-form button {
	height: 56px;
}

#obrazec-za-kontakt .form-group:nth-child(4) {
	padding-bottom: 0px !important;
}

@media only screen and (max-width: 478px) {
	#obrazec-za-kontakt .form-group,
	#obrazec-za-vracilo .form-group {
		width: 100% !important;
		padding-right: 0 !important;
	}
}

.brxe-form .submit-button-wrapper {
	width: 100% !important;
}

.brxe-form .message.error {
	font-weight: 400;
	font-size: 16px;
	line-height: 150%;
	border-radius: 12px;
}

@media only screen and (max-width: 767px) {
	.brxe-form .message.error {
		font-size: 14px !important;
	}
}

/* splošno */
strong a {
	font-weight: 700 !important;
}

.none-border-radius {
	border-radius: 0 !important;
}

/* accordion */
.accordion-item:last-child {
	border-bottom: 1px solid rgba(13, 8, 3, 0.10);
}

@media only screen and (max-width: 478px) {
	#first-accordion-spp-page .accordion-item:last-child {
		border: none;
	}
}


.accordion-item .accordion-title svg {
	transition: all 0.3s ease;
}

.accordion-item.brx-open .accordion-title svg {
	transform: rotate(-90deg);
}

/* single blog templajt stili */
.single-post .brxe-post-content {
	
}

.single-post .brxe-post-content p {
	margin-bottom: var(--space-m);
}

.single-post .brxe-post-content a {
	font-weight: bold;
}

.single-post .brxe-post-content h2,
.single-post .brxe-post-content h3 {
	margin-bottom: var(--space-m);
	margin-top: var(--space-xxl);
	color: var(--Black-1000, #0D0803);
}

.single-post .brxe-post-content h2 {
	color: var(--Black-1000, #0D0803);
	font-style: normal;
	font-weight: 500;
	line-height: 120%;
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 120%; /* 28.8px */
}

.single-post .brxe-post-content h3 {
	color: var(--Black-1000, #0D0803);
	font-family: Inter;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 33px */
}

/* checkout */
.wfacp_mini_cart_start_h .wfacp_order_summary_container .wfacp_mini_cart_reviews tr:not(.wfacp-saving-amount) td, 
.wfacp_mini_cart_start_h .wfacp_order_summary_container .wfacp_mini_cart_reviews tr:not(.wfacp-saving-amount) th, 
.wfacp_mini_cart_start_h span.amount {
	text-transform: none;
}

#shipping_calculator_field .wfacp_main_form.label.label_shiping {
	display: none;
}

/* ============================================================
   Migriran iz Simple Custom CSS: Fibo Filter
   ============================================================ */
.fibofilters-offcanvas-btn {
	background:var(--primary);
	border:none;
	border-radius:var(--full);
}

.fibofilters-block--url-slug--categories .fibofilters-items-search {
	display:none;
}

.fibofilters-applied-filter--clear-all {
	min-height:32px;
}

/* ============================================================
   Migriran iz Simple Custom CSS: Moj račun
   ============================================================ */
.brxw-woo-account-login-01__tab-menu .tab-title.brx-open {
	background:var(--primary) !important;
	color:var(--white);
	border-radius:var(--m) var(--m) 0 0;
}

.woocommerce-MyAccount-content a {
	color:var(--primary);
}
.woocommerce-MyAccount-content a:hover {
	text-decoration:underline;
}

.woocommerce-MyAccount-content .button {
	background:var(--primary) !important;
	color:var(--white);
	border-radius:var(--m);
	font-weight:400;
}

.woocommerce-MyAccount-content table tbody td {
	color:var(--black-t-6);
}
.woocommerce-MyAccount-content input {
	border-radius:var(--m);
}
.woocommerce-MyAccount-content .tinv-wishlist {
	flex-direction:column;
}
/*
.woocommerce-MyAccount-content .tinv-wishlist .tinvwl-txt {
	display:none;
}
*/

/* ============================================================
   Migriran iz Simple Custom CSS: Complianz
   ============================================================ */
/* complianz banner */
#cmplz-manage-consent .cmplz-manage-consent {
	font-size: 14px;
  	font-weight: 700;
	right: 20px !important;
	/*color: #B266FF; 
	background-image: linear-gradient(45deg, #B266FF 6%, #69A3FA 92%); 
	background-clip: text; 
	-webkit-background-clip: text; 
	-webkit-text-fill-color: transparent; 
	*/
}

.cmplz-header {
	position: relative;
}

.cmplz-cookiebanner .cmplz-close {
	position: absolute;
	top: 0;
	right: 10px;
}

.cmplz-cookiebanner .cmplz-close svg {
	padding: 0;
	background: none;
	border: none;
}


/* complianz CSS for enabling/disabling cookie consent (shortcode) */
.cmplz-obfuscate span {
  display:none
}
#cmplz-manage-consent-container {
  display:none
}
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories summary {
  display:block;
  cursor:pointer
}
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories summary::-webkit-details-marker,
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories summary::marker {
  display:none;
  content:""
}
.cmplz-alert {
  display:none;
  padding:7px;
  color:white;
  margin:10px 0
}
.cmplz-alert.cmplz-error {
  background-color:#f44336
}
.cmplz-alert.cmplz-success {
  background-color:green
}
.cmplz-close {
  margin-left:15px;
  color:white;
  font-weight:bold;
  float:right;
  font-size:22px;
  line-height:20px;
  cursor:pointer;
  transition:.3s
}
.cmplz-close:hover {
  color:black
}
#cmplz-cookies-overview .cmplz-dropdown .cmplz-service-description,
#cmplz-cookies-overview .cmplz-dropdown .cmplz-sharing-data,
#cmplz-document .cmplz-dropdown .cmplz-service-description,
#cmplz-document .cmplz-dropdown .cmplz-sharing-data,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-service-description,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-sharing-data {
  display:inline-block;
  width:calc(50% - 35px);
  vertical-align:top
}
@media only screen and (max-width:600px) {
  #cmplz-cookies-overview .cmplz-dropdown .cmplz-service-description,
  #cmplz-cookies-overview .cmplz-dropdown .cmplz-sharing-data,
  #cmplz-document .cmplz-dropdown .cmplz-service-description,
  #cmplz-document .cmplz-dropdown .cmplz-sharing-data,
  .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-service-description,
  .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-sharing-data {
    width:100%
  }
}
#cmplz-cookies-overview .cmplz-dropdown summary,
#cmplz-document .cmplz-dropdown summary,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary {
  display:block;
  cursor:pointer
}
#cmplz-cookies-overview .cmplz-dropdown summary::-webkit-details-marker,
#cmplz-cookies-overview .cmplz-dropdown summary::marker,
#cmplz-document .cmplz-dropdown summary::-webkit-details-marker,
#cmplz-document .cmplz-dropdown summary::marker,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary::-webkit-details-marker,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary::marker {
  display:none;
  content:""
}
#cmplz-cookies-overview .cmplz-dropdown summary div,
#cmplz-document .cmplz-dropdown summary div,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div {
  display:grid;
  grid-template:"heading chevron";
  grid-template-columns:2fr 25px;
  grid-gap:15px;
  align-items:center
}
#cmplz-cookies-overview .cmplz-dropdown summary div h3,
#cmplz-document .cmplz-dropdown summary div h3,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div h3 {
  grid-area:heading;
  margin:0
}
#cmplz-cookies-overview .cmplz-dropdown summary div:after,
#cmplz-document .cmplz-dropdown summary div:after,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div:after {
  grid-area:chevron
}
#cmplz-cookies-overview .cmplz-dropdown summary div input[data-category=functional],
#cmplz-document .cmplz-dropdown summary div input[data-category=functional],
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div input[data-category=functional] {
  visibility:hidden
}
#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary,
#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary {
  display:block
}
#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div,
#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div {
  grid-template:"heading paragraph label checkbox chevron";
  grid-template-columns:2fr auto 0 auto 25px
}
#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div p,
#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div p,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div p {
  grid-area:paragraph
}
#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,
#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose {
  display:grid
}
@media only screen and (min-width:600px) {
  #cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,
  #cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,
  .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose {
    grid-column:span 2;
    grid-template-columns:1fr 1fr 1fr;
    grid-template:"purpose purpose purpose" "header1 header2 header3" auto
  }
  #cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose,
  #cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose,
  .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose {
    grid-area:purpose
  }
  #cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .name-header,
  #cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .name-header,
  .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .name-header {
    grid-area:header1
  }
  #cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .retention-header,
  #cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .retention-header,
  .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .retention-header {
    grid-area:header2
  }
  #cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .function-header,
  #cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .function-header,
  .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .function-header {
    grid-area:header3
  }
}
@media only screen and (max-width:600px) {
  #cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,
  #cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,
  .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose {
    grid-template-columns:100px 1fr
  }
  #cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose,
  #cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose,
  .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose {
    grid-column:span 2
  }
}
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories {
  margin-top:10px;
  display:block;
  width:100%
}
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category {
  background-color:rgba(239,239,239,0.25)
}
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category summary::marker {
  display:none;
  content:""
}
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category summary::-webkit-details-marker {
  display:none;
  content:""
}
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-description {
  padding:10px
}
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category:not(:last-child) {
  margin-bottom:5px
}
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header {
  display:grid;
  grid-template-columns:1fr auto 25px;
  grid-template-rows:auto;
  align-items:center;
  grid-gap:10px;
  padding:5px 10px;
  background-color:rgba(239,239,239,0.5)
}
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header section {
  padding:initial
}
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header h2 {
  grid-column-start:1;
  width:100%;
  justify-self:start;
  font-size:18px;
  text-align:left;
  margin-top:8px;
  text-transform:initial;
  padding-bottom:10px;
  border-bottom:0;
  margin-bottom:0
}
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header h2:before {
  height:0;
  margin:initial
}
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active {
  font-size:var(--cmplz_category_header_active_font_size);
  color:var(--cmplz_category_header_always_active_color)
}
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active label,
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active input {
  display:none
}
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox {
  display:flex;
  align-items:center;
  margin:0;
  padding:initial
}
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon.cmplz-open {
  display:flex;
  align-items:center;
  justify-content:center;
  grid-column-start:3;
  cursor:pointer;
  content:"";
  background:var(--cmplz_category_open_icon_url) no-repeat;
  transform:rotate(0);
  -webkit-transition:all .5s ease;
  -moz-transition:all .5s ease;
  -o-transition:all .5s ease;
  transition:all .5s ease;
  background-size:cover;
  height:25px;
  width:25px
}
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category[open] {
  padding-bottom:1px
}
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category[open] summary .cmplz-category-header:after,
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category[open] summary .cmplz-icon.cmplz-open {
  transform:rotate(180deg)
}
.postbox #cmplz-document {
  margin:auto auto
}
#cmplz-document,
.editor-styles-wrapper .cmplz-unlinked-mode {
  font-size:14px;
  margin-top:0;
  max-width:800px;
  text-justify:inter-word
}
#cmplz-document input::-moz-focus-inner,
#cmplz-document button::-moz-focus-inner,
.editor-styles-wrapper .cmplz-unlinked-mode input::-moz-focus-inner,
.editor-styles-wrapper .cmplz-unlinked-mode button::-moz-focus-inner {
  border:0;
  padding:0
}
#cmplz-document a,
.editor-styles-wrapper .cmplz-unlinked-mode a {
  text-decoration:underline
}
#cmplz-document a[target=_blank]::after,
.editor-styles-wrapper .cmplz-unlinked-mode a[target=_blank]::after {
  content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
  margin:0 3px 0 5px
}
#cmplz-document a:focus,
.editor-styles-wrapper .cmplz-unlinked-mode a:focus {
  border:1px solid black;
  padding:2px
}
#cmplz-document #cmplz-dnsmpd-form label,
.editor-styles-wrapper .cmplz-unlinked-mode #cmplz-dnsmpd-form label {
  margin-right:20px;
  min-width:100px;
  display:inline-block
}
#cmplz-document h2,
#cmplz-document h3,
.editor-styles-wrapper .cmplz-unlinked-mode h2,
.editor-styles-wrapper .cmplz-unlinked-mode h3 {
  font-size:22px;
  text-align:left;
  margin-top:15px;
  text-transform:initial;
  padding-bottom:10px;
  margin-bottom:10px
}
#cmplz-document.impressum h2,
#cmplz-document.impressum h3,
.editor-styles-wrapper .cmplz-unlinked-mode.impressum h2,
.editor-styles-wrapper .cmplz-unlinked-mode.impressum h3 {
  border-bottom:0;
  font-size:1em;
  padding-bottom:5px;
  margin-bottom:5px
}
#cmplz-document.impressum p,
.editor-styles-wrapper .cmplz-unlinked-mode.impressum p {
  margin-bottom:7px
}
#cmplz-document h4,
.editor-styles-wrapper .cmplz-unlinked-mode h4 {
  font-size:18px;
  text-align:left;
  margin-top:15px;
  margin-bottom:5px;
  text-transform:initial
}
#cmplz-document h5,
.editor-styles-wrapper .cmplz-unlinked-mode h5 {
  font-size:14px;
  text-align:left;
  margin-top:10px;
  margin-bottom:5px;
  text-transform:initial
}
#cmplz-document h3.annex,
#cmplz-document h4.annex,
.editor-styles-wrapper .cmplz-unlinked-mode h3.annex,
.editor-styles-wrapper .cmplz-unlinked-mode h4.annex {
  font-weight:bold
}
#cmplz-document span h3,
.editor-styles-wrapper .cmplz-unlinked-mode span h3 {
  font-size:14px;
  border-bottom:0
}
#cmplz-document p,
#cmplz-document li,
#cmplz-document td,
.editor-styles-wrapper .cmplz-unlinked-mode p,
.editor-styles-wrapper .cmplz-unlinked-mode li,
.editor-styles-wrapper .cmplz-unlinked-mode td {
  font-size:14px;
  margin-top:0
}
#cmplz-document ol.alphabetic,
.editor-styles-wrapper .cmplz-unlinked-mode ol.alphabetic {
  counter-reset:list;
  list-style-type:none
}
#cmplz-document ol.alphabetic li:before,
.editor-styles-wrapper .cmplz-unlinked-mode ol.alphabetic li:before {
  font-weight:bold;
  content:counter(list,lower-alpha) ") ";
  counter-increment:list
}
#cmplz-document ul,
.editor-styles-wrapper .cmplz-unlinked-mode ul {
  list-style:disc;
  margin-left:15px;
  margin-bottom:15px
}
#cmplz-document ol.alphabetic ol,
.editor-styles-wrapper .cmplz-unlinked-mode ol.alphabetic ol {
  counter-reset:list;
  list-style-type:none
}
#cmplz-document ol.alphabetic ol li:before,
.editor-styles-wrapper .cmplz-unlinked-mode ol.alphabetic ol li:before {
  font-weight:bold;
  content:counter(list,decimal) ") ";
  counter-increment:list
}
#cmplz-document .cmplz-subtitle,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-subtitle {
  font-weight:bold;
  margin-top:25px
}
#cmplz-document .cmplz-indent,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-indent {
  margin-left:36px
}
#cmplz-cookies-overview .cmplz-dropdown,
#cmplz-document .cmplz-dropdown,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown {
  background-color:rgba(239,239,239,0.25)
}
#cmplz-cookies-overview .cmplz-dropdown h4,
#cmplz-document .cmplz-dropdown h4,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown h4 {
  font-size:18px;
  text-align:left;
  margin-top:15px;
  margin-bottom:5px;
  text-transform:initial
}
#cmplz-cookies-overview .cmplz-dropdown p,
#cmplz-cookies-overview .cmplz-dropdown a,
#cmplz-document .cmplz-dropdown p,
#cmplz-document .cmplz-dropdown a,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown p,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown a {
  font-size:14px;
  margin-top:0
}
#cmplz-cookies-overview .cmplz-dropdown p,
#cmplz-cookies-overview .cmplz-dropdown h4,
#cmplz-cookies-overview .cmplz-dropdown ul,
#cmplz-document .cmplz-dropdown p,
#cmplz-document .cmplz-dropdown h4,
#cmplz-document .cmplz-dropdown ul,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown p,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown h4,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown ul {
  padding:0 15px
}
#cmplz-cookies-overview .cmplz-dropdown p.legal-obligations-description,
#cmplz-document .cmplz-dropdown p.legal-obligations-description,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown p.legal-obligations-description {
  padding-bottom:15px
}
#cmplz-cookies-overview .cmplz-dropdown summary::marker,
#cmplz-document .cmplz-dropdown summary::marker,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary::marker {
  display:none;
  content:""
}
#cmplz-cookies-overview .cmplz-dropdown summary::-webkit-details-marker,
#cmplz-document .cmplz-dropdown summary::-webkit-details-marker,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary::-webkit-details-marker {
  display:none;
  content:""
}
#cmplz-cookies-overview .cmplz-dropdown summary,
#cmplz-document .cmplz-dropdown summary,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary {
  display:block;
  background-color:rgba(239,239,239,0.5);
  margin:5px 0;
  padding:5px 10px;
  align-items:center;
  justify-items:stretch
}
#cmplz-cookies-overview .cmplz-dropdown summary h3,
#cmplz-document .cmplz-dropdown summary h3,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary h3 {
  padding:0 5px;
  border-bottom:0;
  font-size:18px;
  border-bottom:0
}
#cmplz-cookies-overview .cmplz-dropdown summary p,
#cmplz-document .cmplz-dropdown summary p,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary p {
  text-align:right;
  padding:0;
  margin:0;
  font-size:14px;
  border-bottom:0
}
#cmplz-cookies-overview .cmplz-dropdown summary div:after,
#cmplz-document .cmplz-dropdown summary div:after,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div:after {
  cursor:pointer;
  content:"";
  background:url(../images/chevron-down.svg) no-repeat;
  transform:rotate(0);
  -webkit-transition:all .5s ease;
  -moz-transition:all .5s ease;
  -o-transition:all .5s ease;
  transition:all .5s ease;
  background-size:cover;
  height:18px;
  width:18px;
  margin:3px
}
#cmplz-cookies-overview .cmplz-dropdown[open],
#cmplz-document .cmplz-dropdown[open],
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown[open] {
  padding-bottom:1px
}
#cmplz-cookies-overview .cmplz-dropdown[open] summary div:after,
#cmplz-document .cmplz-dropdown[open] summary div:after,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown[open] summary div:after {
  transform:rotate(180deg)
}
#cmplz-cookies-overview .cmplz-dropdown h4,
#cmplz-document .cmplz-dropdown h4,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown h4 {
  font-size:15px;
  margin:5px 0
}
#cmplz-cookies-overview .cmplz-dropdown h5,
#cmplz-document .cmplz-dropdown h5,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown h5 {
  margin:0
}
#cmplz-cookies-overview .cmplz-dropdown .cmplz-service-description,
#cmplz-cookies-overview .cmplz-dropdown .cmplz-sharing-data,
#cmplz-document .cmplz-dropdown .cmplz-service-description,
#cmplz-document .cmplz-dropdown .cmplz-sharing-data,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-service-description,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-sharing-data {
  padding:0 15px 15px
}
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose,
#cmplz-document .cmplz-dropdown .cookies-per-purpose,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose {
  border:1px solid #dadada;
  grid-gap:1px;
  background-color:#dadada;
  margin-bottom:10px
}
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div,
#cmplz-document .cmplz-dropdown .cookies-per-purpose div,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div {
  background-color:white;
  padding:15px
}
@media only screen and (min-width:600px) {
  #cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .name-header,
  #cmplz-document .cmplz-dropdown .cookies-per-purpose .name-header,
  .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose .name-header {
    background-color:#f7f7f7
  }
  #cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .retention-header,
  #cmplz-document .cmplz-dropdown .cookies-per-purpose .retention-header,
  .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose .retention-header {
    background-color:#f7f7f7
  }
  #cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .function-header,
  #cmplz-document .cmplz-dropdown .cookies-per-purpose .function-header,
  .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose .function-header {
    background-color:#f7f7f7
  }
}
@media only screen and (max-width:600px) {
  #cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose h5,
  #cmplz-document .cmplz-dropdown .cookies-per-purpose h5,
  .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose h5 {
    line-height:1.8
  }
  #cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+2),
  #cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+3),
  #cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+4),
  #cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+5),
  #cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+6),
  #cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+7),
  #cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+2),
  #cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+3),
  #cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+4),
  #cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+5),
  #cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+6),
  #cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+7),
  .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+2),
  .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+3),
  .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+4),
  .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+5),
  .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+6),
  .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+7) {
    background-color:#f7f7f7
  }
}
/* complinaz cookie on/off functionality (shortcode) */

div.cookies-per-purpose div.name {
	font-size: 14px;
 	margin-top: 0;
	color: #517C1D;
}

div.cookies-per-purpose div.name a {
	text-decoration: underline;
}

.cookies-per-purpose div.name-header h5, 
.cookies-per-purpose div.retention-header h5, 
.cookies-per-purpose div.function-header h5 {
	font-size: 18px;
}

.cmplz-cookiebanner .cmplz-close {
  right: 0px !important;
}

.cmplz-description {
	line-height: 140%;
}

/* ==========================================================================
   Back In Stock Notifier (cwginstock) — brand styling
   Prefixed with `section` to out-specify the plugin's bundled Bootstrap
   (.cwginstock-subscribe-form .panel-primary>.panel-heading = 0,3,0).
   ========================================================================== */
section.cwginstock-subscribe-form .cwginstock-panel-primary {
	border: 1px solid #007E92;
	border-radius: 8px;
	overflow: hidden;
}

section.cwginstock-subscribe-form .cwginstock-panel-primary > .cwginstock-panel-heading {
	background-color: #007E92;
	border-color: #007E92;
	color: #fff;
}

section.cwginstock-subscribe-form .cwginstock-panel-heading h4 {
	color: #fff;
	margin: 0;
	font-size:var(--body-m);
}

section.cwginstock-subscribe-form .cwgstock_name,
section.cwginstock-subscribe-form .cwgstock_email {
	border-radius: 4px;
}

section.cwginstock-subscribe-form .cwgstock_button,
section.cwginstock-subscribe-form #cwgstock_submit,
section.cwginstock-subscribe-form .cwgstock_submit {
	background-color: #007E92;
	border: 1px solid #007E92;
	color: #fff;
	border-radius: 4px;
}

section.cwginstock-subscribe-form .cwgstock_button:hover,
section.cwginstock-subscribe-form #cwgstock_submit:hover,
section.cwginstock-subscribe-form .cwgstock_submit:hover {
	background-color: #006275;
	border-color: #006275;
}


/* Single product page - cena v zadnjih 30 dneh */
.wc-price-history { margin-top:0;}
.wc-price-history-lowest-inner {
	font-size:var(--body-xs);
	font-weight:400;
}

/* Single product page - podatek o zalogi */
.single_variation_wrap .stock {padding:8px; border-radius:var(--m);}
.single_variation_wrap .out-of-stock {margin-bottom:var(--space-l);}

/* Single product page - linki */
.brxw-product-content-01__short-desc a, .brxe-accordion-nested a {
	color:var(--primary);
}
.brxw-product-content-01__short-desc a:hover, .brxe-accordion-nested a:hover {
	text-decoration:underline;
}

/* Fibo search */
.dgwt-wcas-details-space .button {
	background-color:var(--primary);
	border-radius:var(--full);
	color:var(--white);
	font-weight:400;
}