/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* ── Reorder header rows (info bar moves below main header) ──────────────── */
@media (min-width: 1025px) {
    .whb-main-header {
        display: flex;
        flex-direction: column;
    }
    .whb-row.whb-general-header { order: 1; }
    .whb-row.whb-header-bottom  { order: 2; }
    .whb-row.whb-top-bar        { order: 3; }
}

/* ── True-center the shipping badge on the top bar ───────────────────────── */
@media (min-width: 1025px) {
    .whb-top-bar .whb-flex-row {
        position: relative;
    }
    .whb-topbar_shipping_badge {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        pointer-events: none;
    }
    .whb-topbar_shipping_badge a {
        pointer-events: auto;
    }
}

/* ── Top-bar nav links ───────────────────────────────────────────────────── */
.whb-top-bar .wd-header-nav .wd-nav > li > a {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

/* ── Footer: remove gap between section title and links ─────────────────── */
.elementor-element-a87b582 .wd-el-toggle-head,
.elementor-element-d64f331 .wd-el-toggle-head {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.elementor-element-a1d6381,
.elementor-element-1f37937 {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ── Footer toggle: remove 20px gap between title and links ─────────────── */
.elementor-element-a87b582 .wd-el-toggle-content,
.elementor-element-d64f331 .wd-el-toggle-content {
    margin-top: 8px !important;
}

/* ── About Us: Google logo transparent-pixel fix ─────────────────────────── */
.elementor-element-971cbbd img {
    background-color: #F4F4F4;
    border-radius: 4px;
    padding: 4px 6px;
}

/* ── Homepage section background alternation ────────────────────────────── */

/* Bestsellers + Popular in Gaming: full-width grey sections */
.elementor-935 .elementor-element.elementor-element-663c740,
.elementor-935 .elementor-element.elementor-element-88658c8 {
    position: relative !important;
    min-width: calc(100vw - var(--wd-scroll-w) - var(--wd-sticky-nav-w)) !important;
    width: calc(100vw - var(--wd-scroll-w) - var(--wd-sticky-nav-w)) !important;
    left: calc(50% - 50vw + var(--wd-scroll-w) / 2 + var(--wd-sticky-nav-w) / 2) !important;
    --container-max-width: min(calc(var(--wd-container-w) - 30px));
    --padding-left: 15px;
    --padding-right: 15px;
    padding-top: 60px !important;
    padding-bottom: 60px !important;
    margin-bottom: 0 !important;
}
.elementor-935 .elementor-element.elementor-element-663c740:not(.elementor-motion-effects-element-type-background),
.elementor-935 .elementor-element.elementor-element-663c740 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-935 .elementor-element.elementor-element-88658c8:not(.elementor-motion-effects-element-type-background),
.elementor-935 .elementor-element.elementor-element-88658c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #F4F4F4;
}

/* Useful Articles: override grey to white */
.elementor-935 .elementor-element.elementor-element-27a3418:not(.elementor-motion-effects-element-type-background),
.elementor-935 .elementor-element.elementor-element-27a3418 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #ffffff !important;
}

/* Remove blank space between Useful Articles and footer */
.elementor-935 .elementor-element.elementor-element-27a3418 {
    margin-bottom: 0 !important;
}

/* ── Product card white background inside grey sections ─────────────────── */
.elementor-935 .elementor-element.elementor-element-663c740 .wd-product-wrapper,
.elementor-935 .elementor-element.elementor-element-88658c8 .wd-product-wrapper {
    background-color: #ffffff !important;
}

/* ── Mobile burger menu "Categories" tab: outline a subcategory together with
   its own expanded sub-subcategories, so that group reads as distinct from
   sibling subcategories above/below it. Desktop mega menu is untouched. ── */
@media (max-width: 1024px) {
    .mobile-categories-menu.wd-nav-mobile .sub-sub-menu {
        background-color: rgba(0, 0, 0, 0.05);
        border-radius: 6px;
        margin: 4px 10px;
        overflow: hidden;
    }
}

/* ── Desktop "Categories" dropdown subcategory image grid: cards were too
   big (large square photos, only 4 per row). Pack more, smaller columns
   and cap the image height so the panel reads as a compact grid. ── */
@media (min-width: 1025px) {
    .wd-dropdown-menu.wd-design-sized .container.wd-entry-content {
        display: flex !important;
        align-items: stretch !important;
        gap: 20px;
    }

    .wd-dropdown-menu.wd-design-sized .container.wd-entry-content > .woocommerce {
        flex: 1 1 66%;
        min-width: 0;
        max-height: 460px;
        overflow-y: auto;
        overflow-x: hidden;
        padding-right: 8px;
    }

    .wd-dropdown-menu.wd-design-sized .wd-cat-ad-slot {
        flex: 0 0 30%;
        border: 2px dashed #cccccc;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #999999;
        font-size: 13px;
        text-align: center;
        padding: 20px;
        box-sizing: border-box;
    }

    .wd-dropdown-menu.wd-design-sized .wd-products {
        --wd-col-lg: 4 !important;
        --wd-gap-lg: 12px !important;
    }

    .wd-dropdown-menu.wd-design-sized .wd-cat-thumb {
        aspect-ratio: 1 / 1;
    }

    .wd-dropdown-menu.wd-design-sized .wd-cat-thumb img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        padding: 10px;
    }

    .wd-dropdown-menu.wd-design-sized .wd-entities-title {
        font-size: 12px;
    }

    .wd-dropdown-menu.wd-design-sized .wd-cat-count {
        display: none;
    }

    .wd-dropdown-menu.wd-design-sized .wd-col.category-grid-item {
        height: auto !important;
        align-self: start !important;
    }

    .wd-dropdown-menu.wd-design-sized .wd-cat-inner {
        overflow: visible !important;
        height: auto !important;
    }

    .wd-dropdown-menu.wd-design-sized .wd-cat-content.hover-mask {
        position: static !important;
        transform: none !important;
        background: transparent !important;
        padding: 8px 4px !important;
        text-align: center !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        overflow: visible !important;
    }

    .wd-dropdown-menu.wd-design-sized .wd-entities-title {
        position: static !important;
        inset-inline-start: auto !important;
        bottom: auto !important;
        color: #222 !important;
        -webkit-text-fill-color: #222 !important;
        margin: 0 !important;
        font-size: 12px !important;
        white-space: normal !important;
        line-height: 1.3 !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* ── Homepage hero: stretch the middle slider to the full row height so it
   matches the category menu (left) and promo banner (right). Swiper's
   autoHeight writes an inline 525px height on the wrap, hence !important. ── */
@media (min-width: 1025px) {
    .elementor-935 .elementor-element-2276257 {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }
    .elementor-935 .elementor-element-2276257 > .elementor-widget-container,
    #slider-691,
    #slider-691 .wd-carousel-inner,
    #slider-691 .wd-carousel {
        flex-grow: 1;
        height: 100%;
    }
    #slider-691 .wd-carousel-wrap {
        height: 100% !important;
    }
    #slider-691 .wd-slide {
        height: 100%;
    }
}

/* ── Homepage hero: 'Izdvojeno: JBL' featured carousel (right column).
   Compact product card so the hero row keeps the menu's height. ── */
@media (min-width: 1025px) {
    .amx-jbl-feature .wd-product .product-image-link img {
        height: 230px;
        width: 100%;
        object-fit: contain;
    }
    .amx-jbl-feature .wd-product .wd-product-cats {
        display: none;
    }
    .amx-jbl-feature .wd-product .product-element-top {
        margin-bottom: 10px;
    }
}

/* ── Product titles: Woodmart 'Two lines' limit raised to three lines (2026-10-09); end the
   third line with an ellipsis so cut-off names read as intentional. ── */
.title-line-two .wd-product .wd-entities-title {
    --wd-line-count: 3;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
}

/* ── Blog cards (homepage 'Korisni članci', /blog/ archive, related posts):
   featured images come in different proportions, so crop them all to one
   3:2 frame so the cards line up. ── */
.elementor-element-0e9eea4 .wd-post-img img,
.wd-blog-holder .wd-post-img img,
.elementor-element-ce4df89 .wd-post-img img {
    aspect-ratio: 3 / 2;
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* ── Bestseller: products tagged "Bestseller" get a gold border and a
   badge that sits over the top edge of the card in the catalog. ── */
.wd-product.product_tag-bestseller {
    z-index: 2;
}
.wd-product.product_tag-bestseller .wd-product-wrapper {
    position: relative;
    border: 2px solid #d4af37 !important;
    box-shadow: 0 0 0 1px rgba(212, 175, 55, .25), 0 8px 24px rgba(212, 175, 55, .28);
}
.wd-product.product_tag-bestseller .wd-product-wrapper::before {
    content: "\2605  BESTSELLER";
    position: absolute;
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    white-space: nowrap;
    padding: 5px 14px;
    border: 1px solid #fff3c4;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    line-height: 1.2;
    color: #3b2a00;
    background: linear-gradient(135deg, #f9e27d 0%, #d4af37 45%, #b8860b 100%);
    box-shadow: 0 3px 10px rgba(184, 134, 11, .45);
    pointer-events: none;
}
/* ── Novo: products tagged "Novo" get a purple border and a "NOVO" badge
   over the top edge of the card in the catalog. ── */
.wd-product.product_tag-novo {
    z-index: 2;
}
.wd-product.product_tag-novo .wd-product-wrapper {
    position: relative;
    border: 2px solid #8b3dff !important;
    box-shadow: 0 0 0 1px rgba(139, 61, 255, .2), 0 8px 24px rgba(139, 61, 255, .25);
}
.wd-product.product_tag-novo .wd-product-wrapper::before {
    content: "NOVO";
    position: absolute;
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    white-space: nowrap;
    padding: 5px 16px;
    border: 1px solid #e3d1ff;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
    line-height: 1.2;
    color: #fff;
    background: linear-gradient(135deg, #b57bff 0%, #8b3dff 50%, #5b1fc2 100%);
    box-shadow: 0 3px 10px rgba(91, 31, 194, .4);
    pointer-events: none;
}
/* ── Sniženje u tri nivoa (klasu dodaje novamira-sandbox/sale-tiers.php po
   procentu popusta; za varijabilne proizvode najveći popust):
   - do 15 %   (amx-sale-t1): običan okvir, mala svijetla oznaka "% SNIŽENJE"
   - 15-24 %   (amx-sale-t2): crveni okvir + crvena oznaka "SNIŽENJE"
   - 25 % i više (amx-sale-t3): okvir u gradijentu crvena -> ljubičasta +
     oznaka "SUPER SNIŽENJE".
   Ručno označeni Bestseller / Novo proizvodi zadržavaju svoj izgled. ── */
.wd-product.sale:not(.product_tag-bestseller):not(.product_tag-novo) {
    z-index: 2;
}
.wd-product.sale:not(.product_tag-bestseller):not(.product_tag-novo) .wd-product-wrapper {
    position: relative;
}
.wd-product.sale:not(.product_tag-bestseller):not(.product_tag-novo) .wd-product-wrapper::before {
    content: "SNI\017D ENJE";
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    white-space: nowrap;
    padding: 3px 10px 3px 24px;
    border: 1px solid rgba(224, 36, 36, .35);
    border-radius: 999px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .08em;
    line-height: 1.2;
    color: #d21f1f;
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%23d21f1f'/%3E%3Cpath d='M16.5 7.5l-9 9' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='8.3' cy='8.3' r='1.9' fill='%23fff'/%3E%3Ccircle cx='15.7' cy='15.7' r='1.9' fill='%23fff'/%3E%3C/svg%3E") no-repeat 8px center / 11px 11px,
        #fff5f5;
    pointer-events: none;
}

/* 15-24 %: crveni okvir */
.wd-product.sale:not(.product_tag-bestseller):not(.product_tag-novo).amx-sale-t2 .wd-product-wrapper {
    border: 2px solid #e02424 !important;
    box-shadow: 0 4px 16px rgba(224, 36, 36, .18);
}
.wd-product.sale:not(.product_tag-bestseller):not(.product_tag-novo).amx-sale-t2 .wd-product-wrapper::before {
    top: -11px;
    padding: 4px 12px 4px 26px;
    border-color: #e02424;
    font-weight: 700;
    color: #fff;
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%23fff'/%3E%3Cpath d='M16.5 7.5l-9 9' stroke='%23d21f1f' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='8.3' cy='8.3' r='1.9' fill='%23d21f1f'/%3E%3Ccircle cx='15.7' cy='15.7' r='1.9' fill='%23d21f1f'/%3E%3C/svg%3E") no-repeat 9px center / 12px 12px,
        #e02424;
    box-shadow: 0 3px 10px rgba(224, 36, 36, .35);
}

/* 25 % i više: okvir u gradijentu crvena -> ljubičasta */
.wd-product.sale:not(.product_tag-bestseller):not(.product_tag-novo).amx-sale-t3 .wd-product-wrapper {
    border: 2px solid transparent !important;
    background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(135deg, #e02424 0%, #c2185b 50%, #7b2ff7 100%) border-box !important;
    box-shadow: 0 6px 22px rgba(123, 47, 247, .22), 0 2px 8px rgba(224, 36, 36, .18);
}
.wd-product.sale:not(.product_tag-bestseller):not(.product_tag-novo).amx-sale-t3 .wd-product-wrapper::before {
    content: "SUPER SNI\017D ENJE";
    top: -12px;
    padding: 5px 14px 5px 28px;
    border: 1px solid rgba(255, 255, 255, .6);
    font-size: 10.5px;
    font-weight: 700;
    color: #fff;
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%23fff'/%3E%3Cpath d='M16.5 7.5l-9 9' stroke='%23b0228c' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='8.3' cy='8.3' r='1.9' fill='%23b0228c'/%3E%3Ccircle cx='15.7' cy='15.7' r='1.9' fill='%23b0228c'/%3E%3C/svg%3E") no-repeat 10px center / 12px 12px,
        linear-gradient(135deg, #e02424 0%, #c2185b 50%, #7b2ff7 100%);
    box-shadow: 0 4px 14px rgba(123, 47, 247, .4);
}

/* amx-sale-pct: veća Woodmart oznaka postotka (-X %) na slici, u boji nivoa */
.wd-product.sale .wd-loop-prod-labels .product-label.onsale {
    font-size: 16px;
    font-weight: 800;
    line-height: 1;
    padding: 8px 11px;
    min-width: 0;
    min-height: 0;
    letter-spacing: .01em;
}
.wd-product.sale.amx-sale-t2 .wd-loop-prod-labels .product-label.onsale {
    color: #fff;
    background: #e02424;
}
.wd-product.sale.amx-sale-t3 .wd-loop-prod-labels .product-label.onsale {
    color: #fff;
    background: linear-gradient(135deg, #e02424 0%, #c2185b 50%, #7b2ff7 100%);
}
@media (max-width: 768px) {
    .wd-product.sale .wd-loop-prod-labels .product-label.onsale {
        font-size: 13px;
        padding: 6px 8px;
    }
}

/* Do 15 %: oznaka "SNIŽENJE" na slici (donji lijevi ugao), ne na vrhu okvira */
.wd-product.sale:not(.product_tag-bestseller):not(.product_tag-novo).amx-sale-t1 .wd-product-wrapper::before {
    display: none;
}
.wd-product.sale:not(.product_tag-bestseller):not(.product_tag-novo).amx-sale-t1 .wd-product-img-link {
    position: relative;
    display: block;
}
.wd-product.sale:not(.product_tag-bestseller):not(.product_tag-novo).amx-sale-t1 .wd-product-img-link::after {
    content: "SNI\017D ENJE";
    position: absolute;
    left: 8px;
    bottom: 8px;
    z-index: 3;
    white-space: nowrap;
    padding: 4px 11px 4px 26px;
    border: 1px solid rgba(224, 36, 36, .4);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    line-height: 1.2;
    color: #d21f1f;
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%23d21f1f'/%3E%3Cpath d='M16.5 7.5l-9 9' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='8.3' cy='8.3' r='1.9' fill='%23fff'/%3E%3Ccircle cx='15.7' cy='15.7' r='1.9' fill='%23fff'/%3E%3C/svg%3E") no-repeat 8px center / 12px 12px,
        rgba(255, 245, 245, .95);
    box-shadow: 0 2px 8px rgba(224, 36, 36, .15);
    pointer-events: none;
}

/* ── Nema na stanju: out-of-stock product cards are greyed out (image in
   grayscale, muted title/price). Woodmart option "Show out of stock at the
   end" + amx-product-search.php list them after in-stock products. ── */
.wd-product.outofstock .wd-product-thumb img,
.wd-product.outofstock .product-image-link img {
    filter: grayscale(100%);
    opacity: .5;
    transition: opacity .2s ease;
}
.wd-product.outofstock:hover .wd-product-thumb img,
.wd-product.outofstock:hover .product-image-link img {
    opacity: .75;
}
.wd-product.outofstock .wd-entities-title,
.wd-product.outofstock .wd-entities-title a,
.wd-product.outofstock .price,
.wd-product.outofstock .price .amount {
    color: #9a9a9a !important;
}


/* ── U setu: proizvodi sa oznakom (tag) "U setu" dobijaju bedž na slici u katalogu i pretrazi (ne na stranici proizvoda), da kupac
   vidi da uz gitaru dobija i dodatnu opremu. Bedž se dodaje/skida samo
   oznakom proizvoda "U setu" (slug u-setu). ── */
/* (Woodmart koristi .wd-product-thumb::after za ikonu učitavanja, zato bedž ide na link slike) */
.wd-product.product_tag-u-setu .wd-product-img-link {
    position: relative;
    display: block;
}
.wd-product.product_tag-u-setu .wd-product-img-link::before {
    content: "U SETU + OPREMA";
    position: absolute;
    right: 8px;
    bottom: 8px;
    z-index: 4;
    white-space: nowrap;
    padding: 5px 12px 5px 28px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
    line-height: 1.2;
    color: #fff;
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12v9H4v-9'/%3E%3Cpath d='M2 7h20v5H2z'/%3E%3Cpath d='M12 21V7'/%3E%3Cpath d='M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z'/%3E%3Cpath d='M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z'/%3E%3C/svg%3E") no-repeat 9px center / 13px 13px,
        linear-gradient(135deg, #0f9d58 0%, #0b7a45 100%);
    box-shadow: 0 3px 10px rgba(11, 122, 69, .35);
    pointer-events: none;
}
@media (max-width: 768px) {
    .wd-product.product_tag-u-setu .wd-product-img-link::before {
        font-size: 9.5px;
        padding: 4px 9px 4px 23px;
        background-position: 7px center, 0 0;
        background-size: 11px 11px, auto;
    }
}

/* Gradijent naslovi: ne odsijecaj donji dio slova (j, g, p, y) */
.wd-underline-gradient u {
    display: inline-block;
    padding-bottom: .15em;
    margin-bottom: -.15em;
}

/* "Drugi su kupili i": hide the empty widget on products without recommendations */
.amx-fbt-widget:not(:has(.amx-fbt)) {
	display: none;
}

/* "Kupi skupa i uštedi": no product list in the form, % icon + savings instead */
.wd-fbt-form .wd-fbt-products {
	display: none;
}

.wd-fbt.wd-design-side .wd-fbt-form {
	justify-content: center;
	text-align: center;
}

.wd-fbt-purchase {
	margin-top: 0;
}

.wd-fbt-purchase::before {
	content: "%";
	display: flex;
	align-items: center;
	justify-content: center;
	width: 110px;
	height: 110px;
	margin: 0 auto 18px;
	border-radius: 50%;
	background-color: var(--wd-primary-color);
	color: #fff;
	font-size: 60px;
	font-weight: 700;
	line-height: 1;
}

.amx-fbt-saving {
	margin-bottom: 10px;
	color: var(--wd-primary-color);
	font-size: 18px;
	font-weight: 700;
}

.amx-fbt-saving:empty {
	display: none;
}

.wd-fbt .wd-fbt-sale-label {
	width: auto;
	min-width: 0;
	padding: 0 8px;
	border-radius: 20px;
	white-space: nowrap;
}

@media (max-width: 1024px) {
	.wd-fbt-purchase::before {
		width: 64px;
		height: 64px;
		margin-bottom: 12px;
		font-size: 34px;
	}
}
/* Početna: BeamZ baner (pored proizvoda), dugme u BeamZ žutoj */
.amx-bz-home-banner .btn,
.amx-bz-home-banner .wd-button-wrapper a {
    background-color: #ffd200 !important;
    color: #000 !important;
    box-shadow: 0 8px 26px rgba(255, 210, 0, .45);
}
.amx-bz-home-banner .btn:hover,
.amx-bz-home-banner .wd-button-wrapper a:hover {
    background-color: #f0c400 !important;
}
.amx-bz-home-banner .banner-subtitle {
    color: #ffd200 !important;
}

/* amx-mobile-nav: mobilni meni bez tabova - kategorije gore, stranice (Pocetna, Blog...) ispod */
.mobile-nav .wd-nav-mob-tab {
	display: none;
}
.mobile-nav .wd-nav-mobile.mobile-categories-menu,
.mobile-nav .wd-nav-mobile.mobile-pages-menu {
	display: block;
}
.mobile-nav .wd-nav-mobile.mobile-pages-menu {
	margin-top: 14px;
	padding-top: 6px;
	border-top: 1px solid rgba(0, 0, 0, .1);
}

/* hide product counts in brand/attribute filters and category tiles */
.wd-filter-list .count,
.woodmart-woocommerce-layered-nav .count,
.wc-layered-nav-term .count,
.wd-cat-count {
	display: none !important;
}

/* "Dostupno i u setu" box on component product pages */
.amx-set-widget:not(:has(.amx-set-offer)) {
	display: none;
}

.amx-set-offer {
	display: flex;
	gap: 16px;
	align-items: center;
	margin-top: 10px;
	padding: 14px;
	border: 2px solid var(--wd-primary-color);
	border-radius: 12px;
	background: rgba(226, 54, 54, 0.04);
	color: inherit;
	transition: box-shadow .2s ease;
}

.amx-set-offer:hover {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
	color: inherit;
}

.amx-set-offer + .amx-set-offer {
	margin-top: 12px;
}

.amx-set-offer-img {
	flex: 0 0 96px;
}

.amx-set-offer-img img {
	display: block;
	width: 96px;
	height: 96px;
	object-fit: contain;
	border-radius: 8px;
	background: #fff;
}

.amx-set-offer-body {
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}

.amx-set-offer-label {
	color: var(--wd-primary-color);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
}

.amx-set-offer-title {
	font-size: 16px;
	font-weight: 700;
}

.amx-set-offer-parts {
	font-size: 13px;
	line-height: 1.4;
	opacity: .8;
}

.amx-set-offer-price .price,
.amx-set-offer-price {
	font-size: 15px;
	font-weight: 600;
}

.amx-set-offer-saving {
	color: var(--wd-primary-color);
	font-size: 13px;
	font-weight: 700;
}

.amx-set-offer-btn {
	margin-top: 4px;
	font-size: 13px;
	font-weight: 700;
	text-decoration: underline;
}
/* amx-slide-video: pozadinski video preko cijelog slajda (Fender Player II) */
#slider-691 #slide-1061 { position: relative; overflow: hidden; }
#slider-691 #slide-1061 .wd-slide-container,
#slider-691 #slide-1061 .wd-slide-inner,
#slider-691 #slide-1061 .elementor,
#slider-691 #slide-1061 *:has(> .amx-slide-video) { position: static !important; transform: none !important; }
#slider-691 #slide-1061 .amx-slide-video { position: absolute !important; inset: 0 !important; z-index: 1; margin: 0 !important; padding: 0 !important; max-width: none !important; width: auto !important; height: auto !important; min-height: 0 !important; }
#slider-691 #slide-1061 .amx-slide-text { position: relative !important; z-index: 2; }
#slider-691 #slide-1061 .amx-slide-text .title-subtitle { color: #fff !important; opacity: .85; letter-spacing: .08em; text-transform: uppercase; }
#slider-691 #slide-1061 .amx-slide-text .title-after_title strong { color: #ffd200; }

/* homepage blog: hide dates */
.elementor-element-0e9eea4 .wd-modified-date,
.elementor-element-0e9eea4 .wd-post-date {
	display: none !important;
}

/* Homepage video hero ([amx_hero]) */
.amx-hero-widget,
.amx-hero-widget > .elementor-widget-container {
	width: 100%;
	height: 100%;
}

.amx-hero {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	min-height: 420px;
	border-radius: var(--wd-brd-radius, 10px);
	background: #111;
	color: #fff;
}

.amx-hero-slide {
	position: absolute;
	inset: 0;
	opacity: 0;
	visibility: hidden;
	transition: opacity .6s ease, visibility .6s ease;
}

.amx-hero-slide.is-active {
	opacity: 1;
	visibility: visible;
	z-index: 1;
}

.amx-hero-media {
	position: absolute;
	inset: 0;
	background-position: center;
	background-size: cover;
}

.amx-hero-media video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.amx-hero-yt {
	position: absolute;
	inset: 0;
	overflow: hidden;
	pointer-events: none;
}

.amx-hero-yt iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: none;
	transform: translate(-50%, -50%) scale(1.15);
	opacity: 0;
	transition: opacity .6s ease;
}

.amx-hero-yt.is-playing iframe {
	opacity: 1;
}

.amx-hero-slide::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, .35) 45%, rgba(0, 0, 0, 0) 75%);
	pointer-events: none;
}

.amx-hero-content {
	position: absolute;
	z-index: 2;
	left: 6%;
	bottom: 14%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	max-width: 60%;
}

.amx-hero-eyebrow {
	font-size: 14px;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	opacity: .85;
}

.amx-hero-title {
	font-size: clamp(32px, 4.2vw, 60px);
	font-weight: 800;
	line-height: 1.05;
}

.amx-hero-subtitle {
	font-size: clamp(16px, 1.7vw, 24px);
	font-weight: 500;
}

.amx-hero-btn {
	margin-top: 10px;
	padding: 12px 28px;
	border-radius: 30px;
	background: var(--wd-primary-color);
	color: #fff;
	font-weight: 700;
	transition: transform .2s ease, box-shadow .2s ease;
}

@media (hover: hover) {
	.amx-hero-btn:hover {
		color: #fff;
		transform: translateY(-1px);
		box-shadow: 0 6px 18px rgba(0, 0, 0, .35);
	}
}

.amx-hero-arrow {
	position: absolute;
	z-index: 3;
	top: 50%;
	width: 44px;
	height: 44px;
	min-height: 0;
	padding: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, .18);
	color: #fff;
	font-size: 30px;
	line-height: 1;
	transform: translateY(-50%);
	opacity: 0;
	transition: opacity .2s ease, background .2s ease;
}

@media (hover: hover) {
	.amx-hero:hover .amx-hero-arrow {
		opacity: 1;
	}
}

.amx-hero-arrow:hover {
	background: rgba(255, 255, 255, .35);
}

.amx-hero-prev {
	left: 16px;
}

.amx-hero-next {
	right: 16px;
}

.amx-hero-dots {
	position: absolute;
	z-index: 3;
	right: 24px;
	bottom: 20px;
	display: flex;
	gap: 8px;
}

.amx-hero-dots button {
	width: 10px;
	height: 10px;
	min-height: 0;
	padding: 0;
	border-radius: 10px;
	background: rgba(255, 255, 255, .5);
	transition: width .3s ease, background .3s ease;
}

.amx-hero-dots button.is-active {
	width: 28px;
	background: #fff;
}

@media (max-width: 1024px) {
	.amx-hero {
		height: auto;
		min-height: 0;
		aspect-ratio: 16 / 9;
	}
}

@media (max-width: 767px) {
	.amx-hero {
		aspect-ratio: 4 / 3;
	}

	.amx-hero-content {
		left: 20px;
		right: 20px;
		bottom: 44px;
		max-width: none;
	}

	.amx-hero-slide::after {
		background: linear-gradient(0deg, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .2) 60%, rgba(0, 0, 0, 0) 100%);
	}

	.amx-hero-btn {
		padding: 10px 22px;
	}

	.amx-hero-arrow {
		display: none;
	}

	.amx-hero-dots {
		right: 50%;
		bottom: 16px;
		transform: translateX(50%);
	}
}
/* amx-hero 2026-10-09b: visina = visina kategorija (desktop), mobitel = cijeli ekran, YouTube bez UI */
@media (min-width: 1025px) {
	.elementor-element-debb714 > .amx-hero-widget {
		position: relative;
		flex: 1 1 auto;
		min-height: 420px;
	}

	.elementor-element-debb714 > .amx-hero-widget > .elementor-widget-container,
	.elementor-element-debb714 > .amx-hero-widget > .elementor-shortcode {
		position: absolute;
		inset: 0;
	}

	.amx-hero-widget .amx-hero {
		height: 100%;
		min-height: 0;
	}
}

.amx-hero-yt iframe {
	transform: translate(-50%, -50%) scale(1.32);
}

.amx-hero-yt::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}

@media (max-width: 767px) {
	.amx-hero-widget .amx-hero {
		min-height: 360px !important;
		width: 100vw;
		height: calc(100svh - 190px);
		min-height: 360px;
		margin-left: calc(50% - 50vw);
		aspect-ratio: auto;
		border-radius: 0;
	}

	.amx-hero-content {
		bottom: 56px;
	}

	.amx-hero-title {
		font-size: 40px;
	}
}
/* amx-hero 2026-10-09c: bez naslovne slike, YouTube UI izrezan (scale), kao Toledo */
.amx-hero-yt iframe {
	transform: translate(-50%, -50%) scale(1.5);
}
/* AMX setovi ozvučenja (2026-10-09) */
.amx-setdesc h3{margin:28px 0 10px;font-size:20px}
.amx-setdesc .amx-intro{font-size:16px;line-height:1.6}
.amx-set-facts{list-style:none;margin:16px 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.amx-set-facts li{background:#f5f5f7;border-radius:8px;padding:10px 12px;margin:0;line-height:1.3}
.amx-set-facts li span{display:block;font-size:12px;color:#6b6b70;text-transform:uppercase;letter-spacing:.03em}
.amx-set-facts li strong{font-size:14px;color:#1d1d1f}
.amx-set-table{width:100%;border-collapse:collapse;font-size:14px;margin:8px 0 4px}
.amx-set-table th,.amx-set-table td{border-bottom:1px solid #e5e5ea;padding:8px 10px;text-align:left;vertical-align:top}
.amx-set-table th{background:#1d1d1f;color:#fff;font-weight:600}
.amx-set-table td:nth-last-child(-n+2),.amx-set-table th:nth-last-child(-n+2){text-align:right;white-space:nowrap}
.amx-set-power td:nth-last-child(-n+2),.amx-set-power th:nth-last-child(-n+2){text-align:left}
.amx-set-table tfoot td{font-weight:700;background:#fdf0f0;border-top:2px solid #e23636}
.amx-set-shema figure{margin:14px 0}
.amx-set-shema svg{display:block;max-width:100%;height:auto}
.amx-set-video{position:relative;padding-top:56.25%;border-radius:10px;overflow:hidden;background:#000}
.amx-set-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.amx-ref-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:10px 0}
.amx-ref-grid figure{margin:0}
.amx-ref-grid img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:8px;display:block}
.amx-ref-grid figcaption{font-size:12px;color:#6b6b70;margin-top:4px;line-height:1.3}
.amx-set-small{font-size:12px;color:#6b6b70}
.amx-set-help{margin-top:26px;padding:16px 18px;border-left:4px solid #e23636;background:#fafafa;border-radius:6px}
@media(max-width:600px){.amx-set-table{font-size:12px}.amx-set-table td:nth-child(3),.amx-set-table th:nth-child(3){display:none}}
/* TOP setovi – crni okvir */
.product-grid-item.amx-set-top,.product.amx-set-top.product-grid-item{outline:3px solid #000;outline-offset:-3px}
.amx-set-top-page .woocommerce-product-gallery,.amx-set-top-page .wd-single-gallery{outline:3px solid #000;outline-offset:4px}

/* ===== Amedex shop UX (2026-10-12) ===== */
/* Promo kartica u meniju kategorija */
.wd-dropdown-menu.wd-design-sized .wd-cat-ad-slot{border:0;padding:0;color:inherit;align-items:stretch;}
.wd-cat-ad-slot:empty{display:none!important;}
.amx-menu-promo{display:flex;flex-direction:column;gap:6px;width:100%;padding:16px;border-radius:12px;background:#f6f6f6;color:#242424;text-decoration:none;position:relative;transition:box-shadow .2s;}
.amx-menu-promo:hover{box-shadow:0 6px 20px rgba(0,0,0,.10);color:#242424;}
.amx-menu-promo-badge{align-self:flex-start;background:#e23636;color:#fff;font-size:12px;font-weight:700;padding:3px 9px;border-radius:20px;}
.amx-menu-promo-img img{width:100%;height:170px;object-fit:contain;mix-blend-mode:multiply;}
.amx-menu-promo-name{font-weight:600;font-size:14px;line-height:1.3;}
.amx-menu-promo-price{font-weight:700;color:#e23636;font-size:15px;}
.amx-menu-promo-price del{color:#888;font-weight:400;font-size:13px;margin-right:4px;}
.amx-menu-promo-cta{font-size:13px;font-weight:600;text-decoration:underline;}
/* Cijena na upit */
.amx-upit-price{font-weight:600;color:#e23636;font-size:.95em;}
.amx-upit-box{border:2px solid #e23636;border-radius:12px;padding:18px 20px;margin:10px 0 18px;background:#fff7f7;}
.amx-upit-title{font-size:20px;font-weight:700;color:#e23636;margin-bottom:6px;}
.amx-upit-box p{margin:0 0 12px;font-size:14px;}
.amx-upit-btns{display:flex;gap:10px;flex-wrap:wrap;}
.amx-upit-btn{flex:1 1 180px;text-align:center;padding:11px 16px;border-radius:8px;font-weight:600;text-decoration:none!important;}
.amx-upit-call{background:#e23636;color:#fff!important;}
.amx-upit-mail{background:#fff;color:#242424!important;border:1px solid #ccc;}
/* Dostupnost na kartici */
.amx-stock{font-size:12px;font-weight:600;margin-top:6px;display:flex;align-items:center;gap:6px;}
.amx-stock::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;}
.amx-stock--in{color:#1e9e4a;}
.amx-stock--back{color:#d98a00;}
.amx-stock--out{color:#999;}
.amx-stock + p:empty, .wd-product p:empty{display:none;}
/* Traka povjerenja */
.amx-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 22px;}
.amx-trust-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#f6f6f6;border-radius:10px;color:#242424;text-decoration:none!important;}
.amx-trust-ico svg{width:26px;height:26px;fill:none;stroke:#e23636;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;display:block;}
.amx-trust-txt{display:flex;flex-direction:column;line-height:1.25;}
.amx-trust-txt strong{font-size:13px;}
.amx-trust-txt small{font-size:12px;color:#666;}
@media (max-width:1024px){.amx-trust{grid-template-columns:repeat(2,1fr);}}
@media (max-width:767px){.amx-trust{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-left:-15px;margin-right:-15px;padding:0 15px;}.amx-trust-item{flex:0 0 72%;scroll-snap-align:start;}}
/* Pretraga brendova u filteru */
.amx-brand-search{width:100%;height:38px;margin-bottom:10px;padding:0 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;}
.amx-scroll-list{max-height:290px;overflow-y:auto;padding-right:6px;}
/* H1 na katalogu */
.wd-woo-page-title h1.title,.elementor-widget-wd_shop_archive_woocommerce_title h1.title{margin:0;}
/* Viber dugme (2026-10-16) */
.amx-viber-fab{position:fixed;left:20px;bottom:20px;z-index:390;display:flex;align-items:center;gap:8px;height:52px;padding:0 18px 0 14px;border-radius:26px;background:#7360f2;color:#fff!important;font-weight:600;font-size:15px;text-decoration:none!important;box-shadow:0 6px 18px rgba(115,96,242,.35);transition:transform .2s,box-shadow .2s;}
.amx-viber-fab:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(115,96,242,.45);}
.amx-viber-fab svg{width:26px;height:26px;flex:0 0 26px;}
@media (max-width:1024px){.amx-viber-fab{bottom:72px;left:14px;width:52px;padding:0;justify-content:center;}.amx-viber-txt{display:none;}}
.amx-upit-viber{background:#7360f2;color:#fff!important;}
/* === Checkout: odabir načina plaćanja (kartice) === */
.woocommerce-checkout #payment ul.payment_methods{display:grid;gap:12px;padding:0 0 18px;margin:0 0 18px;border:0;background:none}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method{position:relative;margin:0;padding:16px 52px 16px 76px;min-height:76px;display:flex;flex-direction:column;justify-content:center;background:#fff;border:1.5px solid #e3e3e3;border-radius:12px;transition:border-color .2s,box-shadow .2s,background .2s;cursor:pointer;list-style:none}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:hover{border-color:#c9c9c9;box-shadow:0 4px 14px rgba(0,0,0,.06)}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:has(input:checked){border-color:#E23636;background:#fffafa;box-shadow:0 4px 18px rgba(226,54,54,.12)}
.woocommerce-checkout #payment li.wc_payment_method>input.input-radio{position:absolute;right:18px;top:50%;transform:translateY(-50%);-webkit-appearance:none;appearance:none;width:22px;height:22px;margin:0;border:2px solid #cfcfcf;border-radius:50%;background:#fff;transition:all .2s;pointer-events:none;display:block!important;opacity:1!important}
.woocommerce-checkout #payment li.wc_payment_method>input.input-radio:checked{border-color:#E23636;background:#E23636 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/13px no-repeat}
.woocommerce-checkout #payment li.wc_payment_method>label{display:block;margin:0!important;padding:0!important;font-size:15px;font-weight:700;color:#222;line-height:1.3;cursor:pointer}
.woocommerce-checkout #payment li.wc_payment_method>label::before{content:"";position:absolute;left:16px;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:10px;background:#f4f4f4 center/24px no-repeat;transition:background-color .2s;display:block!important;border:0!important;box-shadow:none!important}
.woocommerce-checkout #payment li.wc_payment_method>label::after{content:"";position:absolute;inset:0;z-index:2;display:block!important;background:none!important;border:0!important;width:auto!important;height:auto!important;transform:none!important}
.woocommerce-checkout #payment li.payment_method_monri>label::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='5' width='19' height='14' rx='2.5'/%3E%3Cpath d='M2.5 10h19M6.5 15h4'/%3E%3C/svg%3E")}
.woocommerce-checkout #payment li.payment_method_cod>label::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5 6.5h12v9h-12zM13.5 9.5h4l3 3v3h-7'/%3E%3Ccircle cx='5.5' cy='17.5' r='1.8'/%3E%3Ccircle cx='17' cy='17.5' r='1.8'/%3E%3C/svg%3E")}
.woocommerce-checkout #payment li.payment_method_monri:has(input:checked)>label::before{background-color:#E23636;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='5' width='19' height='14' rx='2.5'/%3E%3Cpath d='M2.5 10h19M6.5 15h4'/%3E%3C/svg%3E")}
.woocommerce-checkout #payment li.payment_method_cod:has(input:checked)>label::before{background-color:#E23636;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5 6.5h12v9h-12zM13.5 9.5h4l3 3v3h-7'/%3E%3Ccircle cx='5.5' cy='17.5' r='1.8'/%3E%3Ccircle cx='17' cy='17.5' r='1.8'/%3E%3C/svg%3E")}
.woocommerce-checkout #payment li.wc_payment_method>label img{display:none}
.woocommerce-checkout #payment li.wc_payment_method .payment_box{display:block!important;margin:3px 0 0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;font-size:13px;line-height:1.45;color:#777}
.woocommerce-checkout #payment li.wc_payment_method .payment_box::before,.woocommerce-checkout #payment li.wc_payment_method .payment_box::after{display:none!important}
.woocommerce-checkout #payment li.wc_payment_method .payment_box p{margin:0}
@media (max-width:575px){.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method{padding:14px 46px 14px 68px}.woocommerce-checkout #payment li.wc_payment_method>label::before{left:12px;width:42px;height:42px}.woocommerce-checkout #payment li.wc_payment_method>input.input-radio{right:14px}}
/* === Monri: ekran preusmjeravanja na plaćanje (order-pay) === */
.woocommerce-order-pay .woocommerce:has(#monri_payment_form) > ul.order_details{display:none}
.amx-monri-redirect{max-width:520px;margin:40px auto 60px;padding:36px 28px;text-align:center;background:#fff;border:1px solid #ececec;border-radius:16px;box-shadow:0 6px 24px rgba(0,0,0,.06)}
.amx-monri-spinner{width:46px;height:46px;margin:0 auto 18px;border:4px solid #f1dcdc;border-top-color:#E23636;border-radius:50%;animation:amxspin .8s linear infinite}
@keyframes amxspin{to{transform:rotate(360deg)}}
.amx-monri-title{font-size:20px;margin:0 0 8px}
.amx-monri-text{font-size:14px;color:#777;margin:0 0 22px}
.amx-monri-redirect .amx-monri-pay{display:block;width:100%;border-radius:30px;background:#E23636;color:#fff;font-weight:600;padding:12px 20px;margin-bottom:12px}
.amx-monri-redirect .amx-monri-pay:hover{background:#c92c2c;color:#fff}
.amx-monri-cancel{font-size:13px;color:#888;text-decoration:underline}

/* === Kartica proizvoda: dostupnost na dnu (iznad cijene), neovisno o duzini naslova === */
.wd-product .wd-product-wrapper>.wd-2fe21a7f{flex-grow:1}
.wd-product .wd-2fe21a7f>.amx-stock{margin-top:auto!important;padding-top:10px}


/* amx-hero 2026-10-27: SVG strelice centrirane; YouTube skriven dok se nastavlja (bez pause ikone) */
.amx-hero-arrow { display: flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; }
.amx-hero-arrow svg { display: block; flex: none; }
.amx-hero-yt:not(.is-playing) iframe { transition: none; }


/* Monri: logotipi kartica i sigurnost plaćanja (2026-10-29) */
.amx-paylogos { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 18px; }
.amx-paylogos a { display: inline-flex; align-items: center; line-height: 0; }
.amx-paylogo { height: 26px; width: auto; display: block; }
.amx-paylogo--visa { height: 18px; }
.amx-paylogo--monri { height: 22px; }
.amx-paylogo--raiffeisen-bank { height: 24px; }
.amx-paybar { background: #fff; border-top: 1px solid #ececec; padding: 16px; }
.amx-paybar-in { max-width: 1400px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 14px 28px; }
.amx-paybar-txt { font-size: 13px; color: #777; }
.amx-paybar-link { font-size: 13px; color: #1f1f1f; text-decoration: underline; }
.amx-paybar-link:hover { color: #E23636; }
.amx-paylogos.is-checkout { justify-content: flex-start; gap: 12px; margin-top: 8px; }
.amx-paylogos.is-checkout .amx-paylogo { height: 20px; }
.amx-paylogos.is-checkout .amx-paylogo--visa { height: 14px; }
.amx-paylogos.is-checkout .amx-paylogo--monri, .amx-paylogos.is-checkout .amx-paylogo--raiffeisen-bank { height: 18px; }
.amx-paylogos.is-checkout a { pointer-events: none; }

.amx-footer-paylogos .amx-paylogos { justify-content: flex-end; gap: 16px; }
.amx-footer-paylogos .amx-paylogo { height: 22px; }
.amx-footer-paylogos .amx-paylogo--visa { height: 15px; }
.amx-footer-paylogos .amx-paylogo--monri, .amx-footer-paylogos .amx-paylogo--raiffeisen-bank { height: 19px; }
@media (max-width: 767px) { .amx-footer-paylogos .amx-paylogos { justify-content: center; } }

/* ── Male kartice (wd-hover-small, npr. BeamZ lista na početnoj): oznaka
   "SNIŽENJE" za t1 ne stane na sličicu pa se sijekla. Na tim karticama ide
   gore na ivicu kartice, kao kod t2/t3 (2026-11-10). ── */
.wd-product.sale.wd-hover-small:not(.product_tag-bestseller):not(.product_tag-novo).amx-sale-t1 .wd-product-img-link::after {
    display: none;
}
.wd-product.sale.wd-hover-small:not(.product_tag-bestseller):not(.product_tag-novo).amx-sale-t1 .wd-product-wrapper {
    position: relative;
}
.wd-product.sale.wd-hover-small:not(.product_tag-bestseller):not(.product_tag-novo).amx-sale-t1 .wd-product-wrapper::before {
    content: "SNI\017D ENJE";
    display: block;
    position: absolute;
    top: -11px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    white-space: nowrap;
    padding: 4px 11px 4px 26px;
    border: 1px solid rgba(224, 36, 36, .4);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    line-height: 1.2;
    color: #d21f1f;
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%23d21f1f'/%3E%3Cpath d='M16.5 7.5l-9 9' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='8.3' cy='8.3' r='1.9' fill='%23fff'/%3E%3Ccircle cx='15.7' cy='15.7' r='1.9' fill='%23fff'/%3E%3C/svg%3E") no-repeat 8px center / 12px 12px,
        #fff5f5;
    box-shadow: 0 2px 8px rgba(224, 36, 36, .15);
    pointer-events: none;
}

/* amx-hero 2026-11-11: cijeli slajd je link; dodir bez hover-zamke i bez 300 ms kašnjenja */
.amx-hero-slide[data-link] { cursor: pointer; }
.amx-hero-btn, .amx-hero-arrow, .amx-hero-dots button { touch-action: manipulation; -webkit-tap-highlight-color: rgba(0, 0, 0, .25); }

/* Akusticni klaviri: bez prikaza stanja (2026-11-13) */
.amx-no-stock-info .product-label.out-of-stock,
.amx-no-stock-info .wd-product-stock,
.amx-no-stock-info p.stock,
.amx-no-stock-info .stock.out-of-stock,
.amx-no-stock-info .wd-stock-status { display: none !important; }