:root {
    --bl-ink: #0f172a;
    --bl-ink-2: #1e293b;
    --bl-muted: #64748b;
    --bl-line: #e2e8f0;
    --bl-soft: #f8fafc;
    --bl-accent: #f59e0b;
    --bl-accent-dark: #d97706;
    --bl-danger: #dc2626;
    --bl-white: #ffffff;
    --bl-radius: 12px;
    --bl-shadow: 0 10px 35px rgba(15, 23, 42, .08);
}

.bl-site { background: #fff; color: var(--bl-ink); }
.bl-site a { text-decoration: none; }
.bl-shell { width: min(1240px, calc(100% - 40px)); margin-inline: auto; }

/* HEADER */
.bl-header { background: var(--bl-white); position: relative; z-index: 50; border-bottom: 1px solid var(--bl-line); }
.bl-topbar { background: var(--bl-ink); color: #fff; font-size: 13px; }
.bl-topbar-inner { min-height: 36px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.bl-topbar a { color: #fff; }
.bl-topbar-right { display: flex; align-items: center; gap: 22px; color: #cbd5e1; }
.bl-mini-icon { color: var(--bl-accent); margin-right: 6px; }
.bl-mainhead { background: #fff; }
.bl-mainhead-inner { min-height: 92px; display: grid; grid-template-columns: minmax(190px, 250px) minmax(320px, 1fr) auto; gap: 34px; align-items: center; }
.bl-brand .custom-logo { width: auto; max-height: 58px; }
.bl-text-logo { display: inline-flex; flex-direction: column; color: var(--bl-ink); line-height: .9; }
.bl-text-logo-main { font-size: 25px; font-weight: 900; letter-spacing: -.8px; }
.bl-text-logo-sub { color: var(--bl-accent-dark); font-size: 19px; font-weight: 900; letter-spacing: 5px; margin-top: 6px; }
.bl-product-search { display: flex; height: 48px; border: 2px solid #dbe2ea; border-radius: 10px; overflow: hidden; background: #fff; transition: .2s ease; }
.bl-product-search:focus-within { border-color: var(--bl-accent); box-shadow: 0 0 0 3px rgba(245,158,11,.12); }
.bl-product-search input[type="search"] { flex: 1; min-width: 0; border: 0 !important; outline: 0; box-shadow: none !important; padding: 0 18px; font-size: 15px; background: transparent; }
.bl-product-search button { width: 54px; border: 0; background: var(--bl-accent); display: grid; place-items: center; cursor: pointer; }
.bl-product-search button:hover { background: var(--bl-accent-dark); }
.bl-product-search svg { width: 23px; fill: var(--bl-ink); }
.bl-head-actions { display: flex; align-items: center; gap: 24px; }
.bl-head-action { display: flex; align-items: center; gap: 10px; color: var(--bl-ink); min-width: max-content; }
.bl-head-action > svg, .bl-cart-icon-wrap > svg { width: 27px; height: 27px; fill: var(--bl-ink); }
.bl-head-action small { display: block; color: var(--bl-muted); font-size: 11px; line-height: 1.1; }
.bl-head-action strong { font-size: 13px; font-weight: 800; display: block; margin-top: 3px; }
.bl-cart-icon-wrap { position: relative; display: inline-flex; }
.bl-cart-count { position: absolute; right: -8px; top: -8px; min-width: 19px; height: 19px; display: grid; place-items: center; border-radius: 50%; background: var(--bl-accent); color: var(--bl-ink); font-size: 11px; font-weight: 900; border: 2px solid white; }
.bl-cart-total .woocommerce-Price-amount { font-weight: 800; }
.bl-menu-toggle { display: none; width: 44px; height: 44px; border: 1px solid var(--bl-line); background: #fff; border-radius: 8px; padding: 10px; }
.bl-menu-toggle span { display: block; height: 2px; background: var(--bl-ink); margin: 5px 0; }
.bl-nav { background: var(--bl-ink-2); color: white; }
.bl-nav-inner { display: flex; align-items: stretch; min-height: 54px; }
.bl-categories-label { display: inline-flex; align-items: center; gap: 9px; padding: 0 24px; background: var(--bl-accent); color: var(--bl-ink); font-size: 14px; font-weight: 900; text-transform: uppercase; letter-spacing: .3px; }
.bl-hamburger-mini { font-size: 18px; }
.bl-primary-menu { list-style: none; display: flex; align-items: stretch; margin: 0; padding: 0; flex: 1; }
.bl-primary-menu > li { position: relative; display: flex; }
.bl-primary-menu > li > a { display: flex; align-items: center; color: #fff; padding: 0 15px; font-size: 13px; font-weight: 700; min-height: 54px; }
.bl-primary-menu > li > a:hover, .bl-primary-menu > .current-menu-item > a { color: var(--bl-accent); }
.bl-primary-menu .sub-menu { position: absolute; top: 100%; left: 0; min-width: 250px; background: #fff; list-style: none; margin: 0; padding: 10px 0; box-shadow: var(--bl-shadow); border: 1px solid var(--bl-line); opacity: 0; visibility: hidden; transform: translateY(8px); transition: .18s ease; z-index: 99; }
.bl-primary-menu li:hover > .sub-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.bl-primary-menu .sub-menu a { display: block; padding: 10px 17px; color: var(--bl-ink); font-size: 13px; font-weight: 600; }
.bl-primary-menu .sub-menu a:hover { background: var(--bl-soft); color: var(--bl-accent-dark); }
.bl-mobile-panel { background: #fff; border-top: 1px solid var(--bl-line); box-shadow: var(--bl-shadow); }
.bl-mobile-panel-inner { padding: 18px 20px 24px; }
.bl-mobile-search-copy { margin-bottom: 14px; }
.bl-mobile-menu { list-style: none; padding: 0; margin: 0; border-top: 1px solid var(--bl-line); }
.bl-mobile-menu li { border-bottom: 1px solid var(--bl-line); }
.bl-mobile-menu a { display: block; padding: 13px 4px; color: var(--bl-ink); font-weight: 700; }
.bl-mobile-menu .sub-menu { display: none; list-style: none; padding: 0 0 8px 14px; margin: 0; }
.bl-mobile-menu .bl-sub-open > .sub-menu { display: block; }
.bl-mobile-contact { display: inline-block; margin-top: 18px; font-weight: 800; color: var(--bl-ink); }

/* HOME */
.bl-homepage { background: #fff; }
.bl-hero { position: relative; overflow: hidden; background: linear-gradient(120deg, #0b1220 0%, #111d33 62%, #1c2b46 100%); color: #fff; }
.bl-hero::after { content:""; position:absolute; width:520px; height:520px; border-radius:50%; background:rgba(245,158,11,.10); right:-120px; top:-260px; filter:blur(4px); }
.bl-hero-grid { min-height: 500px; display: grid; grid-template-columns: 1.05fr .95fr; gap: 60px; align-items: center; position: relative; z-index: 1; }
.bl-eyebrow, .bl-kicker { display: inline-block; color: var(--bl-accent); font-size: 12px; font-weight: 900; letter-spacing: 1.6px; text-transform: uppercase; }
.bl-hero h1 { font-size: clamp(42px, 5.7vw, 76px); line-height: .98; margin: 16px 0 22px; letter-spacing: -2.7px; color: #fff; max-width: 760px; }
.bl-hero p { max-width: 650px; font-size: 18px; line-height: 1.65; color: #cbd5e1; }
.bl-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.bl-btn { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 0 24px; border-radius: 8px; font-weight: 900; font-size: 14px; }
.bl-btn-primary { background: var(--bl-accent); color: var(--bl-ink); }
.bl-btn-primary:hover { background: #fbbf24; color: var(--bl-ink); }
.bl-btn-ghost { border: 1px solid rgba(255,255,255,.28); color: #fff; }
.bl-btn-ghost:hover { background: rgba(255,255,255,.08); color: #fff; }
.bl-btn-light { background: #fff; color: var(--bl-ink); }
.bl-hero-visual { position: relative; height: 410px; display:grid; place-items:center; }
.bl-hero-glow { position:absolute; width:420px; height:420px; border-radius:50%; background:radial-gradient(circle, rgba(245,158,11,.20) 0%, rgba(59,130,246,.08) 42%, rgba(15,23,42,0) 72%); filter:blur(6px); }
.bl-hero-product-card { position:relative; z-index:2; width:min(440px, 94%); display:grid; grid-template-columns:52% 48%; align-items:center; background:#fff; border-radius:18px; overflow:hidden; color:var(--bl-ink); border:1px solid rgba(255,255,255,.25); box-shadow:0 34px 80px rgba(0,0,0,.32); transform:rotate(-1.25deg); transition:.25s ease; }
.bl-hero-product-card:hover { transform:rotate(0deg) translateY(-4px); color:var(--bl-ink); box-shadow:0 42px 90px rgba(0,0,0,.38); }
.bl-hero-product-badge { position:absolute; left:16px; top:16px; z-index:3; background:var(--bl-accent); color:var(--bl-ink); border-radius:999px; padding:7px 10px; font-size:10px; font-weight:900; letter-spacing:1px; }
.bl-hero-product-image-wrap { min-height:260px; display:grid; place-items:center; padding:26px 10px 18px 18px; background:linear-gradient(145deg,#fff,#f8fafc); }
.bl-hero-product-image-wrap img { display:block; width:100%; max-width:260px; height:230px; object-fit:contain; mix-blend-mode:multiply; filter:drop-shadow(0 18px 22px rgba(15,23,42,.16)); }
.bl-hero-product-copy { padding:34px 24px 30px 8px; }
.bl-hero-product-copy small, .bl-hero-product-copy strong, .bl-hero-product-copy span { display:block; }
.bl-hero-product-copy small { color:var(--bl-accent-dark); font-size:11px; font-weight:900; letter-spacing:1.8px; }
.bl-hero-product-copy strong { color:var(--bl-ink); font-size:24px; line-height:1.08; margin-top:8px; letter-spacing:-.5px; }
.bl-hero-product-copy span { color:var(--bl-muted); font-size:13px; line-height:1.5; margin-top:12px; }
.bl-hero-stat { position:absolute; z-index:3; right:0; bottom:0; background:rgba(15,23,42,.76); backdrop-filter:blur(12px); border:1px solid rgba(255,255,255,.16); border-radius:12px; padding:16px 18px; box-shadow:0 15px 30px rgba(0,0,0,.18); }
.bl-hero-stat strong, .bl-hero-stat span { display:block; }
.bl-hero-stat span { color:#cbd5e1; font-size:12px; margin-top:3px; }
.bl-benefits { border-bottom: 1px solid var(--bl-line); background: #fff; }
.bl-benefit-grid { min-height: 92px; display:grid; grid-template-columns:repeat(4,1fr); align-items:center; }
.bl-benefit-grid > div { padding: 4px 24px; border-right: 1px solid var(--bl-line); }
.bl-benefit-grid > div:first-child { padding-left:0; }
.bl-benefit-grid > div:last-child { border-right:0; }
.bl-benefit-grid strong, .bl-benefit-grid span { display:block; }
.bl-benefit-grid strong { font-size:14px; }
.bl-benefit-grid span { font-size:12px; color:var(--bl-muted); margin-top:4px; }
.bl-section { padding: 68px 0; }
.bl-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:26px; }
.bl-section-head h2 { font-size:32px; margin:7px 0 0; letter-spacing:-.8px; }
.bl-section-head > a { color:var(--bl-ink); font-weight:800; font-size:13px; }
.bl-category-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.bl-category-card { border:1px solid var(--bl-line); border-radius:var(--bl-radius); overflow:hidden; background:#fff; color:var(--bl-ink); transition:.2s ease; }
.bl-category-card:hover { transform:translateY(-3px); box-shadow:var(--bl-shadow); color:var(--bl-ink); }
.bl-category-media { height:160px; display:grid; place-items:center; position:relative; overflow:hidden; background:radial-gradient(circle at 50% 35%, #fff 0, #f1f5f9 65%, #e2e8f0 100%); background-position:center; background-size:contain; background-repeat:no-repeat; }
.bl-category-media::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg, transparent 58%, rgba(15,23,42,.06)); pointer-events:none; }
.bl-category-card:hover .bl-category-media { background-size:contain; }
.bl-category-media span { font-size:56px; color:#94a3b8; font-weight:900; }
.bl-category-meta { padding:16px 17px 18px; }
.bl-category-meta h3 { margin:0; font-size:16px; }
.bl-category-meta span { display:block; margin-top:5px; color:var(--bl-muted); font-size:12px; }
.bl-products-section { background:var(--bl-soft); }
.bl-product-shortcode .woocommerce { margin:0; }
.bl-product-shortcode ul.products { gap:16px !important; }
.bl-product-shortcode ul.products li.product,
.woocommerce ul.products li.product { background:#fff; border:1px solid var(--bl-line); border-radius:12px; padding:12px 12px 16px !important; overflow:hidden; transition:.2s ease; box-shadow:none; }
.bl-product-shortcode ul.products li.product:hover,
.woocommerce ul.products li.product:hover { box-shadow:var(--bl-shadow); transform:translateY(-2px); }
.woocommerce ul.products li.product img {
    display:block;
    width:100% !important;
    height:auto !important;
    aspect-ratio:1 / 1;
    object-fit:contain !important;
    object-position:center center;
    border-radius:8px;
    background:#fff;
    padding:8px;
    transform:none !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size:14px !important; line-height:1.4; min-height:40px; font-weight:800; color:var(--bl-ink); }
.woocommerce ul.products li.product .price { color:var(--bl-ink) !important; font-size:17px !important; font-weight:900 !important; }
.woocommerce ul.products li.product .price del { color:#94a3b8 !important; font-size:13px; }
.woocommerce ul.products li.product .button { width:100%; text-align:center; justify-content:center; border-radius:7px !important; background:var(--bl-ink) !important; color:#fff !important; font-size:12px; font-weight:800; min-height:40px; }
.woocommerce ul.products li.product .button:hover { background:var(--bl-accent-dark) !important; }
.bl-sale-badge, .woocommerce span.onsale { left:12px !important; top:12px !important; right:auto !important; min-height:0 !important; min-width:0 !important; line-height:1 !important; padding:7px 9px !important; border-radius:6px !important; background:var(--bl-danger) !important; color:white !important; font-size:12px !important; font-weight:900 !important; }
.bl-sale-section { background:#fff; }
.bl-sale-banner { background:linear-gradient(120deg, var(--bl-ink), #25324a); color:#fff; border-radius:16px; padding:32px 36px; display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:26px; }
.bl-sale-banner h2 { color:#fff; margin:5px 0; font-size:34px; }
.bl-sale-banner p { margin:0; color:#cbd5e1; }
.bl-brand-strip { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--bl-line); border-radius:12px; overflow:hidden; }
.bl-brand-strip span { min-height:90px; display:grid; place-items:center; font-size:24px; font-weight:900; border-right:1px solid var(--bl-line); color:#334155; }
.bl-brand-strip span:last-child { border-right:0; }
.bl-seo-section { background:var(--bl-soft); }
.bl-seo-copy { max-width:900px; }
.bl-seo-copy h2 { font-size:30px; }
.bl-seo-copy p { color:#475569; line-height:1.8; }

/* SHOP / PRODUCT */
.woocommerce .woocommerce-breadcrumb { color:var(--bl-muted); font-size:12px; }
.woocommerce .woocommerce-breadcrumb a { color:var(--bl-ink); }
.woocommerce div.product .product_title { font-size:clamp(28px,3vw,42px); line-height:1.1; letter-spacing:-1px; }
.woocommerce div.product p.price, .woocommerce div.product span.price { color:var(--bl-ink); font-weight:900; font-size:28px; }
.woocommerce div.product form.cart .button { background:var(--bl-ink); border-radius:8px; font-weight:900; min-height:48px; }
.woocommerce div.product form.cart .button:hover { background:var(--bl-accent-dark); }
.woocommerce div.product .woocommerce-product-gallery__wrapper {
    border-radius:14px;
    overflow:visible;
    background:#fff;
}

/* SINGLE PRODUCT GALLERY — compact Blocksy gallery, full images, no crop. */
.single-product .ct-product-gallery-container,
.single-product .woocommerce-product-gallery {
    background:#fff !important;
}

/* Keep the first-view gallery compact so the description is reached quickly. */
.single-product .ct-product-gallery-container .flexy-view,
.single-product .woocommerce-product-gallery .flex-viewport {
    height:480px !important;
    max-height:480px !important;
    min-height:0 !important;
    border:1px solid var(--bl-line);
    border-radius:14px;
    overflow:hidden !important;
    background:#fff !important;
}

.single-product .ct-product-gallery-container .flexy-items,
.single-product .ct-product-gallery-container .flexy-item,
.single-product .ct-product-gallery-container .ct-media-container,
.single-product .ct-product-gallery-container .ct-image-container,
.single-product .woocommerce-product-gallery__wrapper,
.single-product .woocommerce-product-gallery__image,
.single-product .woocommerce-product-gallery__image > a {
    height:100% !important;
    max-height:480px !important;
    min-height:0 !important;
    background:#fff !important;
}

.single-product .ct-product-gallery-container .ct-media-container,
.single-product .ct-product-gallery-container .ct-image-container,
.single-product .woocommerce-product-gallery__image,
.single-product .woocommerce-product-gallery__image > a {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
}

/* Show the whole product photograph. Never zoom/crop it inside the card. */
.single-product .ct-product-gallery-container img,
.single-product .woocommerce-product-gallery__image img,
.single-product .woocommerce-product-gallery img.wp-post-image {
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:100% !important;
    max-height:470px !important;
    object-fit:contain !important;
    object-position:center center !important;
    margin:auto !important;
    padding:8px !important;
    transform:none !important;
    filter:none !important;
    image-rendering:auto !important;
}

/* Thumbnails stay compact and show the whole image. */
.single-product .ct-product-gallery-container .flexy-pills,
.single-product .woocommerce-product-gallery .flex-control-thumbs {
    margin-top:12px !important;
}

.single-product .ct-product-gallery-container .flexy-pills li,
.single-product .woocommerce-product-gallery .flex-control-thumbs li {
    background:#fff !important;
    border:1px solid var(--bl-line);
    border-radius:8px;
    overflow:hidden;
}

.single-product .ct-product-gallery-container .flexy-pills img,
.single-product .woocommerce-product-gallery .flex-control-thumbs img {
    display:block !important;
    width:76px !important;
    height:76px !important;
    max-width:76px !important;
    max-height:76px !important;
    object-fit:contain !important;
    object-position:center center !important;
    background:#fff !important;
    padding:4px !important;
}

/* Archive/shop images: keep full picture. */
.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img,
.bl-product-shortcode ul.products li.product a img {
    object-fit:contain !important;
    object-position:center center !important;
    transform:none !important;
}

@media (max-width: 999px) {
    .single-product .ct-product-gallery-container .flexy-view,
    .single-product .woocommerce-product-gallery .flex-viewport {
        height:420px !important;
        max-height:420px !important;
    }
    .single-product .ct-product-gallery-container .flexy-items,
    .single-product .ct-product-gallery-container .flexy-item,
    .single-product .ct-product-gallery-container .ct-media-container,
    .single-product .ct-product-gallery-container .ct-image-container,
    .single-product .woocommerce-product-gallery__wrapper,
    .single-product .woocommerce-product-gallery__image,
    .single-product .woocommerce-product-gallery__image > a {
        max-height:420px !important;
    }
    .single-product .ct-product-gallery-container img,
    .single-product .woocommerce-product-gallery__image img,
    .single-product .woocommerce-product-gallery img.wp-post-image {
        max-height:410px !important;
    }
}

@media (max-width: 600px) {
    .single-product .ct-product-gallery-container .flexy-view,
    .single-product .woocommerce-product-gallery .flex-viewport {
        height:340px !important;
        max-height:340px !important;
    }
    .single-product .ct-product-gallery-container .flexy-items,
    .single-product .ct-product-gallery-container .flexy-item,
    .single-product .ct-product-gallery-container .ct-media-container,
    .single-product .ct-product-gallery-container .ct-image-container,
    .single-product .woocommerce-product-gallery__wrapper,
    .single-product .woocommerce-product-gallery__image,
    .single-product .woocommerce-product-gallery__image > a {
        max-height:340px !important;
    }
    .single-product .ct-product-gallery-container img,
    .single-product .woocommerce-product-gallery__image img,
    .single-product .woocommerce-product-gallery img.wp-post-image {
        max-height:330px !important;
    }
}
.woocommerce div.product .woocommerce-tabs ul.tabs { border-bottom:1px solid var(--bl-line); }

/* CART / CHECKOUT */
.wp-block-woocommerce-cart,
.wp-block-woocommerce-checkout { --wp--preset--color--contrast: var(--bl-ink); }
.wc-block-cart,
.wc-block-checkout { font-size:14px; }
.wc-block-components-sidebar-layout .wc-block-components-main,
.wc-block-components-sidebar-layout .wc-block-components-sidebar { background:#fff; }
.wc-block-components-order-summary,
.wc-block-components-totals-wrapper,
.wc-block-components-checkout-step { border-color:var(--bl-line) !important; }
.wc-block-components-button:not(.is-link) { border-radius:8px !important; background:var(--bl-ink) !important; color:#fff !important; font-weight:900 !important; }
.wc-block-components-button:not(.is-link):hover { background:var(--bl-accent-dark) !important; }
.wc-block-components-text-input input,
.wc-block-components-combobox .wc-block-components-combobox-control input { border-radius:8px !important; }

/* FOOTER */
.bl-footer { background:#0b1220; color:#cbd5e1; }
.bl-footer-grid { padding:58px 0; display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:48px; }
.bl-footer h3 { color:#fff; font-size:15px; margin:0 0 16px; }
.bl-footer p { font-size:13px; line-height:1.75; }
.bl-footer ul { list-style:none; padding:0; margin:0; }
.bl-footer li { margin:9px 0; }
.bl-footer a { color:#cbd5e1; font-size:13px; }
.bl-footer a:hover { color:var(--bl-accent); }
.bl-footer .bl-text-logo-main { color:#fff; }
.bl-footer .bl-text-logo-sub { color:var(--bl-accent); }
.bl-footer-bottom { border-top:1px solid #1e293b; padding:18px 0; color:#64748b; font-size:12px; }

@media (max-width: 1100px) {
    .bl-mainhead-inner { grid-template-columns:190px 1fr auto; gap:20px; }
    .bl-head-action > span:not(.bl-cart-icon-wrap) { display:none; }
    .bl-primary-menu > li > a { padding-inline:10px; font-size:12px; }
    .bl-category-grid { grid-template-columns:repeat(3,1fr); }
}

@media (max-width: 900px) {
    .bl-topbar-right { display:none; }
    .bl-topbar-inner { justify-content:center; }
    .bl-mainhead-inner { min-height:74px; grid-template-columns:1fr auto; }
    .bl-search-wrap { grid-column:1 / -1; grid-row:2; padding-bottom:14px; }
    .bl-head-actions { gap:14px; }
    .bl-head-action:first-child { display:none; }
    .bl-menu-toggle { display:block; }
    .bl-nav { display:none; }
    .bl-hero-grid { grid-template-columns:1fr; min-height:auto; padding-top:70px; padding-bottom:60px; }
    .bl-hero-visual { display:none; }
    .bl-benefit-grid { grid-template-columns:1fr 1fr; padding:10px 0; }
    .bl-benefit-grid > div { border-right:0; padding:12px 10px; }
    .bl-category-grid { grid-template-columns:repeat(2,1fr); }
    .bl-footer-grid { grid-template-columns:1fr 1fr; }
}

@media (max-width: 620px) {
    .bl-shell { width:min(100% - 28px, 1240px); }
    .bl-topbar { font-size:12px; }
    .bl-mainhead-inner { grid-template-columns:1fr auto; gap:12px; }
    .bl-brand .custom-logo { max-height:46px; max-width:170px; }
    .bl-text-logo-main { font-size:19px; }
    .bl-text-logo-sub { font-size:14px; letter-spacing:4px; }
    .bl-head-action:not(.bl-cart-action) { display:none; }
    .bl-cart-action > span:last-child { display:none; }
    .bl-product-search { height:44px; }
    .bl-hero h1 { font-size:44px; letter-spacing:-1.7px; }
    .bl-hero p { font-size:16px; }
    .bl-hero-actions .bl-btn { width:100%; }
    .bl-benefit-grid { grid-template-columns:1fr; }
    .bl-benefit-grid > div { border-bottom:1px solid var(--bl-line); padding:13px 0; }
    .bl-benefit-grid > div:last-child { border-bottom:0; }
    .bl-section { padding:48px 0; }
    .bl-section-head { align-items:flex-start; }
    .bl-section-head h2 { font-size:27px; }
    .bl-category-grid { grid-template-columns:1fr 1fr; gap:10px; }
    .bl-category-media { height:105px; }
    .bl-category-meta { padding:12px; }
    .bl-category-meta h3 { font-size:14px; }
    .bl-sale-banner { padding:24px; align-items:flex-start; flex-direction:column; }
    .bl-brand-strip { grid-template-columns:1fr 1fr; }
    .bl-brand-strip span { min-height:70px; font-size:18px; border-bottom:1px solid var(--bl-line); }
    .bl-footer-grid { grid-template-columns:1fr; gap:28px; padding:44px 0; }
}
/* ==================================================
   KATEGORIJE - VERTIKALNI MENI KAO DJOMLA BIKE
   ================================================== */

.bl-nav,
.bl-nav-inner {
    overflow: visible !important;
}

.bl-nav-inner {
    position: relative;
}

.bl-categories-dropdown {
    position: relative;
    flex: 0 0 auto;
}

.bl-categories-dropdown > summary {
    list-style: none;
    cursor: pointer;
    user-select: none;
}

.bl-categories-dropdown > summary::-webkit-details-marker {
    display: none;
}

/* Glavna bela lista */
.bl-categories-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99999;
    width: 290px;

    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 10px 30px rgba(0,0,0,.18);
}

.bl-categories-list {
    list-style: none;
    margin: 0;
    padding: 8px 0;

    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: stretch !important;

    height: auto !important;
    min-height: 0 !important;
}

.bl-categories-list > li {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #eeeeee;
    height: auto !important;
    min-height: 0 !important;
    align-self: auto !important;
    flex: 0 0 auto !important;
}

.bl-categories-list > li:last-child {
    border-bottom: 0;
}

.bl-categories-list > li > a {
    display: block;
    position: relative;
    padding: 12px 36px 12px 18px;

    color: #495365;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
    text-decoration: none;
}

.bl-categories-list > li > a:hover {
    color: #f58220;
    background: #f8f9fb;
}

/* Ikonica + naziv + strelica */
.bl-cat-item > a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
}

.bl-cat-icon {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.bl-cat-name {
    flex: 1;
    min-width: 0;
}

.bl-cat-arrow {
    margin-left: auto;
    color: #98a2b3;
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
    transition: color .2s ease, transform .2s ease;
}

.bl-cat-item:hover > a .bl-cat-arrow {
    color: #f58220;
    transform: translateX(3px);
}
/* LEPSE IKONICE GLAVNIH KATEGORIJA */

.bl-cat-icon {
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
}

/* AKCIJA */
.bl-cat-icon-akcija {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f58220' d='M3 3h9.5L21 11.5 11.5 21 3 12.5V3z'/%3E%3Ccircle cx='8' cy='8' r='1.7' fill='%23ffffff'/%3E%3Cpath d='M9 16 15 10' stroke='%230f1b2d' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* BATERIJE I PUNJACI */
.bl-cat-icon-baterije-i-punjaci {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='6' width='16' height='12' rx='3' fill='%23f58220'/%3E%3Crect x='19' y='10' width='2' height='4' rx='1' fill='%230f1b2d'/%3E%3Cpath d='M9 8.5 6.5 13H10l-1 3 4-5H9.5L11 8.5z' fill='%23ffffff'/%3E%3C/svg%3E");
}

/* BATERIJSKE LAMPE */
.bl-cat-icon-baterijske-lampe {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230f1b2d' d='M3 10h10l4 4-4 4H3z'/%3E%3Cpath fill='%23f58220' d='M13 10 18 7l3 3-4 4z'/%3E%3Cpath d='M19 7 23 4M20.5 10 24 9M19 4.5 20 1' stroke='%23f58220' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* KAMPOVANJE */
.bl-cat-icon-kampovanje {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f58220' d='M12 3 22 21H2L12 3z'/%3E%3Cpath fill='%23ffffff' d='M12 8 16.5 18h-9L12 8z'/%3E%3Cpath fill='%230f1b2d' d='M12 12 14.5 18h-5z'/%3E%3C/svg%3E");
}

/* LOVACKI SETOVI */
.bl-cat-icon-lovacki-setovi {
    background-image: 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='9' fill='%23f58220'/%3E%3Ccircle cx='12' cy='12' r='5.5' fill='%23ffffff'/%3E%3Ccircle cx='12' cy='12' r='2.5' fill='%230f1b2d'/%3E%3Cpath d='M12 1v5M12 18v5M1 12h5M18 12h5' stroke='%230f1b2d' stroke-width='1.5'/%3E%3C/svg%3E");
}

/* PRIBOR */
.bl-cat-icon-pribor {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f58220' d='M14.8 3.2a5 5 0 0 0-5.7 6.7L3 16l5 5 6.1-6.1a5 5 0 0 0 6.7-5.7l-3.4 3.4-3.9-3.9 3.3-3.5z'/%3E%3Cpath fill='%230f1b2d' d='M4.8 16.8 7.2 19.2 5.8 20.6 3.4 18.2z'/%3E%3C/svg%3E");
}

/* RASPRODAJA */
.bl-cat-icon-rasprodaja {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230f1b2d' d='M3 4h11l7 7-10 10-8-8V4z'/%3E%3Ccircle cx='8' cy='9' r='1.7' fill='%23f58220'/%3E%3Cpath d='M9 16 15 10' stroke='%23f58220' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='15.5' cy='15.5' r='1.4' fill='%23f58220'/%3E%3C/svg%3E");
}
/* ==================================================
   MEGA MENI - PODKATEGORIJE + SLIKA DESNO
   ================================================== */

/* Mega panel je sakriven dok se ne predje misem */
.bl-categories-list > li > .bl-mega-submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -1px;
    z-index: 100000;

    width: 720px;
    min-height: 300px;

    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-shadow: 10px 12px 32px rgba(0, 0, 0, 0.16);

    padding: 24px;

    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 30px;
    align-items: start;
}

/* Otvaranje mega menija */
.bl-categories-list > li:hover > .bl-mega-submenu {
    display: grid;
}

/* Levi deo - podkategorije */
.bl-mega-links {
    min-width: 0;
}

.bl-mega-links ul {
    list-style: none;
    margin: 0;
    padding: 0;

    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 26px;
    row-gap: 2px;
}

.bl-mega-links li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.bl-mega-links li a {
    display: block;
    padding: 10px 8px;

    color: #495365;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    text-decoration: none;

    border-bottom: 1px solid #f0f1f3;
    transition: color .2s ease, background .2s ease, padding-left .2s ease;
}

.bl-mega-links li a:hover {
    color: #f58220;
    background: #f8f9fb;
    padding-left: 12px;
}

/* Desni deo - velika slika kategorije */
.bl-mega-image {
    width: 100%;
    min-height: 250px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-left: 1px solid #eeeeee;
    padding-left: 24px;
}

.bl-mega-image a {
    display: block;
    width: 100%;
}

.bl-mega-image img {
    display: block;
    width: 100%;
    height: 260px;

    object-fit: contain;
    object-position: center;

    border: 0;
    box-shadow: none;
}

/* Ako kategorija nema sliku, linkovi koriste vise prostora */
.bl-mega-links:only-child {
    grid-column: 1 / -1;
}

.bl-mega-links:only-child ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* Mobilni/tablet prikaz */
@media (max-width: 900px) {

    .bl-categories-list > li > .bl-mega-submenu {
        position: static;

        width: auto;
        min-height: 0;

        padding: 8px 12px 12px 42px;

        grid-template-columns: 1fr;
        gap: 0;

        border: 0;
        border-top: 1px solid #eeeeee;
        box-shadow: none;
    }

    .bl-categories-list > li:hover > .bl-mega-submenu {
        display: block;
    }

    .bl-mega-links ul,
    .bl-mega-links:only-child ul {
        display: block;
    }

    .bl-mega-image {
        display: none;
    }
}
/* ==================================================
   TAMNA TEMA - NARANDZASTA (1.6.0)
   Crno zaglavlje, meni, pocetna, kategorije i podnozje.
   Slike proizvoda uvek na belom polju.
   Proizvod, korpa, placanje i tekstualne strane ostaju svetli.
   ================================================== */

:root {
    --bl-accent: #e65300;
    --bl-accent-dark: #c44700;
    --bl-accent-hi: #ff6a1a;
    --bl-dark: #0d0d0d;
    --bl-dark-2: #161616;
    --bl-dark-3: #1f1f1f;
    --bl-dark-4: #2a2a2a;
    --bl-dark-line: #2e2e2e;
    --bl-dark-text: #ececec;
    --bl-dark-muted: #a3a3a3;
}

/* Dugmad i oznake na narandzastoj podlozi imaju beli tekst */
.bl-btn-primary,
.bl-categories-label,
.bl-hero-product-badge,
.bl-cart-count { color: #fff; }
.bl-btn-primary:hover { background: var(--bl-accent-hi); color: #fff; }
.bl-sale-badge, .woocommerce span.onsale { background: var(--bl-accent) !important; }

/* ZAGLAVLJE */
.bl-header { background: var(--bl-dark); border-bottom-color: var(--bl-dark-line); }
.bl-topbar { background: var(--bl-accent); color: #fff; font-weight: 600; }
.bl-topbar-right { color: #fff; }
.bl-mini-icon { color: #fff; }
.bl-mainhead { background: var(--bl-dark); }
.bl-text-logo { color: #fff; }
.bl-text-logo-sub { color: var(--bl-accent-hi); }
.bl-product-search { border-color: var(--bl-accent); }
.bl-product-search:focus-within { box-shadow: 0 0 0 3px rgba(230, 83, 0, .35); }
.bl-product-search input[type="search"] { color: #111; }
.bl-product-search svg { fill: #fff; }
.bl-head-action,
.bl-head-action:hover { color: #fff; }
.bl-head-action:hover strong { color: var(--bl-accent-hi); }
.bl-head-action > svg, .bl-cart-icon-wrap > svg { fill: #fff; }
.bl-head-action small { color: var(--bl-dark-muted); }
.bl-cart-count { border-color: var(--bl-dark); }
.bl-menu-toggle { background: var(--bl-dark-3); border-color: var(--bl-dark-line); }
.bl-menu-toggle span { background: #fff; }
.bl-nav { background: var(--bl-dark-2); border-top: 1px solid var(--bl-dark-line); }
.bl-primary-menu > li > a:hover,
.bl-primary-menu > .current-menu-item > a { color: var(--bl-accent-hi); }
.bl-primary-menu .sub-menu { background: var(--bl-dark-3); border-color: var(--bl-dark-line); box-shadow: 0 14px 34px rgba(0, 0, 0, .5); }
.bl-primary-menu .sub-menu a { color: var(--bl-dark-text); }
.bl-primary-menu .sub-menu a:hover { background: var(--bl-dark-4); color: var(--bl-accent-hi); }

/* Mobilni meni */
.bl-mobile-panel { background: var(--bl-dark-2); border-top-color: var(--bl-dark-line); }
.bl-mobile-menu,
.bl-mobile-menu li { border-color: var(--bl-dark-line); }
.bl-mobile-menu a,
.bl-mobile-contact { color: var(--bl-dark-text); }
.bl-mobile-menu a:hover { color: var(--bl-accent-hi); }

/* Padajuci meni kategorija + mega meni */
.bl-categories-dropdown-menu { background: var(--bl-dark-3); border-color: var(--bl-dark-line); box-shadow: 0 14px 34px rgba(0, 0, 0, .5); }
.bl-categories-list > li { border-bottom-color: var(--bl-dark-line); }
.bl-categories-list > li > a { color: var(--bl-dark-text); }
.bl-categories-list > li > a:hover,
.bl-categories-list > li:hover > a { color: var(--bl-accent-hi); background: var(--bl-dark-4); }
.bl-cat-arrow { color: var(--bl-dark-muted); }
.bl-cat-item:hover > a .bl-cat-arrow { color: var(--bl-accent-hi); }
.bl-categories-list > li > .bl-mega-submenu { background: var(--bl-dark-3); border-color: var(--bl-dark-line); box-shadow: 10px 12px 32px rgba(0, 0, 0, .5); }
.bl-mega-links li a { color: var(--bl-dark-text); border-bottom-color: var(--bl-dark-line); }
.bl-mega-links li a:hover { color: var(--bl-accent-hi); background: var(--bl-dark-4); }
.bl-mega-image { border-left-color: var(--bl-dark-line); }
.bl-mega-image a { background: #fff; border-radius: 10px; padding: 10px; }

/* POCETNA */
.bl-homepage { background: var(--bl-dark); color: var(--bl-dark-text); }
.bl-homepage h2,
.bl-homepage h3 { color: #fff; }
.bl-hero { background: radial-gradient(circle at 78% 30%, rgba(230, 83, 0, .22) 0, rgba(230, 83, 0, 0) 45%), linear-gradient(120deg, #000 0%, #0d0d0d 60%, #1a1a1a 100%); }
.bl-hero::after { background: rgba(230, 83, 0, .10); }
.bl-hero p { color: #c9c9c9; }
.bl-eyebrow, .bl-kicker { color: var(--bl-accent-hi); }
.bl-hero-glow { background: radial-gradient(circle, rgba(230, 83, 0, .30) 0%, rgba(230, 83, 0, .08) 45%, rgba(0, 0, 0, 0) 72%); }
.bl-hero-product-copy small { color: var(--bl-accent); }
.bl-hero-stat { background: rgba(13, 13, 13, .82); }
.bl-hero-stat span { color: #c9c9c9; }
.bl-benefits { background: var(--bl-dark-2); border-bottom-color: var(--bl-dark-line); }
.bl-benefit-grid > div { border-right-color: var(--bl-dark-line); }
.bl-benefit-grid strong { color: #fff; }
.bl-benefit-grid strong::before { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--bl-accent); margin-right: 8px; vertical-align: middle; }
.bl-benefit-grid span { color: var(--bl-dark-muted); }
.bl-section-head > a { color: var(--bl-dark-text); }
.bl-section-head > a:hover { color: var(--bl-accent-hi); }
.bl-category-card { background: var(--bl-dark-3); border-color: var(--bl-dark-line); color: var(--bl-dark-text); }
.bl-category-card:hover { color: #fff; border-color: var(--bl-accent); box-shadow: 0 14px 34px rgba(0, 0, 0, .45); }
.bl-category-media { margin: 10px 10px 0; border-radius: 9px; background-color: #fff; background-image: none; }
.bl-category-media::after { display: none; }
.bl-category-media span { color: var(--bl-accent); }
.bl-category-meta span { color: var(--bl-dark-muted); }
.bl-products-section,
.bl-sale-section,
.bl-brands-section { background: var(--bl-dark); }
.bl-seo-section { background: var(--bl-dark-2); }
.bl-sale-banner { background: linear-gradient(120deg, var(--bl-accent-dark), var(--bl-accent) 55%, var(--bl-accent-hi)); }
.bl-sale-banner .bl-kicker { color: #fff; opacity: .85; }
.bl-sale-banner p { color: #fff; opacity: .9; }
.bl-btn-light { background: #111; color: #fff; }
.bl-btn-light:hover { background: #000; color: #fff; }
.bl-brand-strip { border-color: var(--bl-dark-line); }
.bl-brand-strip span { color: var(--bl-dark-text); border-color: var(--bl-dark-line); background: var(--bl-dark-3); }
.bl-seo-copy p { color: #bdbdbd; }

/* KARTICE PROIZVODA NA TAMNIM STRANAMA (pocetna, prodavnica, kategorije, pretraga) */
body.bl-site.post-type-archive-product,
body.bl-site.tax-product_cat,
body.bl-site.tax-product_tag,
body.bl-site.search-results.woocommerce {
    background: var(--bl-dark);
    --theme-text-color: var(--bl-dark-text);
    --theme-headings-color: #fff;
    --theme-heading-color: #fff;
    --theme-link-initial-color: var(--bl-dark-text);
    --theme-link-hover-color: var(--bl-accent-hi);
    --theme-border-color: var(--bl-dark-line);
    color: var(--bl-dark-text);
}
body.bl-site.post-type-archive-product #main,
body.bl-site.tax-product_cat #main,
body.bl-site.tax-product_tag #main,
body.bl-site.search-results.woocommerce #main { background: var(--bl-dark); }
body.bl-site.post-type-archive-product .page-title,
body.bl-site.tax-product_cat .page-title,
body.bl-site.tax-product_tag .page-title,
body.bl-site.search-results.woocommerce .page-title { color: #fff; }
body.bl-site.post-type-archive-product .woocommerce-breadcrumb a,
body.bl-site.tax-product_cat .woocommerce-breadcrumb a,
body.bl-site.tax-product_tag .woocommerce-breadcrumb a,
body.bl-site.search-results.woocommerce .woocommerce-breadcrumb a { color: var(--bl-dark-text); }
body.bl-site.post-type-archive-product .woocommerce-breadcrumb,
body.bl-site.tax-product_cat .woocommerce-breadcrumb,
body.bl-site.tax-product_tag .woocommerce-breadcrumb,
body.bl-site.search-results.woocommerce .woocommerce-breadcrumb { color: var(--bl-dark-muted); }

.bl-homepage ul.products li.product,
body.bl-site.post-type-archive-product ul.products li.product,
body.bl-site.tax-product_cat ul.products li.product,
body.bl-site.tax-product_tag ul.products li.product,
body.bl-site.search-results.woocommerce ul.products li.product {
    background: var(--bl-dark-3);
    border-color: var(--bl-dark-line);
    color: var(--bl-dark-text);
}
.bl-homepage ul.products li.product:hover,
body.bl-site.post-type-archive-product ul.products li.product:hover,
body.bl-site.tax-product_cat ul.products li.product:hover,
body.bl-site.tax-product_tag ul.products li.product:hover,
body.bl-site.search-results.woocommerce ul.products li.product:hover {
    border-color: var(--bl-accent);
    box-shadow: 0 14px 34px rgba(0, 0, 0, .45);
}
.bl-homepage ul.products li.product .woocommerce-loop-product__title,
body.bl-site.post-type-archive-product ul.products li.product .woocommerce-loop-product__title,
body.bl-site.tax-product_cat ul.products li.product .woocommerce-loop-product__title,
body.bl-site.tax-product_tag ul.products li.product .woocommerce-loop-product__title,
body.bl-site.search-results.woocommerce ul.products li.product .woocommerce-loop-product__title { color: #fff; }
.bl-homepage ul.products li.product .price,
body.bl-site.post-type-archive-product ul.products li.product .price,
body.bl-site.tax-product_cat ul.products li.product .price,
body.bl-site.tax-product_tag ul.products li.product .price,
body.bl-site.search-results.woocommerce ul.products li.product .price { color: var(--bl-accent-hi) !important; }
.bl-homepage ul.products li.product .price del,
body.bl-site.post-type-archive-product ul.products li.product .price del,
body.bl-site.tax-product_cat ul.products li.product .price del,
body.bl-site.tax-product_tag ul.products li.product .price del,
body.bl-site.search-results.woocommerce ul.products li.product .price del { color: #8a8a8a !important; }
.bl-homepage ul.products li.product .price ins,
body.bl-site.post-type-archive-product ul.products li.product .price ins,
body.bl-site.tax-product_cat ul.products li.product .price ins,
body.bl-site.tax-product_tag ul.products li.product .price ins,
body.bl-site.search-results.woocommerce ul.products li.product .price ins { color: var(--bl-accent-hi) !important; background: none; }
.bl-homepage ul.products li.product .ct-product-categories a,
.bl-homepage ul.products li.product .entry-meta a,
body.bl-site.post-type-archive-product ul.products li.product .entry-meta a,
body.bl-site.tax-product_cat ul.products li.product .entry-meta a,
body.bl-site.tax-product_tag ul.products li.product .entry-meta a,
body.bl-site.search-results.woocommerce ul.products li.product .entry-meta a { color: var(--bl-dark-muted); }

/* Slika proizvoda uvek na belom polju */
.woocommerce ul.products li.product figure,
.woocommerce ul.products li.product .ct-media-container,
.woocommerce ul.products li.product a img { background: #fff; border-radius: 9px; }

/* Dugme "Dodaj u korpu" - narandzasto svuda */
.woocommerce ul.products li.product .button { background: var(--bl-accent) !important; color: #fff !important; }
.woocommerce ul.products li.product .button:hover { background: var(--bl-accent-hi) !important; }

/* Rezultati, sortiranje i stranice na tamnim listama */
body.bl-site.post-type-archive-product .woocommerce-result-count,
body.bl-site.tax-product_cat .woocommerce-result-count,
body.bl-site.tax-product_tag .woocommerce-result-count,
body.bl-site.search-results.woocommerce .woocommerce-result-count { color: var(--bl-dark-muted); }
body.bl-site.post-type-archive-product .woocommerce-ordering select,
body.bl-site.tax-product_cat .woocommerce-ordering select,
body.bl-site.tax-product_tag .woocommerce-ordering select,
body.bl-site.search-results.woocommerce .woocommerce-ordering select { background-color: var(--bl-dark-3); color: var(--bl-dark-text); border-color: var(--bl-dark-line); }
body.bl-site.post-type-archive-product .term-description,
body.bl-site.tax-product_cat .term-description,
body.bl-site.tax-product_tag .term-description { color: #c9c9c9; }

/* SVETLE STRANE (proizvod, korpa, placanje): narandzasti detalji */
.woocommerce div.product p.price,
.woocommerce div.product span.price { color: var(--bl-accent); }
.woocommerce div.product p.price del,
.woocommerce div.product span.price del { color: #94a3b8; }
.woocommerce div.product form.cart .button { background: var(--bl-accent); color: #fff; }
.woocommerce div.product form.cart .button:hover { background: var(--bl-accent-dark); }
.wc-block-components-button:not(.is-link) { background: var(--bl-accent) !important; }
.wc-block-components-button:not(.is-link):hover { background: var(--bl-accent-dark) !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--bl-accent); }

/* PODNOZJE */
.bl-footer { background: #000; color: #bdbdbd; border-top: 3px solid var(--bl-accent); }
.bl-footer a { color: #bdbdbd; }
.bl-footer a:hover { color: var(--bl-accent-hi); }
.bl-footer .bl-text-logo-sub { color: var(--bl-accent-hi); }
.bl-footer-bottom { border-top-color: var(--bl-dark-line); color: #8a8a8a; }

@media (max-width: 620px) {
    .bl-benefit-grid > div { border-bottom-color: var(--bl-dark-line); }
    .bl-brand-strip span { border-bottom-color: var(--bl-dark-line); }
}

/* ==================================================
   USKLADJIVANJE SA "DODATNI CSS" (Prilagodi)
   Dodatni CSS postavlja staru narandzastu (#F58220) sa !important,
   pa je broj telefona i ikonice u gornjoj traci bio nevidljiv.
   Ova pravila su specificnija i vracaju izabranu boju #E65300.
   ================================================== */
html:root,
html body.bl-site {
    --bl-accent: #e65300 !important;
    /* Blocksy paleta: boja 1 = glavna, boja 2 = boja kada se predje misem (bila je plava #1559ed) */
    --theme-palette-color-1: #e65300 !important;
    --theme-palette-color-2: #c44700 !important;
}

/* Gornja traka: beli tekst, broj i ikonice na narandzastoj podlozi */
.bl-header .bl-topbar { background: #e65300 !important; }
.bl-header .bl-topbar-left a strong,
.bl-header .bl-topbar-right a,
.bl-header .bl-topbar-right { color: #fff !important; }
.bl-header .bl-topbar-left a:hover strong,
.bl-header .bl-topbar-right a:hover { color: #111 !important; }
.bl-header .bl-topbar-left .bl-mini-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 26'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='10' y='2' width='10' height='22' rx='2'/%3E%3Cpath d='M13 5h4'/%3E%3Ccircle cx='15' cy='21' r='0.8'/%3E%3Cpath d='M6.5 7.5C4.5 10.5 4.5 15.5 6.5 18.5'/%3E%3Cpath d='M3.5 5C0.5 9 0.5 17 3.5 21'/%3E%3Cpath d='M23.5 7.5c2 3 2 8 0 11'/%3E%3Cpath d='M26.5 5c3 4 3 12 0 16'/%3E%3C/g%3E%3C/svg%3E") !important;
}
.bl-header .bl-topbar-right > *:first-child::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 24'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 5h17v13H2z'/%3E%3Cpath d='M19 9h6l5 5v4H19z'/%3E%3Ccircle cx='8' cy='19' r='2.5'/%3E%3Ccircle cx='25' cy='19' r='2.5'/%3E%3Cpath d='M21 11h4l3 3h-7z'/%3E%3C/g%3E%3C/svg%3E") !important;
}
.bl-header .bl-topbar-right > *:last-child::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 22'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='3' width='24' height='16' rx='2'/%3E%3Cpath d='M3 5l11 8 11-8'/%3E%3Cpath d='M3 18l8-7'/%3E%3Cpath d='M25 18l-8-7'/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* Dugmad: Kategorije, pretraga, "Pogledaj proizvode" */
.bl-nav .bl-categories-label,
.bl-header .bl-mainhead button[type="submit"],
.bl-homepage .bl-btn-primary {
    background: #e65300 !important;
    border-color: #e65300 !important;
    color: #fff !important;
}
.bl-nav .bl-categories-label:hover,
.bl-header .bl-mainhead button[type="submit"]:hover,
.bl-homepage .bl-btn-primary:hover {
    background: #ff6a1a !important;
    border-color: #ff6a1a !important;
    color: #fff !important;
}

/* LOGO BEZ BELE POZADINE (assets/img/logo-tamna.png) */
.bl-logo-link { display: inline-flex; align-items: center; line-height: 0; }
.bl-logo-dark { display: block; width: auto; height: auto; }
.bl-footer .bl-logo-dark { max-height: 90px; margin-bottom: 8px; }

/* ==================================================
   ILUSTROVANE IKONICE KATEGORIJA (assets/img/kategorije)
   ================================================== */
.bl-categories-list .bl-cat-icon {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform .2s ease;
}
.bl-categories-list > li.bl-cat-item > a {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 10px 16px 10px 14px;
}
.bl-categories-list .bl-cat-item:hover > a .bl-cat-icon { transform: scale(1.12) rotate(-4deg); }
.bl-categories-list .bl-cat-name { font-weight: 600; }
.bl-categories-list .bl-cat-icon-akcija { background-image: url("../img/kategorije/akcija.svg"); }
.bl-categories-list .bl-cat-icon-baterije-i-punjaci { background-image: url("../img/kategorije/baterije-i-punjaci.svg"); }
.bl-categories-list .bl-cat-icon-baterijske-lampe { background-image: url("../img/kategorije/baterijske-lampe.svg"); }
.bl-categories-list .bl-cat-icon-kampovanje { background-image: url("../img/kategorije/kampovanje.svg"); }
.bl-categories-list .bl-cat-icon-lovacki-setovi { background-image: url("../img/kategorije/lovacki-setovi.svg"); }
.bl-categories-list .bl-cat-icon-pribor { background-image: url("../img/kategorije/pribor.svg"); }
.bl-categories-list .bl-cat-icon-rasprodaja { background-image: url("../img/kategorije/rasprodaja.svg"); }

/* ==================================================
   CENA NA AKCIJI: prvo stara (precrtana), pa nova.
   Blocksy je stavljao novu cenu prvu (del { order: 2 }).
   Kad nema mesta, nova cena prelazi ispod stare.
   ================================================== */
.price .sale-price {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: 8px;
    row-gap: 2px;
}
.price .sale-price del {
    order: 0;
    font-size: .8em;
    font-weight: 600;
    opacity: 1;
    color: #8a8a8a;
    text-decoration-thickness: 1.5px;
}
.price .sale-price ins { order: 1; text-decoration: none; }
.woocommerce div.product .price .sale-price del { color: #94a3b8; }
.woocommerce-price-suffix { white-space: nowrap; }

/* ==================================================
   TAMNE LISTE: stavke sortiranja i naslov "Prodavnica"
   ================================================== */
/* Stavke padajuce liste "Podrazumevano sortiranje" bile su tamne na tamnom */
body.bl-site .woocommerce-ordering select option {
    background-color: #1f1f1f;
    color: #ececec;
}
body.bl-site .woocommerce-ordering select:focus {
    border-color: var(--bl-accent);
    outline: none;
}

/* Naslov strane Prodavnica: tamna traka umesto svetlosive (beli naslov se nije video) */
body.bl-site.post-type-archive-product .hero-section[data-type="type-2"] {
    background-color: var(--bl-dark-2);
    border-bottom: 1px solid var(--bl-dark-line);
}
body.bl-site.post-type-archive-product .hero-section .entry-header { text-align: center; }
body.bl-site.post-type-archive-product .hero-section .page-title { color: #fff; }
body.bl-site.post-type-archive-product .hero-section .page-title::after {
    content: "";
    display: block;
    width: 56px;
    height: 3px;
    margin: 14px auto 0;
    border-radius: 2px;
    background: var(--bl-accent);
}

/* ==================================================
   VECI NAZIVI PROIZVODA NA KARTICAMA (bili 14px)
   ================================================== */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 17px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    letter-spacing: .1px;
    min-height: 46px;
}
@media (max-width: 620px) {
    .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 15px !important; min-height: 41px; }
}

/* "sa PDV-om" se ne prikazuje na karticama (ostaje na strani proizvoda) */
ul.products li.product .woocommerce-price-suffix { display: none; }

/* ==================================================
   STARA CENA: crvena linija preko (varijanta 4)
   Na svetlim stranama tamnosiva, na tamnim skoro bela.
   ================================================== */
html body.bl-site .price .sale-price del {
    color: #6b7280 !important;
    text-decoration: line-through 2px #ff3b30 !important;
}
html body.bl-site .bl-homepage ul.products li.product .price .sale-price del,
html body.bl-site.post-type-archive-product ul.products li.product .price .sale-price del,
html body.bl-site.tax-product_cat ul.products li.product .price .sale-price del,
html body.bl-site.tax-product_tag ul.products li.product .price .sale-price del,
html body.bl-site.search-results.woocommerce ul.products li.product .price .sale-price del {
    color: #e8e8e8 !important;
}

/* Malo vece cene na karticama (bile 17px) */
.woocommerce ul.products li.product .price { font-size: 19px !important; }
@media (max-width: 620px) {
    .woocommerce ul.products li.product .price { font-size: 18px !important; }
}

/* ==================================================
   PROIZVODI KOJIH NEMA NA STANJU
   Oznaka kao poluprozirna traka preko dna slike, slika malo
   izbledela i siva, dugme ne izgleda kao "Dodaj u korpu".
   ================================================== */
ul.products li.product.outofstock figure,
ul.products li.product.outofstock .ct-media-container { position: relative; }
ul.products li.product.outofstock img {
    filter: grayscale(1);
    opacity: .55;
    transition: filter .25s ease, opacity .25s ease;
}
ul.products li.product.outofstock:hover img { filter: grayscale(.3); opacity: .85; }
ul.products li.product .out-of-stock-badge {
    position: absolute !important;
    inset: auto 0 0 0 !important;
    top: auto !important;
    width: 100%;
    height: 34px !important;
    border-radius: 0 0 9px 9px !important;
    background: rgba(17, 17, 17, .82) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    gap: 8px;
}
ul.products li.product .out-of-stock-badge::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ff3b30;
    box-shadow: 0 0 0 3px rgba(255, 59, 48, .25);
}
/* "Cena na upit" umesto 0 RSD */
.bl-price-on-request { font-size: .8em; font-weight: 700; color: var(--bl-dark-muted, #a3a3a3); }
.woocommerce div.product .bl-price-on-request { color: #6b7280; }
/* Dugme kod proizvoda kojih nema: obrub umesto pune narandzaste */
ul.products li.product.outofstock .button {
    background: transparent !important;
    border: 1px solid #3a3a3a !important;
    color: #ececec !important;
}
ul.products li.product.outofstock .button:hover {
    border-color: var(--bl-accent) !important;
    color: #fff !important;
}

/* ==================================================
   STRANA PROIZVODA - NEMA NA STANJU
   ================================================== */
.single-product div.product .out-of-stock-badge {
    position: absolute !important;
    inset: auto 0 0 0 !important;
    top: auto !important;
    width: 100%;
    height: 38px !important;
    border-radius: 0 0 14px 14px !important;
    background: rgba(17, 17, 17, .82) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    gap: 8px;
    z-index: 3;
}
.single-product div.product .out-of-stock-badge::before,
.bl-oos-dot {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    flex: 0 0 9px;
    border-radius: 50%;
    background: #ff3b30;
    box-shadow: 0 0 0 3px rgba(255, 59, 48, .22);
}
.bl-oos-box {
    margin: 4px 0 8px;
    padding: 16px 18px;
    border: 1px solid #fde2cf;
    border-radius: 12px;
    background: #fff7f1;
}
.bl-oos-box .bl-oos-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 6px;
    font-size: 16px;
    font-weight: 800;
    color: #111827;
}
.bl-oos-box .bl-oos-text { margin: 0 0 14px; font-size: 14px; line-height: 1.55; color: #4b5563; }
.bl-oos-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.bl-oos-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 18px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none !important;
    transition: background .2s ease, border-color .2s ease, color .2s ease;
}
.bl-oos-btn-call { background: var(--bl-accent); color: #fff !important; }
.bl-oos-btn-call:hover { background: var(--bl-accent-dark); }
.bl-oos-btn-mail { border: 1px solid #d1d5db; background: #fff; color: #111827 !important; }
.bl-oos-btn-mail:hover { border-color: var(--bl-accent); color: var(--bl-accent) !important; }
@media (max-width: 620px) {
    .bl-oos-btn { flex: 1 1 100%; justify-content: center; }
}
.bl-oos-btn svg { width: 18px; height: 18px; flex: 0 0 18px; fill: currentColor; }

/* Viber dugme i formular za upit */
.bl-oos-btn-viber { background: #7360f2; color: #fff !important; }
.bl-oos-btn-viber:hover { background: #5b48d8; }
button.bl-oos-btn { cursor: pointer; font-family: inherit; line-height: 1; }
.bl-oos-btn-mail[aria-expanded="true"] { border-color: var(--bl-accent); color: var(--bl-accent) !important; }
.bl-upit-form { margin-top: 16px; padding-top: 16px; border-top: 1px solid #fde2cf; }
.bl-upit-form[hidden] { display: none; }
.bl-upit-form p { margin: 0 0 12px; }
.bl-upit-form label { display: block; margin-bottom: 5px; font-size: 13px; font-weight: 700; color: #374151; }
.bl-upit-form input[type="text"],
.bl-upit-form textarea {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background: #fff;
    font-size: 14px;
    color: #111827;
}
.bl-upit-form input[type="text"]:focus,
.bl-upit-form textarea:focus { border-color: var(--bl-accent); outline: none; box-shadow: 0 0 0 3px rgba(230, 83, 0, .15); }
.bl-upit-form .bl-upit-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.bl-upit-notice { margin: 0 0 14px; padding: 10px 12px; border-radius: 8px; font-size: 14px; font-weight: 700; }
.bl-upit-ok { background: #ecfdf3; color: #067647; border: 1px solid #abefc6; }
.bl-upit-err { background: #fef3f2; color: #b42318; border: 1px solid #fecdca; }
.bl-upit-form textarea { min-height: 90px; height: 90px; resize: vertical; }

/* ==================================================
   STRANA PROIZVODA: SKU/EAN, Kupi odmah, pomoc, deklaracija
   ================================================== */
.bl-product-codes { list-style: none; margin: -4px 0 16px; padding: 0; font-size: 14px; color: #4b5563; }
.bl-product-codes li { margin: 2px 0; }
.bl-product-codes span { font-weight: 700; color: #111827; }

.single-product div.product form.cart { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.single-product div.product form.cart .bl-buy-now {
    min-height: 48px;
    padding: 0 22px;
    border-radius: 8px;
    border: 2px solid var(--bl-accent) !important;
    background: #fff !important;
    color: var(--bl-accent) !important;
    font-weight: 900;
    cursor: pointer;
}
.single-product div.product form.cart .bl-buy-now:hover { background: var(--bl-accent) !important; color: #fff !important; }

.bl-oos-btn-whatsapp { background: #25d366; color: #fff !important; }
.bl-oos-btn-whatsapp:hover { background: #1ebe5a; }
.bl-oos-btn-messenger { background: #0866ff; color: #fff !important; }
.bl-oos-btn-messenger:hover { background: #0656d6; }

.bl-help-box { margin: 18px 0 8px; padding: 16px 18px; border: 1px solid #e5e7eb; border-radius: 12px; background: #fafafa; }
.bl-help-title { margin: 0 0 10px; font-size: 16px; font-weight: 800; color: #111827; }
.bl-help-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.bl-help-list a,
.bl-help-list button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 5px 0;
    border: 0;
    background: none;
    font: inherit;
    font-size: 14px;
    color: #374151 !important;
    text-decoration: none !important;
    cursor: pointer;
}
.bl-help-list a:hover,
.bl-help-list button:hover { color: var(--bl-accent) !important; }
.bl-help-list svg { width: 20px; height: 20px; flex: 0 0 20px; fill: #6b7280; }
.bl-help-list a[href^="tel"] svg { fill: var(--bl-accent); }
.bl-help-viber svg { fill: #7360f2 !important; }
.bl-help-whatsapp svg { fill: #25d366 !important; }
.bl-help-messenger svg { fill: #0866ff !important; }
.bl-help-box .bl-upit-form { border-top-color: #e5e7eb; }

.bl-declaration { width: 100%; max-width: 760px; border-collapse: collapse; font-size: 15px; }
.bl-declaration th,
.bl-declaration td { padding: 11px 14px; text-align: left; vertical-align: top; border: 0; }
.bl-declaration tr:nth-child(odd) { background: #f6f7f9; }
.bl-declaration th { width: 170px; font-weight: 600; color: #4b5563; }
.bl-declaration td { color: #111827; }
@media (max-width: 620px) {
    .bl-declaration th { width: 120px; }
    .single-product div.product form.cart .bl-buy-now { flex: 1 1 100%; }
}

/* ==================================================
   STRANA PROIZVODA v2: jaci kodovi, isporuka, stanje, pomoc
   ================================================== */
/* 1. Kod proizvoda i EAN kao jasne plocice */
.bl-product-codes { display: flex; flex-wrap: wrap; gap: 8px; margin: 2px 0 16px; font-size: 15px; }
.bl-product-codes li {
    display: inline-flex;
    align-items: baseline;
    gap: 8px;
    margin: 0;
    padding: 7px 12px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #f6f7f9;
}
.bl-product-codes span { font-size: 12px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; color: #6b7280; }
.bl-product-codes strong { font-size: 15px; font-weight: 800; color: #111827; letter-spacing: .3px; }

/* 3. Troskovi isporuke: kartica sa kamionom i narandzastom ivicom */
.bl-shipping-note {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0 0 18px;
    padding: 14px 16px;
    border: 1px solid #fcd9bd;
    border-left: 5px solid var(--bl-accent);
    border-radius: 10px;
    background: linear-gradient(90deg, #fff4ea, #fffaf6);
}
.bl-shipping-note svg { width: 34px; height: 34px; flex: 0 0 34px; fill: var(--bl-accent); }
.bl-shipping-note strong { display: block; font-size: 15px; font-weight: 800; color: #111827; text-transform: uppercase; letter-spacing: .3px; }
.bl-shipping-note span { display: block; margin-top: 2px; font-size: 14px; color: #4b5563; }

/* 2. Stanje: zelena tacka + "Na stanju", bez broja komada */
.single-product div.product p.stock.in-stock {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    font-weight: 700;
    color: #067647;
}
.single-product div.product p.stock.in-stock::before {
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #12b76a;
    box-shadow: 0 0 0 3px rgba(18, 183, 106, .2);
}

/* 4. "Kako mozemo da pomognemo?" - krupnije, kao dugmad sa ikonicom u krugu */
.bl-help-box { padding: 18px 20px; background: #fff; border-color: #e5e7eb; box-shadow: 0 6px 20px rgba(17, 24, 39, .06); }
.bl-help-title { font-size: 18px; margin-bottom: 14px; }
.bl-help-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.bl-help-list li:first-child { grid-column: 1 / -1; }
.bl-help-list a,
.bl-help-list button {
    width: 100%;
    gap: 12px;
    padding: 9px 12px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #fafafa;
    font-size: 15px;
    font-weight: 700;
    color: #111827 !important;
    transition: border-color .2s ease, background .2s ease, transform .2s ease;
}
.bl-help-list a:hover,
.bl-help-list button:hover { border-color: currentColor; background: #fff; transform: translateY(-1px); }
.bl-help-list svg {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    padding: 7px;
    border-radius: 50%;
    fill: #fff !important;
    background: #6b7280;
}
.bl-help-list a[href^="tel"] { background: #fff4ea; border-color: #fcd9bd; font-size: 16px; }
.bl-help-list a[href^="tel"] svg { background: var(--bl-accent); }
.bl-help-list a[href^="tel"] strong { color: var(--bl-accent); font-size: 17px; }
.bl-help-viber svg { background: #7360f2; }
.bl-help-whatsapp svg { background: #25d366; }
.bl-help-messenger svg { background: #0866ff; }
.bl-help-mail svg { background: #374151; }
.bl-help-viber:hover { color: #7360f2 !important; }
.bl-help-whatsapp:hover { color: #1a9e4b !important; }
.bl-help-messenger:hover { color: #0866ff !important; }
@media (max-width: 620px) {
    .bl-help-list { grid-template-columns: 1fr; }
}
/* "Na stanju" krupnije */
.single-product div.product p.stock.in-stock { font-size: 18px; font-weight: 800; gap: 10px; }
.single-product div.product p.stock.in-stock::before { width: 11px; height: 11px; }

/* ==================================================
   LOGOI BRENDOVA
   ================================================== */
/* Pocetna: logoi u belim plocicama, klik vodi na proizvode brenda */
.bl-brand-strip {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 14px;
    border: 0;
    border-radius: 0;
    overflow: visible;
}
.bl-brand-tile {
    min-height: 92px;
    display: grid;
    place-items: center;
    padding: 14px 18px;
    border-radius: 12px;
    background: #fff;
    border: 2px solid transparent;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.bl-brand-tile:hover { transform: translateY(-3px); border-color: var(--bl-accent); box-shadow: 0 12px 28px rgba(0, 0, 0, .45); }
.bl-brand-tile img { display: block; max-width: 100%; max-height: 62px; width: auto; height: auto; object-fit: contain; }
.bl-brand-name { font-size: 22px; font-weight: 900; color: #111827; letter-spacing: -.3px; }

/* Strana proizvoda: logo brenda gore desno, link na sve proizvode brenda */
.single-product div.product .summary { position: relative; }
.bl-product-brand {
    float: right;
    margin: 4px 0 10px 16px;
    padding: 8px 10px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #fff;
    line-height: 0;
    transition: border-color .2s ease, box-shadow .2s ease;
}
.bl-product-brand:hover { border-color: var(--bl-accent); box-shadow: 0 6px 18px rgba(17, 24, 39, .1); }
.bl-product-brand img { display: block; width: auto; max-width: 130px; max-height: 52px; }
.bl-product-brand .bl-brand-name { display: block; line-height: 1.2; font-size: 16px; }
@media (max-width: 620px) {
    .bl-brand-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .bl-brand-tile { min-height: 76px; }
    .bl-product-brand img { max-width: 96px; max-height: 40px; }
}
.bl-brand-strip .bl-brand-tile .bl-brand-name { display: inline; min-height: 0; padding: 0; border: 0; background: none; color: #111827; font-size: 22px; }

/* Strana brenda: logo u pravoj velicini (bio je razvucen preko cele sirine i mutan) */
html body.bl-site.tax-product_brand .hero-section figure,
html body.bl-site.tax-product_brand .hero-section .ct-media-container {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    padding: 26px 20px 6px !important;
    background: #fff !important;
}
html body.bl-site.tax-product_brand .hero-section .ct-media-container img,
html body.bl-site.tax-product_brand .hero-section figure img {
    width: auto !important;
    height: auto !important;
    max-width: min(340px, 80vw) !important;
    max-height: 130px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
}

/* ==================================================
   PRAZNA KORPA: dugme i poravnati proizvodi "Novo u ponudi"
   ================================================== */
.wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title { margin-bottom: 18px; }
.bl-empty-cart-cta { text-align: center; margin: 0 0 40px; }
.bl-empty-cart-cta .bl-btn { min-height: 50px; padding: 0 28px; color: #fff; text-decoration: none; }
.wp-block-woocommerce-empty-cart-block .wc-block-grid__products {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product {
    display: flex !important;
    flex-direction: column;
    max-width: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 12px 12px 16px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 12px;
    background: #fff;
    text-align: left !important;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-link { display: block; color: #111827 !important; text-decoration: none; }
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image { margin: 0 0 12px !important; aspect-ratio: 1 / 1; display: grid; place-items: center; background: #fff; }
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title {
    min-height: 46px;
    margin: 0 0 8px !important;
    font-size: 16px !important;
    font-weight: 700;
    line-height: 1.35;
    color: #111827 !important;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price { margin: 0 0 12px !important; font-size: 18px; font-weight: 800; color: var(--bl-accent) !important; }
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price .woocommerce-price-suffix { display: none; }
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart { margin-top: auto !important; }
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart .wp-block-button__link {
    display: block;
    width: 100%;
    padding: 11px 12px;
    border-radius: 8px;
    background: var(--bl-accent) !important;
    color: #fff !important;
    font-size: 14px;
    font-weight: 800;
    text-align: center;
}
@media (max-width: 900px) { .wp-block-woocommerce-empty-cart-block .wc-block-grid__products { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.bl-empty-cart-cta .bl-btn.bl-btn-primary { background: var(--bl-accent) !important; border-color: var(--bl-accent) !important; color: #fff !important; }
.bl-empty-cart-cta .bl-btn.bl-btn-primary:hover { background: var(--bl-accent-dark) !important; border-color: var(--bl-accent-dark) !important; }

/* "Cena na upit": crveno i deblje da se uoci */
.woocommerce div.product .price .bl-price-on-request,
.single-product div.product p.price .bl-price-on-request {
    display: inline-block;
    font-size: 26px;
    font-weight: 900;
    color: #d92d20;
    letter-spacing: -.2px;
}
ul.products li.product .price .bl-price-on-request {
    font-size: 17px;
    font-weight: 800;
    color: #ff6b5f;
}
.wp-block-woocommerce-empty-cart-block .bl-price-on-request { color: #d92d20; font-weight: 800; }

/* Prazna korpa: nasa ikonica umesto tuznog lica */
.wc-block-cart__empty-cart__title.with-empty-cart-icon::before {
    width: 120px !important;
    height: 120px !important;
    margin: 0 auto 22px !important;
    background: url("../img/prazna-korpa.svg") center / contain no-repeat !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
}

/* ==================================================
   FILTERI U PRODAVNICI (1.9.0)
   Levo panel (na stanju, cena, brend, vrsta), desno proizvodi.
   Na telefonu dugme "Filteri" otvara panel preko cele strane.
   ================================================== */
.bl-shop, .bl-filters { --bl-f-bg: var(--bl-dark-2, #161616); --bl-f-line: var(--bl-dark-line, #2e2e2e); --bl-f-field: var(--bl-dark-3, #1f1f1f); --bl-f-muted: var(--bl-dark-muted, #a3a3a3); color: var(--bl-dark-text, #ececec); }
.bl-filters { color: var(--bl-dark-text, #ececec); }
.bl-f-form { background: var(--bl-f-bg); border: 1px solid var(--bl-f-line); border-radius: 12px; padding: 4px 18px 16px; }
.bl-f-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 0; border-bottom: 1px solid var(--bl-f-line); }
.bl-f-head strong { font-size: 17px; color: #fff; }
.bl-f-clear, .bl-f-chips-clear { color: var(--bl-accent) !important; font-size: 13px; font-weight: 700; text-decoration: none; }
.bl-f-close { display: none; }
.bl-f-group { display: block; padding: 14px 0; border-bottom: 1px solid var(--bl-f-line); }
.bl-f-group:last-child { border-bottom: 0; }
.bl-f-group > summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; color: #fff; }
.bl-f-group > summary::-webkit-details-marker { display: none; }
.bl-f-group > summary::after { content: "−"; color: var(--bl-f-muted); font-size: 18px; font-weight: 400; }
.bl-f-group:not([open]) > summary::after { content: "+"; }
.bl-f-body { padding-top: 10px; }

/* Samo na stanju */
.bl-f-stock { display: flex; align-items: center; justify-content: space-between; cursor: pointer; font-weight: 700; color: #fff; position: relative; }
.bl-f-stock em { font-style: normal; font-weight: 400; color: var(--bl-f-muted); font-size: 13px; margin-left: 4px; }
.bl-f-stock input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.bl-f-switch { flex: none; width: 42px; height: 24px; border-radius: 12px; background: var(--bl-dark-4, #2a2a2a); border: 1px solid #444; position: relative; transition: background .15s; }
.bl-f-switch::after { content: ""; position: absolute; left: 3px; top: 2px; width: 18px; height: 18px; border-radius: 50%; background: #bbb; transition: transform .15s, background .15s; }
.bl-f-stock input:checked + .bl-f-switch { background: var(--bl-accent); border-color: var(--bl-accent); }
.bl-f-stock input:checked + .bl-f-switch::after { transform: translateX(18px); background: #fff; }
.bl-f-stock input:focus-visible + .bl-f-switch { outline: 2px solid #fff; outline-offset: 2px; }

/* Cena */
.bl-f-price-inputs { display: flex; align-items: center; gap: 6px; color: var(--bl-f-muted); font-size: 14px; }
.bl-f-price-inputs input { flex: 1; min-width: 0; height: 38px !important; padding: 0 10px !important; background: var(--bl-f-field) !important; border: 1px solid var(--bl-f-line) !important; border-radius: 6px !important; color: #fff !important; font-size: 14px !important; }
.bl-f-range { position: relative; height: 22px; margin: 12px 9px 0; }
.bl-f-range::before, .bl-f-range-fill { content: ""; position: absolute; top: 9px; height: 4px; border-radius: 2px; }
.bl-f-range::before { left: 0; right: 0; background: var(--bl-dark-4, #2a2a2a); }
.bl-f-range-fill { left: var(--bl-f-from, 0%); right: var(--bl-f-to, 0%); background: var(--bl-accent); }
.bl-f-range input[type="range"] { position: absolute; left: -9px; width: calc(100% + 18px); top: 0; height: 22px; margin: 0; padding: 0; background: none !important; border: 0 !important; -webkit-appearance: none; appearance: none; pointer-events: none; }
.bl-f-range input[type="range"]::-webkit-slider-runnable-track { background: none; border: 0; }
.bl-f-range input[type="range"]::-moz-range-track { background: none; border: 0; }
.bl-f-range input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; pointer-events: auto; width: 20px; height: 20px; border-radius: 50%; background: #fff; border: 4px solid var(--bl-accent); cursor: pointer; }
.bl-f-range input[type="range"]::-moz-range-thumb { pointer-events: auto; width: 12px; height: 12px; border-radius: 50%; background: #fff; border: 4px solid var(--bl-accent); cursor: pointer; }

/* Brend, vrsta */
.bl-f-check { display: flex; align-items: center; gap: 10px; padding: 5px 0; font-size: 14.5px; color: var(--bl-dark-text, #ececec); cursor: pointer; }
.bl-f-check[hidden] { display: none; }
.bl-f-check input { flex: none; position: relative; width: 18px !important; height: 18px !important; margin: 0 !important; padding: 0 !important; -webkit-appearance: none; appearance: none; background: transparent !important; border: 2px solid #5a5a5a !important; border-radius: 4px !important; cursor: pointer; }
.bl-f-check input:checked { background: var(--bl-accent) !important; border-color: var(--bl-accent) !important; }
.bl-f-check input:checked::after { content: ""; position: absolute; left: 4px; top: 0; width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.bl-f-check input:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.bl-f-check input:checked + span { font-weight: 700; color: #fff; }
.bl-f-check em { margin-left: auto; font-style: normal; color: var(--bl-f-muted); font-size: 13px; }
.bl-f-check.is-empty { opacity: .45; cursor: default; }
.bl-f-more { background: none !important; border: 0 !important; padding: 6px 0 0 !important; min-height: 0 !important; color: var(--bl-accent) !important; font-size: 13px !important; font-weight: 700; cursor: pointer; }
.bl-f-foot { display: none; }

/* Aktivni filteri */
.bl-f-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 16px; }
.bl-f-chip { display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; border: 1px solid var(--bl-accent); border-radius: 20px; background: rgba(230, 83, 0, .15); color: #fff !important; font-size: 13.5px; font-weight: 700; text-decoration: none; }
.bl-f-chip span { color: var(--bl-accent); font-size: 16px; line-height: 1; }
.bl-f-chip:hover { background: rgba(230, 83, 0, .3); }
.bl-f-toggle { display: none; }

@media (min-width: 1000px) {
    .bl-shop { display: grid; grid-template-columns: 270px minmax(0, 1fr); gap: 28px; align-items: start; }
    .bl-filters { position: sticky; top: calc(20px + var(--wp-admin--admin-bar--height, 0px)); }
    /* Panel scrolls on its own; at its end the page keeps scrolling, so the whole panel always fits on screen. */
    .bl-filters .bl-f-form { max-height: calc(100vh - 40px - var(--wp-admin--admin-bar--height, 0px)); overflow-y: auto; scrollbar-width: thin; scrollbar-color: #555 transparent; }
    .bl-filters .bl-f-form::-webkit-scrollbar { width: 6px; }
    .bl-filters .bl-f-form::-webkit-scrollbar-thumb { background: #555; border-radius: 3px; }
    .bl-shop-main [data-products] { --shop-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 999.98px) {
    .bl-shop-main { display: flex; flex-wrap: wrap; column-gap: 10px; }
    .bl-shop-main > * { flex: 1 1 100%; order: 5; min-width: 0; }
    .bl-shop-main > .bl-f-toggle { flex: 1 1 0; order: 1; }
    .bl-shop-main > .woo-listing-top { flex: 1 1 0; order: 2; margin-bottom: 12px !important; }
    .bl-shop-main > .bl-f-chips, .bl-shop-main > .woocommerce-notices-wrapper { order: 3; }
    .bl-shop-main > .woo-listing-top .woocommerce-result-count { display: none; }
    .bl-shop-main > .woo-listing-top .woocommerce-ordering { width: 100%; margin: 0; }
    .bl-shop-main > .woo-listing-top .woocommerce-ordering select { width: 100%; height: 46px !important; padding: 0 30px 0 12px !important; font-size: 15px !important; font-weight: 700; text-overflow: ellipsis; }
    .bl-f-toggle { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 46px; margin: 0 0 12px; padding: 0 16px; border: 0; border-radius: 8px; background: var(--bl-accent); color: #fff; font-size: 16px; font-weight: 800; cursor: pointer; }
    .bl-f-toggle svg { width: 20px; height: 20px; fill: currentColor; }
    .bl-filters { position: fixed; inset: 0; z-index: 99999; display: none; background: var(--bl-f-bg, #161616); }
    body.bl-filters-open { overflow: hidden; }
    body.bl-filters-open .bl-filters { display: block; }
    .bl-f-form { height: 100%; display: flex; flex-direction: column; border: 0; border-radius: 0; padding: 0; }
    .bl-f-head { padding: 14px 16px; }
    .bl-f-head strong { font-size: 19px; }
    .bl-f-clear { display: none; }
    .bl-f-close { display: block; background: none !important; border: 0 !important; color: #bbb !important; font-size: 32px !important; line-height: 1; padding: 0 4px !important; min-height: 0 !important; cursor: pointer; }
    .bl-f-scroll { flex: 1; overflow-y: auto; padding: 0 16px; -webkit-overflow-scrolling: touch; }
    .bl-f-check { padding: 8px 0; font-size: 16px; }
    .bl-f-foot { display: flex; gap: 10px; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); border-top: 1px solid var(--bl-f-line); background: var(--bl-f-bg); }
    .bl-f-reset { display: flex; align-items: center; padding: 0 18px; border: 1px solid var(--bl-f-line); border-radius: 8px; color: #fff !important; font-weight: 700; text-decoration: none; }
    .bl-f-apply { flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: .3em; min-height: 48px; border: 0; border-radius: 8px; background: var(--bl-accent) !important; color: #fff !important; font-size: 16px; font-weight: 800; cursor: pointer; }
}

/* ==================================================
   NIZAK NASLOV PRODAVNICE (1.9.2)
   Proizvodi se vide odmah, bez velikog praznog polja.
   ================================================== */
body.bl-site.post-type-archive-product .hero-section[data-type="type-2"] > [class*="ct-container"] { min-height: 0; padding: 22px 0 18px; }
body.bl-site.post-type-archive-product .hero-section .page-title { margin: 0; font-size: 30px; line-height: 1.2; }
body.bl-site.post-type-archive-product .hero-section .page-title::after { margin-top: 10px; }
body.bl-site.post-type-archive-product .hero-section + .ct-container[data-vertical-spacing*="top"] { padding-top: 24px; }
@media (max-width: 689.98px) {
    body.bl-site.post-type-archive-product .hero-section[data-type="type-2"] > [class*="ct-container"] { padding: 16px 0 14px; }
    body.bl-site.post-type-archive-product .hero-section .page-title { font-size: 24px; }
    body.bl-site.post-type-archive-product .hero-section + .ct-container[data-vertical-spacing*="top"] { padding-top: 16px; }
}

/* ==================================================
   NIZAK VRH KATEGORIJA I BRENDOVA (1.9.3)
   Mala slika levo, naslov desno, proizvodi odmah ispod.
   Nadjacava "Dodatni CSS" (slika 260px + belo polje).
   ================================================== */
html body.bl-site.tax-product_cat .hero-section {
    flex-direction: row !important;
    align-items: center !important;
    gap: 20px;
    margin: 0 0 22px !important;
    padding: 14px 18px !important;
    background: var(--bl-dark-2) !important;
    border: 1px solid var(--bl-dark-line);
    border-radius: 12px;
}
html body.bl-site.tax-product_cat .hero-section figure {
    order: 0 !important;
    flex: 0 0 110px !important;
    width: 110px !important;
    height: 110px !important;
    max-height: 110px !important;
    padding: 0 !important;
    border-radius: 10px;
    background: #fff !important;
}
html body.bl-site.tax-product_cat .hero-section .ct-media-container {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    padding: 8px !important;
    border-radius: 10px;
    background: #fff !important;
}
html body.bl-site.tax-product_cat .hero-section .ct-media-container img,
html body.bl-site.tax-product_cat .hero-section figure img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
}
html body.bl-site.tax-product_cat .hero-section .entry-header {
    order: 1 !important;
    flex: 1 1 auto !important;
    width: auto !important;
    padding: 0 !important;
    background: transparent !important;
    text-align: left !important;
}
html body.bl-site.tax-product_cat .hero-section .page-title { color: #fff !important; font-size: 30px !important; }
html body.bl-site.tax-product_cat .hero-section .woocommerce-breadcrumb { margin: 0 0 6px !important; justify-content: flex-start !important; }
html body.bl-site.tax-product_cat .hero-section .page-description,
html body.bl-site.tax-product_cat .hero-section .term-description { margin-top: 6px !important; color: var(--bl-dark-muted) !important; font-size: 15px; }
html body.bl-site.tax-product_cat .hero-section .page-description p,
html body.bl-site.tax-product_cat .hero-section .term-description p { margin: 0; }
/* Brendovi: logo je sirok, pa sire belo polje */
html body.bl-site.tax-product_brand .hero-section figure { flex-basis: 200px !important; width: 200px !important; height: 96px !important; max-height: 96px !important; }
html body.bl-site.tax-product_brand .hero-section .ct-media-container { padding: 10px 14px !important; }
html body.bl-site.tax-product_brand .hero-section .ct-media-container img,
html body.bl-site.tax-product_brand .hero-section figure img { max-width: 100% !important; max-height: 100% !important; margin: 0 !important; }
@media (max-width: 689.98px) {
    html body.bl-site.tax-product_cat .hero-section { gap: 14px; padding: 10px 12px !important; margin-bottom: 16px !important; }
    html body.bl-site.tax-product_cat .hero-section figure { flex-basis: 72px !important; width: 72px !important; height: 72px !important; max-height: 72px !important; }
    html body.bl-site.tax-product_cat .hero-section .ct-media-container { padding: 5px !important; }
    html body.bl-site.tax-product_brand .hero-section figure { flex-basis: 120px !important; width: 120px !important; height: 60px !important; max-height: 60px !important; }
    html body.bl-site.tax-product_cat .hero-section .page-title { font-size: 22px !important; }
    html body.bl-site.tax-product_cat .hero-section .woocommerce-breadcrumb { font-size: 12px !important; margin-bottom: 3px !important; }
}
html body.bl-site.tax-product_cat .ct-container[data-vertical-spacing*="top"] { padding-top: 24px; }
@media (max-width: 689.98px) { html body.bl-site.tax-product_cat .ct-container[data-vertical-spacing*="top"] { padding-top: 14px; } }

/* ==================================================
   MOJ NALOG: PROZORCIC PRIJAVA / REGISTRACIJA (1.9.4)
   ================================================== */
.bl-account-menu { position: relative; display: flex; }
.bl-account-drop {
    position: absolute; right: -16px; top: 100%; z-index: 1000;
    width: 240px; margin-top: 12px; padding: 16px;
    background: var(--bl-dark-2, #161616); border: 1px solid var(--bl-dark-line, #2e2e2e); border-radius: 12px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, .55);
    text-align: center;
    opacity: 0; visibility: hidden; transform: translateY(6px);
    transition: opacity .15s, transform .15s, visibility .15s;
}
.bl-account-drop::before { content: ""; position: absolute; left: 0; right: 0; top: -14px; height: 14px; }
.bl-account-menu:hover .bl-account-drop,
.bl-account-menu:focus-within .bl-account-drop { opacity: 1; visibility: visible; transform: none; }
.bl-account-drop p { margin: 12px 0 8px; color: var(--bl-dark-muted, #a3a3a3); font-size: 13px; }
.bl-account-btn {
    display: block; padding: 11px 14px; border-radius: 8px;
    background: var(--bl-accent); color: #fff !important; font-weight: 800; font-size: 15px; text-decoration: none;
}
.bl-account-btn:hover { background: var(--bl-accent-hi, #ff6a1a); }
.bl-account-btn-alt { background: transparent; border: 1.5px solid var(--bl-accent); }
.bl-account-btn-alt:hover { background: rgba(230, 83, 0, .18); }
.bl-account-link { display: block; margin-top: 10px; color: #ececec !important; font-weight: 600; font-size: 14px; text-decoration: none; }
.bl-account-link:hover { color: var(--bl-accent-hi, #ff6a1a) !important; }
@media (max-width: 900px) { .bl-account-menu { display: none; } }

/* "Preskoči na sadržaj": skriveno, vidi se samo kad se dođe tasterom Tab (pristupačnost). */
.skip-link.show-on-focus { position: absolute !important; left: -9999px; top: 0; width: 1px; height: 1px; overflow: hidden; z-index: 100000; }
.skip-link.show-on-focus:focus { left: 12px; top: 12px; width: auto; height: auto; padding: 10px 16px; background: #fff; color: #111 !important; border-radius: 6px; font-weight: 700; }

/* Gornja traka na racunaru: telefon levo, dostava u sredini, email desno (1.9.7) */
@media (min-width: 1101px) {
    html body .bl-header .bl-topbar-right { display: contents !important; }
}

/* ==================================================
   PODACI NA KARTICAMA (2.0.0): lumeni, domet, baterije
   ================================================== */
.bl-specs { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 0; margin: 16px 0 14px; border: 1px solid #3a3a3a; border-radius: 10px; overflow: hidden; background: #1f1f1f; }
.bl-spec { display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 11px 6px; border: 0; border-radius: 0; background: transparent; color: #d4d4d4; font-size: 14px; line-height: 1.1; white-space: nowrap; }
.bl-spec + .bl-spec { border-left: 1px solid #3a3a3a; }
.bl-spec b { color: #fff; font-weight: 800; font-size: 17px; }
.bl-spec svg { width: 20px; height: 20px; flex: none; color: var(--bl-accent-hi, #ff6a1a); }
@media (max-width: 689.98px) { .bl-spec { font-size: 12px; padding: 9px 4px; gap: 5px; } .bl-spec b { font-size: 15px; } .bl-spec svg { width: 16px; height: 16px; } }
/* Pločice sa tekstom (bl_spec_kratko, npr. „Daljinski prekidač | IP68”): širina po tekstu; ako ne stane, tekst ide u drugi red (2.10.0) */
.bl-specs.bl-specs-t { grid-auto-columns: minmax(0, auto); }
.bl-spec.bl-spec-tekst { min-width: 0; gap: 6px; padding-left: 7px; padding-right: 7px; white-space: normal; }
.bl-spec.bl-spec-tekst > span { min-width: 0; text-align: center; line-height: 1.15; }
.bl-spec.bl-spec-tekst b { font-size: 14px; font-weight: 700; }
@media (max-width: 689.98px) { .bl-spec.bl-spec-tekst b { font-size: 13px; } }
/* Uska kartica (3 kolone na manjem računaru ili tabletu): pločice sa tekstom jedna ispod druge, da se tekst ne lomi. */
ul.products li.product { container: bl-kartica / inline-size; }
@container bl-kartica (max-width: 249px) {
    .bl-specs.bl-specs-t { grid-auto-flow: row; grid-auto-columns: auto; }
    .bl-specs.bl-specs-t .bl-spec + .bl-spec { border-left: 0; border-top: 1px solid #3a3a3a; }
    .bl-specs.bl-specs-t .bl-spec { padding-top: 8px; padding-bottom: 8px; }
}
@container bl-kartica (max-width: 190px) {
    .bl-specs.bl-specs-t .bl-spec-tekst svg { display: none; }
    .bl-specs.bl-specs-t .bl-spec-tekst b { font-size: 13px; }
}
/* Brojevi na pločicama se smanjuju sa karticom (manji laptop, tablet), da ništa ne pređe ivicu (2.12.4) */
ul.products li.product .bl-spec:not(.bl-spec-tekst) { font-size: clamp(10px, 6cqi - 3px, 14px); gap: clamp(3px, 3cqi - 2px, 7px); padding-left: clamp(3px, 2cqi, 6px); padding-right: clamp(3px, 2cqi, 6px); }
ul.products li.product .bl-spec:not(.bl-spec-tekst) b { font-size: clamp(11px, 9cqi - 4px, 17px); }
ul.products li.product .bl-spec:not(.bl-spec-tekst) svg { width: clamp(14px, 7cqi, 20px); height: clamp(14px, 7cqi, 20px); }
@media (max-width: 689.98px) {
    ul.products li.product .bl-spec:not(.bl-spec-tekst) { font-size: clamp(10px, 6cqi - 3px, 12px); }
    ul.products li.product .bl-spec:not(.bl-spec-tekst) b { font-size: clamp(11px, 9cqi - 4px, 15px); }
    ul.products li.product .bl-spec:not(.bl-spec-tekst) svg { width: clamp(14px, 7cqi, 16px); height: clamp(14px, 7cqi, 16px); }
}
/* Tri pločice (lumeni, domet, baterija) ne staju u jedan red na užoj kartici: baterija ide u drugi red preko cele širine, da se ništa ne seče (2.12.4) */
@media (min-width: 690px) {
    @container bl-kartica (max-width: 349px) {
        .bl-specs:not(.bl-specs-t):has(> .bl-spec:nth-child(3)) { grid-auto-flow: row; grid-template-columns: 1fr 1fr; }
        .bl-specs:not(.bl-specs-t):has(> .bl-spec:nth-child(3)) > .bl-spec:nth-child(3) { grid-column: 1 / -1; border-left: 0; border-top: 1px solid #3a3a3a; }
    }
}
@media (max-width: 689.98px) {
    @container bl-kartica (max-width: 299px) {
        .bl-specs:not(.bl-specs-t):has(> .bl-spec:nth-child(3)) { grid-auto-flow: row; grid-template-columns: 1fr 1fr; }
        .bl-specs:not(.bl-specs-t):has(> .bl-spec:nth-child(3)) > .bl-spec:nth-child(3) { grid-column: 1 / -1; border-left: 0; border-top: 1px solid #3a3a3a; }
    }
}
/* Cena, kategorija i „Dodaj u korpu” uvek na dnu kartice, pa su cene u istoj ravni i kad neki proizvod nema pločice (2.10.0) */
ul.products li.product > .price { margin-top: auto !important; }
ul.products li.product > .ct-woo-card-actions { margin-top: 14px !important; }

/* Traka kategorije/brenda poravnata sa proizvodima, ne od ivice do ivice (2.0.1) */
html body.bl-site.tax-product_cat .hero-section[data-type="type-2"] {
    box-sizing: border-box;
    width: var(--theme-container-width, 90vw) !important;
    max-width: var(--theme-normal-container-max-width, 1290px) !important;
    margin: 24px auto 0 !important;
}
html body.bl-site.tax-product_cat .hero-section[data-type="type-2"] > .entry-header { max-width: none !important; margin: 0 !important; }
@media (max-width: 689.98px) {
    html body.bl-site.tax-product_cat .hero-section[data-type="type-2"] { margin-top: 14px !important; }
}
@media (max-width: 999.98px) {
    .bl-shop-main > .woo-listing-top .woocommerce-ordering { position: relative; }
    .bl-shop-main > .woo-listing-top .woocommerce-ordering select { width: 100% !important; }
    .bl-shop-main > .woo-listing-top .woocommerce-ordering > svg { position: absolute; right: 12px; left: auto !important; top: 50%; transform: translateY(-50%); pointer-events: none; }
}

/* ==================================================
   LISTA ZELJA (2.1.0): srce na kartici, na strani proizvoda i u zaglavlju
   ================================================== */
ul.products li.product figure { position: relative; }
.bl-heart {
    position: absolute; top: 10px; right: 10px; z-index: 5;
    display: inline-flex; align-items: center; justify-content: center;
    width: 38px; height: 38px; padding: 0 !important; min-height: 0 !important;
    border-radius: 50% !important; border: 1px solid #e5e7eb !important;
    background: rgba(255, 255, 255, .92) !important; color: #6b7280 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15); cursor: pointer; transition: transform .15s, color .15s;
}
.bl-heart svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; }
.bl-heart:hover { color: var(--bl-accent) !important; transform: scale(1.08); }
.bl-heart.is-on { color: var(--bl-accent) !important; }
.bl-heart.is-on svg { fill: currentColor; }
.bl-heart-row { margin: 4px 0 14px; }
.bl-heart.bl-heart-text {
    position: static; width: auto; height: auto; gap: 8px; padding: 10px 16px !important;
    border-radius: 8px !important; border: 1.5px solid #d1d5db !important; background: #fff !important; box-shadow: none;
    font-size: 15px; font-weight: 700; color: #374151 !important;
}
.bl-heart.bl-heart-text:hover, .bl-heart.bl-heart-text.is-on { border-color: var(--bl-accent) !important; color: var(--bl-accent) !important; transform: none; }
.bl-lista-action .bl-cart-icon-wrap > svg { fill: none !important; stroke: #fff; stroke-width: 2; }
.bl-lista-action:hover .bl-cart-icon-wrap > svg { stroke: var(--bl-accent-hi, #ff6a1a); }
.bl-lista-page h1 { color: #fff; margin: 4px 0 0; font-size: 34px; }
.bl-lista-empty { text-align: center; padding: 50px 20px 70px; }
.bl-lista-empty[hidden] { display: none; }
.bl-lista-empty-icon svg { width: 64px; height: 64px; fill: none; stroke: var(--bl-accent); stroke-width: 1.6; }
.bl-lista-empty h2 { margin: 14px 0 6px; }
.bl-lista-empty p { color: var(--bl-dark-muted, #a3a3a3); margin: 0 0 22px; }
@media (max-width: 689.98px) {
    .bl-heart { width: 34px; height: 34px; top: 8px; right: 8px; }
    .bl-heart svg { width: 18px; height: 18px; }
}
.bl-lista-count { position: absolute; right: -8px; top: -8px; min-width: 19px; height: 19px; display: grid; place-items: center; border-radius: 50%; background: var(--bl-accent); color: #fff; font-size: 11px; font-weight: 900; border: 2px solid var(--bl-dark, #0d0d0d); }
.bl-lista-count[hidden] { display: none; }
@media (max-width: 900px) {
    .bl-head-action.bl-lista-action { display: flex !important; }
    .bl-lista-action > span:not(.bl-cart-icon-wrap) { display: none; }
}

/* Lista zelja na strani proizvoda: siroko, uocljivo dugme ispod "Kupi odmah" (2.1.1) */
.single-product div.product .bl-heart.bl-heart-text {
    flex: 1 1 100%;
    width: 100%;
    height: auto !important;
    min-height: 48px !important;
    justify-content: center;
    gap: 10px;
    padding: 0 18px !important;
    border-radius: 8px !important;
    border: 2px solid #f6c3a3 !important;
    background: #fff4ec !important;
    color: #c44700 !important;
    font-size: 16px;
    font-weight: 800;
}
.single-product div.product .bl-heart.bl-heart-text svg { width: 22px; height: 22px; color: var(--bl-accent); }
.single-product div.product .bl-heart.bl-heart-text:hover { border-color: var(--bl-accent) !important; background: #ffe7d6 !important; }
.single-product div.product .bl-heart.bl-heart-text.is-on { border-color: var(--bl-accent) !important; background: #ffe7d6 !important; }
.single-product div.product .bl-heart.bl-heart-text.is-on svg { fill: var(--bl-accent); }

/* ==================================================
   PODKATEGORIJE NA VRHU KATEGORIJE (2.2.0)
   ================================================== */
.bl-subcats { margin: 0 0 24px; }
.bl-subcats ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 12px; }
.bl-subcats a { display: flex; align-items: center; gap: 12px; height: 100%; padding: 10px; border-radius: 12px; background: var(--bl-dark-2, #161616); border: 1px solid var(--bl-dark-line, #2e2e2e); text-decoration: none; transition: border-color .15s, transform .15s; }
.bl-subcats a:hover { border-color: var(--bl-accent); transform: translateY(-2px); }
.bl-subcat-img { flex: 0 0 64px; width: 64px; height: 64px; border-radius: 8px; background: #fff; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.bl-subcat-img img { width: 100%; height: 100%; object-fit: contain; padding: 4px; }
.bl-subcat-text strong { display: block; color: #fff; font-size: 15px; line-height: 1.25; }
.bl-subcat-text small { display: block; margin-top: 3px; color: var(--bl-dark-muted, #a3a3a3); font-size: 13px; }
.bl-subcats a:hover strong { color: var(--bl-accent-hi, #ff6a1a); }
@media (max-width: 689.98px) {
    .bl-subcats ul { display: flex; overflow-x: auto; gap: 10px; padding-bottom: 6px; scroll-snap-type: x proximity; }
    .bl-subcats li { flex: 0 0 72%; scroll-snap-align: start; }
    .bl-subcat-img { flex-basis: 54px; width: 54px; height: 54px; }
}

/* Podkategorije u glavnom meniju: mala fotografija + naziv (2.2.1) */
.bl-primary-menu .bl-auto-subcat > a { display: flex !important; align-items: center; gap: 12px; padding: 8px 16px !important; }
.bl-sub-thumb { flex: 0 0 40px; width: 40px; height: 40px; border-radius: 6px; background: #fff; display: inline-flex; align-items: center; justify-content: center; overflow: hidden; }
.bl-sub-thumb img { width: 100%; height: 100%; object-fit: contain; padding: 3px; }
.bl-primary-menu .sub-menu { min-width: 270px; }
.bl-mobile-menu .bl-auto-subcat > a { display: flex; align-items: center; gap: 10px; }
.bl-mobile-menu .bl-sub-thumb { flex-basis: 32px; width: 32px; height: 32px; }
/* Kategorija sa podkategorijama: bez velike slike, samo naslov pa plocice (2.2.1) */
html body.bl-site.bl-has-subcats .hero-section figure { display: none !important; }
html body.bl-site.bl-has-subcats .hero-section[data-type="type-2"] { padding-top: 18px !important; padding-bottom: 18px !important; }

/* ==================================================
   OVLASCENI PRODAVAC (2.3.0)
   ================================================== */
.bl-auth { position: relative; display: flex; align-items: center; gap: 16px; margin: 0 0 16px; padding: 16px 18px 16px 20px; border-radius: 12px; overflow: hidden;
    background: linear-gradient(110deg, #1a1a1a 0%, #222 55%, #2d1a0f 100%); border: 1px solid #3a2a20; box-shadow: 0 8px 22px rgba(0, 0, 0, .12); }
.bl-auth::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 5px; background: var(--bl-accent); }
.bl-auth::after { content: ""; position: absolute; right: -40px; top: -40px; width: 140px; height: 140px; border-radius: 50%; background: radial-gradient(circle, rgba(230, 83, 0, .35), rgba(230, 83, 0, 0) 70%); }
.bl-auth-icon { position: relative; z-index: 1; flex: 0 0 52px; width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; background: var(--bl-accent); box-shadow: 0 0 0 5px rgba(230, 83, 0, .2); }
.bl-auth-icon svg { width: 30px; height: 30px; color: #fff; }
.bl-auth-icon svg path:last-child { stroke: var(--bl-accent); }
.bl-auth > div { position: relative; z-index: 1; }
.bl-auth small { display: block; color: #fdba8c; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.bl-auth strong { display: block; margin: 2px 0 4px; color: #fff; font-size: 22px; font-weight: 900; letter-spacing: .02em; line-height: 1.1; }
.bl-auth-ok { display: inline-flex; align-items: center; gap: 6px; color: #e5e7eb; font-size: 14px; font-weight: 600; }
.bl-auth-ok svg { width: 18px; height: 18px; color: #22c55e; }
.bl-auth-brand { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 20px; padding: 9px 16px; border-radius: 30px; background: rgba(230, 83, 0, .15); border: 1px solid var(--bl-accent); color: #fff; font-weight: 700; font-size: 14px; }
.bl-auth-brand svg { flex: 0 0 24px; width: 24px; height: 24px; color: var(--bl-accent); }
@media (max-width: 689.98px) { .bl-auth-brand { font-size: 13px; border-radius: 12px; } }

/* ==================================================
   FUTER KAO NA STAROM SAJTU (2.4.0)
   ================================================== */
.bl-footer-grid { grid-template-columns: 1.6fr 1fr 1fr 1fr 1fr !important; gap: 36px !important; }
.bl-footer-company { margin: 4px 0 6px; color: #fff; font-size: 14px !important; }
.bl-footer-pickup { display: flex; align-items: flex-start; gap: 10px; margin: 12px 0; padding: 10px 12px; border-radius: 10px; background: rgba(230, 83, 0, .12); border: 1px solid rgba(230, 83, 0, .45); color: #f3f4f6; }
.bl-footer-pickup svg { flex: 0 0 20px; width: 20px; height: 20px; margin-top: 2px; fill: var(--bl-accent-hi, #ff6a1a); }
.bl-footer-pickup strong { color: #fff; }
.bl-footer-social { display: flex; gap: 10px; margin-top: 14px; }
.bl-footer-social a { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: #1a1a1a; border: 1px solid #2e2e2e; transition: background .15s, border-color .15s; }
.bl-footer-social a:hover { background: var(--bl-accent); border-color: var(--bl-accent); }
.bl-footer-social svg { width: 19px; height: 19px; fill: #e5e5e5; }
.bl-footer-social a:hover svg { fill: #fff; }
.bl-footer-bottom .bl-shell { line-height: 1.6; }
@media (max-width: 1100px) { .bl-footer-grid { grid-template-columns: 1fr 1fr 1fr !important; } .bl-footer-brand { grid-column: 1 / -1; } }
@media (max-width: 620px) { .bl-footer-grid { grid-template-columns: 1fr 1fr !important; gap: 26px 18px !important; } }

/* Korpa i plaćanje: „Cena sa PDV-om“ umesto izdvojenog iznosa PDV-a (zaokruživanje) */
.wc-block-components-totals-footer-item-tax { font-size: 0 !important; }
.wc-block-components-totals-footer-item-tax::after { content: "Cena sa PDV-om"; font-size: 12px; }

/* Plaćanje: okvir za napomenu o dostavi i polja firme */
.wc-block-checkout .wc-block-components-shipping-rates-control .wc-block-components-radio-control__option {
    background: rgba(230, 83, 0, .08);
    border-radius: 6px;
}
.wc-block-checkout .wc-block-components-shipping-rates-control .wc-block-components-radio-control__label {
    font-weight: 700;
    color: #8a3a00;
    text-transform: none;
}

/* Plaćanje: nazivi polja firme bez dodatka „(opciono)“ (obaveznost proverava server) */
label[for="contact-bl-firma-naziv"],
label[for="contact-bl-firma-pib"],
label[for="contact-bl-firma-maticni"] { font-size: 0 !important; }
label[for="contact-bl-firma-naziv"]::after { content: "Naziv firme *"; font-size: 14px; }
label[for="contact-bl-firma-pib"]::after { content: "PIB (9 cifara) *"; font-size: 14px; }
label[for="contact-bl-firma-maticni"]::after { content: "Matični broj (8 cifara) *"; font-size: 14px; }
label[for="contact-bl-kupac-firma"] span { font-size: 0 !important; }
label[for="contact-bl-kupac-firma"] span::after { content: "Kupujem kao firma (pravno lice)"; font-size: 14px; }

/* Plaćanje: izbor Fizičko lice / Firma (dugmad umesto kvačice) */
.wc-block-components-checkbox:has(#contact-bl-kupac-firma) { display: none !important; }
#bl-tip-kupca { display: flex; gap: 0; margin: 0 0 18px; border-bottom: 2px solid #d5d8dc; }
#bl-tip-kupca button {
    flex: 1 1 0; padding: 14px 10px; background: transparent; border: 0; cursor: pointer;
    font: inherit; font-size: 16px; font-weight: 700; color: #6b7280;
    border-bottom: 4px solid transparent; margin-bottom: -2px;
}
#bl-tip-kupca button.bl-aktivan { color: #E65300; border-bottom-color: #E65300; background: rgba(230, 83, 0, .06); }
#bl-tip-kupca button:hover { color: #E65300; }

/* Plaćanje: potvrda uslova korišćenja – istaknut okvir i veća kvačica. */
.wc-block-checkout__terms { margin:20px 0 !important; padding:16px !important; border:2px solid #E65300 !important; border-radius:10px !important; background:rgba(230,83,0,.08) !important; }
.wc-block-checkout__terms .wc-block-components-checkbox { margin:0 !important; }
.wc-block-checkout__terms .wc-block-components-checkbox label { display:flex !important; align-items:center; gap:12px; font-size:15px !important; line-height:1.45 !important; }
.wc-block-checkout__terms .wc-block-components-checkbox label span, .wc-block-checkout__terms .wc-block-components-checkbox__label { font-size:15px !important; line-height:1.45 !important; }
.wc-block-checkout__terms .wc-block-components-checkbox__input[type="checkbox"] { position:static !important; flex:0 0 30px; width:30px !important; height:30px !important; min-width:30px !important; margin:0 !important; border:2px solid #E65300 !important; border-radius:6px !important; background:#fff !important; }
.wc-block-checkout__terms .wc-block-components-checkbox__mark { width:30px !important; height:30px !important; }

/* Plaćanje: manji razmak ispod menija i oko naslova; veće upozorenje. */
body.woocommerce-checkout .ct-container-full { padding-top: 20px !important; padding-bottom: 40px !important; }
body.woocommerce-checkout .hero-section { margin-bottom: 8px !important; }
body.woocommerce-checkout .hero-section .page-title { margin: 0 !important; font-size: 28px; }
body.woocommerce-checkout .wp-block-woocommerce-checkout { padding-top: 0 !important; }
.wc-block-components-notice-banner, .wc-block-components-notice-banner * { font-size: 16px !important; line-height: 1.5 !important; }
.wc-block-components-notice-banner { padding: 16px 18px !important; }
.wc-block-components-notice-banner .wc-block-components-notice-banner__content > :first-child { font-weight: 700; font-size: 17px !important; }

/* Bočna korpa (PC). */
.bl-mc { display: none; }
@media (min-width: 1000px) {
    .bl-mc { display: block; position: fixed; inset: 0; z-index: 100000; pointer-events: none; }
    .bl-mc-ov { position: absolute; inset: 0; background: rgba(0,0,0,.55); opacity: 0; transition: opacity .25s; }
    .bl-mc-panel { position: absolute; top: 0; right: 0; bottom: 0; width: 440px; max-width: 92vw; background: #fff; color: #1a2333; display: flex; flex-direction: column; transform: translateX(100%); transition: transform .25s; box-shadow: -8px 0 30px rgba(0,0,0,.25); }
    .bl-mc-open { pointer-events: auto; }
    .bl-mc-open .bl-mc-ov { opacity: 1; }
    .bl-mc-open .bl-mc-panel { transform: none; }
    .bl-mc-head { display: flex; align-items: center; justify-content: space-between; padding: 18px 22px; border-bottom: 1px solid #e5e7eb; }
    .bl-mc-head h3 { margin: 0; font-size: 20px; color: #1a2333; }
    .bl-mc-x { border: 0; background: none; font-size: 32px; line-height: 1; cursor: pointer; color: #1a2333; }
    .bl-mc-body { flex: 1; display: flex; flex-direction: column; min-height: 0; }
    .bl-mc-list { list-style: none; margin: 0; padding: 8px 22px; overflow-y: auto; flex: 1; }
    .bl-mc-item { display: grid; grid-template-columns: 76px 1fr; gap: 14px; padding: 14px 0; border-bottom: 1px solid #eef0f3; }
    .bl-mc-img img { width: 76px; height: 76px; object-fit: contain; }
    .bl-mc-name { font-size: 15px; font-weight: 600; color: #1a2333; text-decoration: none; }
    .bl-mc-info dl { margin: 4px 0 0; font-size: 13px; color: #5b6472; }
    .bl-mc-row { display: flex; align-items: center; gap: 10px; margin-top: 10px; }
    .bl-mc-qty { display: inline-flex; align-items: center; border: 1px solid #d5d9e0; border-radius: 6px; }
    .bl-mc-qty button { width: 32px; height: 34px; border: 0; background: none; font-size: 18px; cursor: pointer; color: #1a2333; }
    .bl-mc-qty button:disabled { opacity: .35; cursor: default; }
    .bl-mc-qty span { min-width: 30px; text-align: center; font-weight: 600; }
    .bl-mc-del { border: 0; background: none; cursor: pointer; font-size: 18px; color: #6b7280; }
    .bl-mc-del:hover { color: #E65300; }
    .bl-mc-price { margin-left: auto; font-size: 15px; }
    .bl-mc-empty { padding: 30px 22px; color: #5b6472; }
    .bl-mc-foot { padding: 18px 22px 22px; border-top: 1px solid #e5e7eb; }
    .bl-mc-sub { display: flex; justify-content: space-between; font-size: 17px; margin-bottom: 8px; }
    .bl-mc-note { margin: 0 0 16px; padding: 10px 12px; font-size: 14px; line-height: 1.4; font-weight: 800; color: #c81e1e; background: #fdecec; border-left: 4px solid #c81e1e; border-radius: 4px; }
    .bl-mc-btn { display: block; text-align: center; padding: 13px; margin-top: 10px; border: 2px solid #E65300; border-radius: 6px; color: #E65300; font-weight: 700; text-decoration: none; background: #fff; }
    .bl-mc-btn-main { background: #E65300; color: #fff; }
    .bl-mc-btn:hover { filter: brightness(.95); }
}

/* Nova strana korpe (klasična tabela kao na starom sajtu). */
.bl-note-red { margin: 12px 0 0; padding: 10px 12px; font-size: 14px; line-height: 1.4; font-weight: 800; color: #c81e1e; background: #fdecec; border-left: 4px solid #c81e1e; border-radius: 4px; }
body.bl-nova-korpa .woocommerce { max-width: 1240px; margin: 0 auto; }
body.bl-nova-korpa .woocommerce-cart-form table.shop_table { border: 1px solid #e5e7eb; border-radius: 8px; border-collapse: separate; border-spacing: 0; width: 100%; background: #fff; overflow: hidden; }
body.bl-nova-korpa table.shop_table th { font-weight: 700; font-size: 15px; color: #1a2333; padding: 14px 16px; text-align: left; border-bottom: 0; }
body.bl-nova-korpa table.shop_table thead { border-bottom: 1px solid #e5e7eb; }
body.bl-nova-korpa table.shop_table td { padding: 14px 16px; vertical-align: middle; border-bottom: 1px solid #eef0f3; color: #1a2333; }
body.bl-nova-korpa td.product-thumbnail img { width: 80px; height: 80px; object-fit: contain; }
body.bl-nova-korpa td.product-name a { color: #E65300; text-decoration: underline; font-weight: 600; }
body.bl-nova-korpa td.product-remove a.remove { display: inline-block; width: auto; height: auto; background: none !important; border-radius: 0; color: #5b6472 !important; font-size: 0; line-height: 1; text-align: center; }
body.bl-nova-korpa td.product-remove a.remove::after { content: "Izbrišite"; font-size: 14px; font-weight: 500; text-decoration: underline; }
body.bl-nova-korpa td.product-remove a.remove:hover::after { color: #E65300; }
body.bl-nova-korpa td.actions { padding: 16px; }
body.bl-nova-korpa td.actions .coupon { display: flex; gap: 8px; float: left; }
body.bl-nova-korpa td.actions input#coupon_code { height: 40px; border: 1px solid #d5d9e0; border-radius: 6px; padding: 0 12px; }
body.bl-nova-korpa td.actions button.button { height: 40px; }
body.bl-nova-korpa button[name="update_cart"] { display: none; }
body.bl-nova-korpa .cart-collaterals { margin-top: 24px; }
body.bl-nova-korpa .cart_totals { background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 20px; max-width: 440px; margin-left: auto; float: none; width: 100%; }
body.bl-nova-korpa .cart_totals h2 { font-size: 20px; margin: 0 0 12px; }
body.bl-nova-korpa .wc-proceed-to-checkout a.checkout-button { display: block; text-align: center; background: #E65300; color: #fff; border-radius: 6px; padding: 14px; font-weight: 700; margin-top: 14px; }
.bl-kasnije { display: flex; gap: 24px; align-items: center; justify-content: space-between; margin-top: 20px; padding: 18px 20px; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; color: #1a2333; }
.bl-kasnije p { margin: 6px 0 0; font-size: 14px; color: #44505f; }
.bl-kasnije-akcija { flex: 0 0 320px; }
.bl-kasnije-dugme, .bl-kasnije-forma button { width: 100%; padding: 12px 14px; border: 1px solid #d5d9e0; border-radius: 6px; background: #f7f8fa; font-weight: 600; cursor: pointer; color: #1a2333; }
.bl-kasnije-forma { margin-top: 10px; display: grid; gap: 8px; }
.bl-kasnije-forma[hidden] { display: none; }
.bl-kasnije-forma input[type="email"] { height: 40px; border: 1px solid #d5d9e0; border-radius: 6px; padding: 0 12px; }
.bl-kasnije-forma button { background: #E65300; color: #fff; border-color: #E65300; }
.bl-kasnije-poruka { margin: 0; font-size: 13px; }
.bl-kasnije-poruka.ok { color: #1a7f37; }
.bl-kasnije-poruka.greska { color: #c81e1e; }
@media (min-width: 1000px) {
    body.bl-nova-korpa .woocommerce-cart-form table.shop_table, body.bl-nova-korpa .woocommerce-cart-form table.shop_table tbody, body.bl-nova-korpa .woocommerce-cart-form table.shop_table thead { display: block; }
    body.bl-nova-korpa table.shop_table thead tr, body.bl-nova-korpa table.shop_table tr.cart_item { display: grid; grid-template-columns: 100px minmax(0, 1fr) 150px 170px 200px; align-items: center; }
    body.bl-nova-korpa table.shop_table th { font-size: 0; }
    body.bl-nova-korpa table.shop_table th::after { font-size: 15px; }
    body.bl-nova-korpa table.shop_table th.product-remove { display: none; }
    body.bl-nova-korpa table.shop_table th.product-name { grid-column: 1 / span 2; }
    body.bl-nova-korpa table.shop_table th.product-name::after { content: "Proizvodi"; }
    body.bl-nova-korpa table.shop_table th.product-quantity { grid-column: 4; position: relative; }
    body.bl-nova-korpa table.shop_table th.product-quantity::after { content: "Količina"; }
    body.bl-nova-korpa table.shop_table th.product-quantity::before { content: "Jedinična cena"; font-size: 15px; position: absolute; right: 100%; width: 150px; }
    body.bl-nova-korpa table.shop_table th.product-subtotal { grid-column: 5; text-align: right; }
    body.bl-nova-korpa table.shop_table th.product-subtotal::after { content: "Ukupno za plaćanje"; }
    body.bl-nova-korpa tr.cart_item { border-bottom: 1px solid #eef0f3; }
    body.bl-nova-korpa tr.cart_item td { border-bottom: 0; }
    body.bl-nova-korpa tr.cart_item td.product-name { display: contents; }
    body.bl-nova-korpa tr.cart_item td.product-name > a { grid-column: 2; grid-row: 1 / span 2; padding: 14px 16px; }
    body.bl-nova-korpa tr.cart_item td.product-name > p.price { grid-column: 3; grid-row: 1 / span 2; margin: 0; padding: 14px 16px; font-size: 15px; }
    body.bl-nova-korpa tr.cart_item td.product-name .product-mobile-actions { display: none; }
    body.bl-nova-korpa td.product-thumbnail { grid-column: 1; grid-row: 1 / span 2; }
    body.bl-nova-korpa td.product-quantity { grid-column: 4; grid-row: 1; padding-bottom: 0; }
    body.bl-nova-korpa td.product-quantity .quantity { width: 130px; }
    body.bl-nova-korpa td.product-remove { grid-column: 4; grid-row: 2; padding-top: 4px; }
    body.bl-nova-korpa td.product-remove a.remove svg { display: none; }
    body.bl-nova-korpa td.product-subtotal { grid-column: 5; grid-row: 1 / span 2; text-align: right; font-weight: 600; }
    body.bl-nova-korpa .woocommerce-cart-form tr:has(td.actions) { display: block; }
    body.bl-nova-korpa td.actions { display: block; }
}
body.bl-nova-korpa .cart_totals tr.woocommerce-shipping-totals, body.bl-nova-korpa .cart_totals tr.cart-subtotal { display: none; }
body.bl-nova-korpa .cart_totals tr.order-total th, body.bl-nova-korpa .cart_totals tr.order-total td { font-size: 18px; font-weight: 800; }
@media (max-width: 899px) { .bl-kasnije { flex-direction: column; align-items: stretch; } .bl-kasnije-akcija { flex: 1; } }
body.bl-nova-korpa .cart_totals small.includes_tax { display: block; white-space: nowrap; font-size: 13px; font-weight: 500; text-align: right; }


/* Floating "Pišite nam" button */
.bl-chat { position: fixed; right: 18px; bottom: 18px; z-index: 9990; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
.bl-chat-items { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
.bl-chat-items[hidden] { display: none; }
.bl-chat-item { display: flex; align-items: center; gap: 10px; background: #fff; color: #222; border-radius: 30px; padding: 6px 16px 6px 6px; font-size: 14px; font-weight: 700; text-decoration: none; box-shadow: 0 6px 18px rgba(0,0,0,.35); }
.bl-chat-item:hover { color: #222; transform: translateY(-1px); }
.bl-chat-item i { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; }
.bl-chat-item svg { width: 22px; height: 22px; fill: #fff; }
.bl-chat-viber { background: #7360F2; }
.bl-chat-wa { background: #25D366; }
.bl-chat-tel-i { background: #A50F18; }
.bl-chat-main { width: 58px; height: 58px; border-radius: 50%; border: 0; padding: 0; background: #E65300; display: grid; place-items: center; cursor: pointer; box-shadow: 0 8px 22px rgba(0,0,0,.45); }
.bl-chat-main:hover, .bl-chat-main:focus-visible { background: #ff6a14; }
.bl-chat-main svg { width: 28px; height: 28px; fill: #fff; }
@media (min-width: 1000px) { .bl-chat-tel { display: none; } }

/* Phones: the four benefit items become a compact 2 x 2 block instead of four stacked rows. */
@media (max-width: 620px) {
    .bl-benefit-grid { grid-template-columns: 1fr 1fr; min-height: 0; padding: 4px 0; column-gap: 12px; }
    .bl-benefit-grid > div { border-bottom: 0; padding: 9px 0; }
    .bl-benefit-grid > div:nth-child(-n+2) { border-bottom: 1px solid var(--bl-dark-line); }
    .bl-benefit-grid strong { font-size: 13px; }
    .bl-benefit-grid strong::before { width: 6px; height: 6px; margin-right: 6px; }
    .bl-benefit-grid span { font-size: 11px; margin-top: 2px; }
}


/* PRODAVNICA in the main menu: orange text with a cart icon, level with the other items (computer);
   on phones it is the outlined block at the top of the opened menu. */
.bl-primary-menu > li.bl-shop-link-item { display: flex; align-items: center; margin: 0 8px 0 0; }
.bl-primary-menu > li.bl-shop-link-item > a.bl-shop-link { display: inline-flex; align-items: center; padding: 0 12px; font-size: 14px; font-weight: 800; letter-spacing: .3px; line-height: 1; color: #FF7A1F; white-space: nowrap; }
.bl-primary-menu > li.bl-shop-link-item > a.bl-shop-link:hover { color: #ff9a4d; }
.bl-primary-menu > li.bl-shop-link-item > a.bl-shop-link::before { content: ""; width: 22px; height: 22px; margin-right: 7px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M17%2C18A2%2C2%200%200%2C1%2019%2C20A2%2C2%200%200%2C1%2017%2C22C15.89%2C22%2015%2C21.1%2015%2C20C15%2C18.89%2015.89%2C18%2017%2C18M1%2C2H4.27L5.21%2C4H20A1%2C1%200%200%2C1%2021%2C5C21%2C5.17%2020.95%2C5.34%2020.88%2C5.5L17.3%2C11.97C16.96%2C12.58%2016.3%2C13%2015.55%2C13H8.1L7.2%2C14.63L7.17%2C14.75A0.25%2C0.25%200%200%2C0%207.42%2C15H19V17H7C5.89%2C17%205%2C16.1%205%2C15C5%2C14.65%205.09%2C14.32%205.24%2C14.04L6.6%2C11.59L3%2C4H1V2M7%2C18A2%2C2%200%200%2C1%209%2C20A2%2C2%200%200%2C1%207%2C22C5.89%2C22%205%2C21.1%205%2C20C5%2C18.89%205.89%2C18%207%2C18M16%2C11L18.78%2C6H6.14L8.5%2C11H16Z%27%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M17%2C18A2%2C2%200%200%2C1%2019%2C20A2%2C2%200%200%2C1%2017%2C22C15.89%2C22%2015%2C21.1%2015%2C20C15%2C18.89%2015.89%2C18%2017%2C18M1%2C2H4.27L5.21%2C4H20A1%2C1%200%200%2C1%2021%2C5C21%2C5.17%2020.95%2C5.34%2020.88%2C5.5L17.3%2C11.97C16.96%2C12.58%2016.3%2C13%2015.55%2C13H8.1L7.2%2C14.63L7.17%2C14.75A0.25%2C0.25%200%200%2C0%207.42%2C15H19V17H7C5.89%2C17%205%2C16.1%205%2C15C5%2C14.65%205.09%2C14.32%205.24%2C14.04L6.6%2C11.59L3%2C4H1V2M7%2C18A2%2C2%200%200%2C1%209%2C20A2%2C2%200%200%2C1%207%2C22C5.89%2C22%205%2C21.1%205%2C20C5%2C18.89%205.89%2C18%207%2C18M16%2C11L18.78%2C6H6.14L8.5%2C11H16Z%27%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; }
.bl-mobile-menu > li.bl-shop-link-item { text-align: center; margin: 10px 0; border: 0; }
.bl-mobile-menu > li.bl-shop-link-item > a.bl-shop-link { display: block; border: 2px solid #E65300; color: #fff; border-radius: 6px; padding: 6px 14px; font-weight: 800; letter-spacing: .5px; line-height: 1.2; }
.bl-mobile-menu > li.bl-shop-link-item > a.bl-shop-link:hover { background: #E65300; color: #fff; }

/* Phones: the search bar stays only at the top of the page, not a second time inside the opened menu. */
.bl-mobile-search-copy { display: none; }
/* Checkout on phones: less clutter, same information. */
.wp-block-woocommerce-checkout .wc-block-components-product-metadata__description { display: none; }
.wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-shipping-block { display: none; }
.wc-block-components-shipping-rates-control .wc-block-components-radio-control__label-group { width: 100%; }
.wc-block-components-shipping-rates-control .wc-block-components-radio-control__label { flex: 1 1 auto; }
.wc-block-components-shipping-rates-control .wc-block-components-radio-control__secondary-label { flex: 0 0 auto; }


/* Phones: bar at the bottom after "Dodaj u korpu" – one tap to checkout. */
.bl-mc-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 99990; display: flex; flex-wrap: wrap; gap: 10px; padding: 12px 14px calc(12px + env(safe-area-inset-bottom)); background: #161616; border-top: 2px solid #E65300; box-shadow: 0 -10px 28px rgba(0,0,0,.5); }
.bl-mc-bar[hidden] { display: none; }
.bl-mc-bar-txt { flex: 1 1 100%; display: flex; justify-content: space-between; align-items: baseline; gap: 10px; color: #fff; font-size: 14px; }
.bl-mc-bar-txt span { color: #cbd5e1; font-size: 13px; }
.bl-mc-bar-txt b { color: #fff; }
.bl-mc-bar-order, .bl-mc-bar-x { flex: 1 1 0; text-align: center; border-radius: 6px; font-size: 15px; font-weight: 800; line-height: 1.2; padding: 13px 10px; cursor: pointer; text-decoration: none; }
.bl-mc-bar-order { background: #E65300; color: #fff; border: 2px solid #E65300; }
.bl-mc-bar-x { background: transparent; color: #fff; border: 2px solid #555; font-weight: 700; }
body.bl-mc-bar-open .bl-chat { display: none; }
@media (min-width: 1000px) { .bl-mc-bar { display: none !important; } }

/* Cart on phones: easy-to-hit "Ukloni" under the quantity instead of the tiny trash icon at the edge. */
@media (max-width: 999px) {
    .product-mobile-actions { flex-wrap: wrap; }
    .product-mobile-actions a.remove { order: 3; flex: 1 0 100%; display: flex !important; align-items: center; justify-content: flex-start; gap: 6px; width: 100% !important; height: 40px !important; margin-top: 2px; padding: 0 !important; border: 0; background: transparent; color: #A50F18 !important; font-size: 14px; font-weight: 700; text-decoration: none !important; }
    .product-mobile-actions a.remove::after { content: "Ukloni"; text-decoration: underline; }
    .product-mobile-actions a.remove svg { width: 20px !important; height: 20px !important; }
    .product-mobile-actions a.remove:active { background: #fbeaea; }
}

/* Cart on computers: "Izbrišite" as a clear button with a trash icon (was a small grey underlined text). */
@media (min-width: 1000px) {
    body.bl-nova-korpa td.product-remove a.remove { display: inline-flex; align-items: center; gap: 7px; height: 38px; padding: 0 14px; border: 1px solid #d6dbe1; border-radius: 6px; background: #fff !important; color: #A50F18 !important; font-size: 0; line-height: 1; white-space: nowrap; }
    body.bl-nova-korpa td.product-remove a.remove::before { content: ""; width: 18px; height: 18px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M9%2C3V4H4V6H5V19A2%2C2%200%200%2C0%207%2C21H17A2%2C2%200%200%2C0%2019%2C19V6H20V4H15V3H9M7%2C6H17V19H7V6M9%2C8V17H11V8H9M13%2C8V17H15V8H13Z%27%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M9%2C3V4H4V6H5V19A2%2C2%200%200%2C0%207%2C21H17A2%2C2%200%200%2C0%2019%2C19V6H20V4H15V3H9M7%2C6H17V19H7V6M9%2C8V17H11V8H9M13%2C8V17H15V8H13Z%27%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; }
    body.bl-nova-korpa td.product-remove a.remove::after { content: "Izbrišite"; font-size: 14px; font-weight: 700; text-decoration: none; color: inherit; }
    body.bl-nova-korpa td.product-remove a.remove:hover { background: #fbeaea !important; border-color: #A50F18; }
    body.bl-nova-korpa td.product-remove a.remove:hover::after { color: inherit; }
}

/* Napomena o tačnosti podataka ispod opisa proizvoda */
.bl-napomena-podataka {
    margin: 52px 0 28px;
    padding: 14px 18px;
    border-left: 4px solid #F58220;
    background: #f7f7f7;
    color: #555;
    font-size: 14px;
    line-height: 1.6;
}
.bl-napomena-podataka strong { color: #333; }
.bl-napomena-podataka a { color: inherit; text-decoration: underline; }

/* Tabela „Najbitnije“ na vrhu opisa proizvoda */
.bl-ukratko {
    width: 100%;
    max-width: 900px;
    border-collapse: collapse;
    margin: 0 0 28px;
    font-size: 15px;
}
.bl-ukratko caption {
    caption-side: top;
    text-align: left;
    font-weight: 700;
    font-size: 17px;
    padding: 0 0 8px;
    color: #222;
}
.bl-ukratko th,
.bl-ukratko td {
    border: 1px solid #e1e1e1;
    padding: 9px 12px;
    text-align: left;
    vertical-align: top;
}
.bl-ukratko th {
    width: 36%;
    background: #f7f7f7;
    font-weight: 600;
    color: #333;
}
@media (max-width: 600px) {
    .bl-ukratko th { width: 42%; }
    .bl-ukratko th, .bl-ukratko td { padding: 8px 9px; font-size: 14px; }
}


/* Kućice u istom stilu kao troškovi isporuke: povraćaj i napomena o podacima */
.bl-info-kucica a { color: inherit; text-decoration: underline; }
.bl-info-povrat { margin-top: -8px; }
.bl-info-napomena { margin: 52px 0 28px; }
/* Korpa: naziv popusta od kupona je vidljiv (tema je krila naslov reda). */
body.bl-nova-korpa .cart_totals tr.cart-discount th { font-size: 14px !important; font-weight: 600; text-align: left; vertical-align: top; }
body.bl-nova-korpa .cart_totals tr.cart-discount td { vertical-align: top; }
/* Izbor boje na strani proizvoda (male slike boja). */
.bl-boje { margin: 14px 0 16px; }
.bl-boje-naslov { font-weight: 700; letter-spacing: .4px; margin-bottom: 8px; }
.bl-boje-naslov .bl-boje-izbor { color: var(--bl-accent, #e65300); }
.bl-boje-lista { display: flex; flex-wrap: wrap; gap: 10px; }
.bl-boja { cursor: pointer; margin: 0; }
.bl-boja input { position: absolute; opacity: 0; pointer-events: none; }
.bl-boja-kutija { display: block; width: 92px; text-align: center; font-size: 11px; white-space: nowrap; color: #4b5563; border: 2px solid #e5e7eb; border-radius: 10px; padding: 5px 4px 7px; background: #fff; transition: border-color .12s, background .12s; }
.bl-boja-kutija img { display: block; width: 64px; height: 64px; object-fit: contain; margin: 0 auto 4px; border-radius: 6px; background: #f8fafc; }
.bl-boja:hover .bl-boja-kutija { border-color: #fdba74; }
.bl-boja input:checked + .bl-boja-kutija { border-color: #e65300; background: #fff7f1; color: #1a2333; font-weight: 700; }
.bl-boja input:focus-visible + .bl-boja-kutija { outline: 2px solid #1a2333; outline-offset: 2px; }
.bl-boje-greska { margin-top: 8px; color: #b91c1c; font-weight: 600; font-size: 13px; }
.bl-boje-greska[hidden] { display: none; }
.bl-boja-kutija { position: relative; }
.bl-boja-nema .bl-boja-kutija { opacity: .45; cursor: not-allowed; }
.bl-boja-kutija em { position: absolute; top: 4px; left: 4px; right: 4px; font-style: normal; font-size: 11px; font-weight: 700; color: #b91c1c; background: rgba(255,255,255,.9); border-radius: 4px; }

.variations_form table.variations { margin-bottom: 0; }
.bl-boje + .single_variation_wrap, .bl-boje { margin-bottom: 8px; }
/* Kartica proizvoda sa bojama: izbor boje posle klika na "Dodaj u korpu". */
.bl-kb { width: 100%; }
.bl-kb .bl-kb-btn { display: block; width: 100%; text-align: center; box-sizing: border-box; }
.bl-kb .bl-kb-btn.bl-kb-otvoreno { filter: brightness(.82); }
.bl-kb .bl-kb-btn.bl-kb-dodato { background: #15803d !important; border-color: #15803d !important; }
.bl-kb-panel { margin-top: 8px; padding: 10px; border: 1px solid #e65300; border-radius: 10px; background: #242426; }
.bl-kb-panel[hidden] { display: none; }
.bl-kb-t { font-size: 13px; font-weight: 700; color: #fff; margin-bottom: 8px; text-align: left; }
.bl-kb-red { display: flex; gap: 6px; }
.bl-kb-c { flex: 1 1 0; min-width: 0; padding: 4px 2px 3px; border: 2px solid transparent; border-radius: 8px; background: #fff; color: #1a2333; font-size: 10px; line-height: 1.15; text-align: center; cursor: pointer; position: relative; }
.bl-kb-c img { display: block; width: 100%; max-width: 44px; height: 44px; object-fit: contain; margin: 0 auto 2px; }
.bl-kb-c:hover { border-color: #e65300; }
.bl-kb-c span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bl-kb-c.loading { opacity: .6; }
.bl-kb-c.added { border-color: #15803d; background: #ecfdf3; }
.bl-kb-c.added:after, .bl-kb-c.loading:after { display: none !important; }
.bl-kb-nema { opacity: .45; cursor: not-allowed; }
.bl-kb-nema em { position: absolute; top: 2px; left: 2px; right: 2px; font-style: normal; font-size: 9px; font-weight: 700; color: #b91c1c; background: rgba(255,255,255,.92); border-radius: 3px; }
.bl-kb a.added_to_cart { display: none !important; }
/* Pločice boja na kartici: poništavaju stil narandžastog dugmeta. */
.bl-kb .bl-kb-c, .bl-kb .bl-kb-c.add_to_cart_button { background: #fff !important; color: #1a2333 !important; border: 2px solid transparent !important; border-radius: 8px !important; padding: 4px 2px 3px !important; height: auto !important; min-height: 0 !important; width: auto !important; font-size: 10px !important; font-weight: 600 !important; line-height: 1.15 !important; letter-spacing: 0 !important; text-transform: none !important; box-shadow: none !important; display: block !important; }
.bl-kb .bl-kb-c:hover { border-color: #e65300 !important; background: #fff1e8 !important; }
.bl-kb .bl-kb-c.added { border-color: #15803d !important; background: #ecfdf3 !important; }
.bl-kb .bl-kb-c img { display: block !important; width: 100% !important; max-width: 44px !important; height: 44px !important; object-fit: contain !important; margin: 0 auto 2px !important; border-radius: 0 !important; }
.bl-kb .bl-kb-c span { color: #1a2333 !important; display: block !important; }
.bl-kb .bl-kb-nema { opacity: .45 !important; }
.bl-kb .bl-kb-c { max-height: none !important; overflow: visible !important; }
.bl-kb .bl-kb-c span { overflow: hidden !important; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; margin-top: 1px; }
.bl-kb .bl-kb-c, .bl-kb .bl-kb-c.add_to_cart_button { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; height: 66px !important; gap: 2px; }
.bl-kb .bl-kb-c img { height: 40px !important; max-width: 40px !important; margin: 0 !important; flex: 0 0 auto; }
.bl-kb .bl-kb-c span { flex: 0 0 auto; line-height: 12px !important; width: 100%; text-align: center; }
.bl-kb .bl-kb-c img { width: 40px !important; height: 40px !important; max-width: 40px !important; aspect-ratio: auto !important; padding: 0 !important; box-sizing: border-box !important; }
.bl-kb .bl-kb-c .bl-kb-i { display: block !important; width: 40px !important; height: 40px !important; flex: 0 0 40px; background-size: contain; background-repeat: no-repeat; background-position: center; }
.bl-kb .bl-kb-red { flex-wrap: wrap; gap: 6px; }
.bl-kb .bl-kb-c, .bl-kb .bl-kb-c.add_to_cart_button { flex: 0 0 calc(33.333% - 4px) !important; width: calc(33.333% - 4px) !important; }
.bl-kb .bl-kb-c span { overflow: visible !important; text-overflow: clip !important; font-size: 11px !important; }
/* Značka popusta „AKCIJA | -8%“ (crna polovina sa narandžastim slovima + narandžasta polovina) sa vatrom koja izlazi iz pločice. */
.bl-sale-badge.bl-sale-novi, .woocommerce span.onsale.bl-sale-novi { display: inline-flex !important; align-items: stretch; position: absolute; padding: 0 !important; background: transparent !important; border-radius: 8px !important; overflow: visible !important; box-shadow: 0 3px 10px rgba(0,0,0,.35); font-weight: 800; letter-spacing: 0; top: 20px !important; }
.bl-sale-novi .bl-sb-l { position: relative; display: flex; align-items: center; background: #111827; color: #fb923c; font-size: 11px; letter-spacing: .9px; padding: 8px 10px 8px 28px; line-height: 1; border-radius: 8px 0 0 8px; }
.bl-sale-novi .bl-sb-r { display: flex; align-items: center; background: #e65300; color: #fff; font-size: 15px; padding: 6px 11px; line-height: 1; border-radius: 0 8px 8px 0; }
.bl-sale-novi .bl-flame { position: absolute; left: 3px; bottom: 3px; width: 23px; height: 34px; overflow: visible; transform-origin: 50% 100%; animation: bl-plamen 1.1s ease-in-out infinite; filter: drop-shadow(0 0 4px rgba(249,115,22,.85)); }
@keyframes bl-plamen { 0%, 100% { transform: scaleY(1) rotate(-3deg); } 33% { transform: scaleY(1.1) scaleX(.94) rotate(2deg); } 66% { transform: scaleY(.95) scaleX(1.05) rotate(-1deg); } }
@media (prefers-reduced-motion: reduce) { .bl-sale-novi .bl-flame { animation: none; } }
@media (max-width: 600px) { .bl-sale-novi .bl-sb-l { font-size: 9.5px; padding: 7px 8px 7px 23px; } .bl-sale-novi .bl-sb-r { font-size: 13px; padding: 5px 9px; } .bl-sale-novi .bl-flame { width: 19px; height: 28px; } }
/* Logo u zaglavlju: lampa se pali, menja jačinu/boju i trepće (bl_render_logo( true ), BL_LOGO_LAMPA). Strob ≤ 3 bljeska u sekundi. */
.bl-lampa { position: relative; display: inline-block; line-height: 0; }
.bl-lampa .bl-logo-dark { display: block; }
.bl-lampa-svetlo { position: absolute; left: 58.203%; top: 21.364%; width: 41.797%; height: 56.364%; background: no-repeat 0 0 / 100% 100%; pointer-events: none; }
.bl-lampa-sjaj { position: absolute; left: 65.43%; top: 43.64%; width: 36%; height: 42%; transform: translate(-50%, -50%); border-radius: 50%; background: radial-gradient(closest-side, rgba(255, 252, 235, .95), rgba(255, 220, 140, .55) 45%, rgba(255, 170, 40, 0) 100%); mix-blend-mode: screen; opacity: 0; pointer-events: none; }
@media (prefers-reduced-motion: no-preference) {
    .bl-lampa-a .bl-lampa-svetlo { animation: bl-lampa-a 10s infinite; }
    .bl-lampa-a .bl-lampa-sjaj { animation: bl-sjaj-a 10s infinite; }
    .bl-lampa-b .bl-lampa-svetlo { animation: bl-lampa-b 12s infinite; }
    .bl-lampa-b .bl-lampa-sjaj { animation: bl-sjaj-b 12s infinite; }
}
/* A: ugašena, slabo, srednje, jako, turbo, strob (2,5 bljeska u sekundi), pa normalno */
@keyframes bl-lampa-a {
    0%, 44% { opacity: 1; filter: brightness(1); }
    44.01%, 50% { opacity: 0; filter: brightness(1); }
    50.01%, 56% { opacity: .3; filter: brightness(1); }
    56.01%, 62% { opacity: .65; filter: brightness(1); }
    62.01%, 68% { opacity: 1; filter: brightness(1); }
    68.01%, 75% { opacity: 1; filter: brightness(1.4) saturate(1.15); }
    75.01%, 77% { opacity: 0; filter: brightness(1.4) saturate(1.15); }
    77.01%, 79% { opacity: 1; filter: brightness(1.4) saturate(1.15); }
    79.01%, 81% { opacity: 0; filter: brightness(1.4) saturate(1.15); }
    81.01%, 83% { opacity: 1; filter: brightness(1.4) saturate(1.15); }
    83.01%, 85% { opacity: 0; filter: brightness(1.4) saturate(1.15); }
    85.01%, 87% { opacity: 1; filter: brightness(1.4) saturate(1.15); }
    87.01%, 89% { opacity: 0; filter: brightness(1); }
    89.01%, 100% { opacity: 1; filter: brightness(1); }
}
@keyframes bl-sjaj-a {
    0%, 68% { opacity: 0; }
    68.01%, 75% { opacity: .85; }
    75.01%, 77% { opacity: 0; }
    77.01%, 79% { opacity: .9; }
    79.01%, 81% { opacity: 0; }
    81.01%, 83% { opacity: .9; }
    83.01%, 85% { opacity: 0; }
    85.01%, 87% { opacity: .9; }
    87.01%, 100% { opacity: 0; }
}
/* B: ugašena, bela, crvena, zelena (kao lovačke lampe), turbo, beli strob, pa normalno */
@keyframes bl-lampa-b {
    0%, 40% { opacity: 1; filter: none; }
    40.01%, 45% { opacity: 0; filter: none; }
    45.01%, 52% { opacity: 1; filter: saturate(.12) brightness(1.3); }
    52.01%, 59% { opacity: 1; filter: hue-rotate(-40deg) saturate(2.4) brightness(.95); }
    59.01%, 66% { opacity: 1; filter: hue-rotate(78deg) saturate(1.7); }
    66.01%, 72% { opacity: 1; filter: brightness(1.4) saturate(1.15); }
    72.01%, 73.5% { opacity: 0; filter: saturate(.12) brightness(1.45); }
    73.51%, 75.5% { opacity: 1; filter: saturate(.12) brightness(1.45); }
    75.51%, 77.17% { opacity: 0; filter: saturate(.12) brightness(1.45); }
    77.18%, 78.83% { opacity: 1; filter: saturate(.12) brightness(1.45); }
    78.84%, 80.5% { opacity: 0; filter: saturate(.12) brightness(1.45); }
    80.51%, 82.17% { opacity: 1; filter: saturate(.12) brightness(1.45); }
    82.18%, 84% { opacity: 0; filter: none; }
    84.01%, 100% { opacity: 1; filter: none; }
}
@keyframes bl-sjaj-b {
    0%, 45% { opacity: 0; }
    45.01%, 52% { opacity: .5; }
    52.01%, 66% { opacity: 0; }
    66.01%, 72% { opacity: .85; }
    72.01%, 73.5% { opacity: 0; }
    73.51%, 75.5% { opacity: .9; }
    75.51%, 77.17% { opacity: 0; }
    77.18%, 78.83% { opacity: .9; }
    78.84%, 80.5% { opacity: 0; }
    80.51%, 82.17% { opacity: .9; }
    82.18%, 100% { opacity: 0; }
}

/* Društvene mreže: originalne boje – futer (krugovi) i početna (tamne kartice, ikonica u boji). Kod: bl_drustvene_mreze(), bl_dm_svg(). */
.bl-dm-fb { --dm: #1877f2; }
.bl-dm-ig { --dm: #e1306c; }
.bl-dm-vb { --dm: #7360f2; }
.bl-dm-wa { --dm: #25d366; }
.bl-dm-ik { display: grid; place-items: center; border-radius: 50%; background: var(--dm); flex: 0 0 auto; }
.bl-dm-ig.bl-dm-ik, .bl-dm-ig .bl-dm-ik { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%); }
.bl-dm-ik svg { fill: #fff; }
.bl-footer-social a.bl-dm-ik { width: 40px; height: 40px; border: 0; background: var(--dm); transition: transform .15s, filter .15s; }
.bl-footer-social a.bl-dm-ig.bl-dm-ik { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%); }
.bl-footer-social a.bl-dm-ik svg { width: 20px; height: 20px; fill: #fff; }
.bl-footer-social a.bl-dm-ik:hover { transform: translateY(-2px); filter: brightness(1.1); background: var(--dm); }
.bl-footer-social a.bl-dm-ig.bl-dm-ik:hover { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%); }
.bl-footer-social a.bl-dm-ik:hover svg { fill: #fff; }
.bl-dm-section { background: #0d0d0d; }
.bl-dm-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.bl-dm-card { display: flex; align-items: center; gap: 14px; padding: 16px 18px; border-radius: 14px; background: #161616; border: 1px solid #2a2a2a; color: #fff; text-decoration: none; transition: transform .15s, border-color .15s; }
.bl-dm-card:hover { transform: translateY(-3px); border-color: var(--dm); color: #fff; }
.bl-dm-card strong, .bl-dm-card small { display: block; }
.bl-dm-card strong { font-size: 17px; line-height: 1.2; color: #fff; }
.bl-dm-card small { font-size: 13px; margin-top: 3px; color: #a3a3a3; }
.bl-dm-card .bl-dm-ik { width: 48px; height: 48px; }
.bl-dm-card .bl-dm-ik svg { width: 24px; height: 24px; }
.bl-dm-card::after { content: "→"; margin-left: auto; color: #6b6b6b; font-size: 18px; }
.bl-dm-card:hover::after { color: var(--dm); }
@media (max-width: 760px) {
    .bl-dm-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .bl-dm-card { flex-direction: column; align-items: flex-start; gap: 10px; padding: 14px; }
    .bl-dm-card strong { font-size: 15px; }
    .bl-dm-card small { font-size: 12px; }
    .bl-dm-card .bl-dm-ik { width: 42px; height: 42px; }
    .bl-dm-card::after, .bl-dm-x { display: none; }
}

/* Baner na vrhu početne (inc/baner.php): široka slika na računaru, uspravna na telefonu (≤ 760 px). */
.bl-baner-sekcija { background: #0d0d0d; padding: 24px 0 26px; }
.bl-baner { display: block; position: relative; border-radius: 16px; overflow: hidden; line-height: 0; border: 1px solid #262626; box-shadow: 0 16px 40px rgba(0, 0, 0, .45); }
.bl-baner img { display: block; width: 100%; height: auto; aspect-ratio: 1692 / 929; transition: transform .5s ease; }
.bl-baner:hover img { transform: scale(1.015); }
.bl-baner-dugme { position: absolute; left: 6.8%; bottom: 9%; line-height: 1; background: #e65300; color: #fff; font-weight: 800; font-size: 15px; padding: 12px 20px; border-radius: 10px; box-shadow: 0 8px 20px rgba(0, 0, 0, .4); }
@media (max-width: 760px) {
    .bl-baner-sekcija { padding: 14px 0 16px; }
    .bl-baner { border-radius: 12px; }
    .bl-baner img { aspect-ratio: 941 / 1672; }
    .bl-baner-dugme { left: 50%; bottom: 3.2%; transform: translateX(-50%); white-space: nowrap; padding: 11px 20px; }
}
/* Tekst samo za Google i čitače ekrana (npr. glavni naslov početne kad je veliki naslov sakriven). */
.bl-samo-google { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; border: 0; }

/* ==================================================
   UPOREDI PROIZVODE (2.10.0): dugme ⇆ na kartici, traka na dnu, strana /uporedi/
   ================================================== */
.bl-cmp {
    position: absolute; top: 10px; left: 10px; z-index: 5;
    display: inline-flex; align-items: center; justify-content: center;
    width: 38px; height: 38px; padding: 0 !important; min-height: 0 !important;
    border-radius: 50% !important; border: 1px solid #e5e7eb !important;
    background: rgba(255, 255, 255, .92) !important; color: #4b5563 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15); cursor: pointer; transition: transform .15s, color .15s, background-color .15s;
}
.bl-cmp svg { width: 19px; height: 19px; }
.bl-cmp:hover { color: var(--bl-accent) !important; transform: scale(1.08); }
.bl-cmp.is-on { background: var(--bl-accent) !important; border-color: var(--bl-accent) !important; color: #fff !important; }
/* Proizvod na akciji: oznaka „AKCIJA -8%” je gore levo, dugme ide odmah ispod nje. */
ul.products li.product figure:has(.onsale) .bl-cmp { top: 58px; }
@media (max-width: 689.98px) {
    .bl-cmp { width: 34px; height: 34px; top: 8px; left: 8px; }
    .bl-cmp svg { width: 17px; height: 17px; }
    ul.products li.product figure:has(.onsale) .bl-cmp { top: 52px; }
}

/* Traka na dnu ekrana kad je izabran bar jedan proizvod */
.bl-cmp-traka { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9980; background: #111; border-top: 2px solid var(--bl-accent, #e65300); box-shadow: 0 -8px 24px rgba(0, 0, 0, .45); padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); }
.bl-cmp-traka[hidden] { display: none; }
.bl-cmp-traka-in { max-width: 1240px; margin: 0 auto; display: flex; align-items: center; gap: 14px; }
.bl-cmp-naslov { color: #fff; font-weight: 800; font-size: 15px; line-height: 1.25; white-space: nowrap; }
.bl-cmp-naslov small { display: block; color: #9a9a9a; font-weight: 600; font-size: 12px; }
.bl-cmp-slotovi { display: flex; gap: 10px; flex: 1; min-width: 0; }
.bl-cmp-slot { position: relative; width: 170px; min-width: 0; display: flex; align-items: center; gap: 8px; background: #1e1e1e; border: 1px solid #333; border-radius: 10px; padding: 6px 8px; color: #e5e5e5; font-size: 12px; font-weight: 600; line-height: 1.2; }
.bl-cmp-slot img { width: 40px; height: 40px; object-fit: contain; background: #fff; border-radius: 6px; flex: none; }
.bl-cmp-slot span { min-width: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.bl-cmp-slot.bl-cmp-prazan { justify-content: center; border-style: dashed; color: #7a7a7a; height: 54px; box-sizing: border-box; }
.bl-cmp-slot-x { position: absolute; top: -8px; right: -8px; width: 22px; height: 22px; min-height: 0 !important; padding: 0 !important; border-radius: 50% !important; border: 0 !important; background: #3a3a3a !important; color: #fff !important; display: grid; place-items: center; font-size: 11px; line-height: 1; cursor: pointer; }
.bl-cmp-slot-x:hover { background: var(--bl-accent) !important; }
.bl-cmp-idi { background: var(--bl-accent, #e65300); color: #fff !important; font-weight: 800; border-radius: 8px; padding: 12px 22px; font-size: 15px; white-space: nowrap; text-decoration: none; }
.bl-cmp-idi:hover { background: var(--bl-accent-hi, #ff6a1a); }
.bl-cmp-idi.is-off { background: #3a3a3a; color: #bdbdbd !important; }
.bl-cmp-obrisi { background: none !important; border: 0 !important; padding: 4px !important; min-height: 0 !important; color: #bdbdbd !important; font-size: 13px; font-weight: 600; text-decoration: underline; white-space: nowrap; cursor: pointer; }
.bl-cmp-obrisi:hover { color: #fff !important; }
body.bl-cmp-on { padding-bottom: var(--bl-cmp-h, 76px); }
body.bl-cmp-on .bl-chat { bottom: calc(var(--bl-cmp-h, 76px) + 12px); }
.bl-cmp-poruka { position: fixed; left: 50%; bottom: calc(var(--bl-cmp-h, 0px) + 14px); transform: translateX(-50%); z-index: 9985; max-width: calc(100vw - 32px); background: #fff; color: #111; border-radius: 10px; padding: 11px 16px; font-size: 14px; font-weight: 700; box-shadow: 0 8px 24px rgba(0, 0, 0, .45); text-align: center; }
.bl-cmp-poruka[hidden] { display: none; }
@media (max-width: 760px) {
    .bl-cmp-traka { padding: 8px 12px calc(8px + env(safe-area-inset-bottom)); }
    .bl-cmp-traka-in { gap: 8px; flex-wrap: wrap; }
    .bl-cmp-naslov { flex: 1; font-size: 14px; }
    .bl-cmp-slotovi { order: 3; flex: 1 1 100%; width: 100%; gap: 8px; }
    .bl-cmp-slot { flex: 1 1 0; width: auto; padding: 5px; }
    .bl-cmp-slot span { display: none; }
    .bl-cmp-slot img { width: 100%; height: 40px; }
    .bl-cmp-slot.bl-cmp-prazan { height: 52px; font-size: 11px; text-align: center; }
    .bl-cmp-idi { padding: 10px 16px; font-size: 14px; }
}

/* Strana /uporedi/ */
.bl-cmp-page h1 { color: #fff; margin: 4px 0 0; font-size: 34px; }
.bl-cmp-page .bl-section-head { margin-bottom: 10px; align-items: flex-end; flex-wrap: wrap; }
.bl-cmp-akcije { display: flex; align-items: center; gap: 16px; }
.bl-cmp-dodaj { color: var(--bl-accent-hi, #ff6a1a) !important; font-weight: 800; font-size: 14px; text-decoration: none; }
.bl-cmp-dodaj:hover { text-decoration: underline; }
.bl-cmp-uvod { color: var(--bl-dark-muted, #a3a3a3); margin: 0 0 18px; }
.bl-cmp-omot { border: 1px solid #2c2c2c; border-radius: 14px; overflow: hidden; background: #151515; }
table.bl-cmp-tab { width: 100%; margin: 0 !important; border: 0 !important; border-collapse: collapse !important; border-spacing: 0; table-layout: fixed; background: transparent; color: #e5e5e5; }
.bl-cmp-tab th, .bl-cmp-tab td { padding: 12px 14px; border: 0 !important; border-bottom: 1px solid #262626 !important; text-align: left; vertical-align: top; font-size: 14px; line-height: 1.4; background: transparent; overflow-wrap: anywhere; }
.bl-cmp-tab td + td, .bl-cmp-tab th + td { border-left: 1px solid #262626 !important; }
.bl-cmp-tab th[scope="row"], .bl-cmp-tab .bl-cmp-ugao { width: 170px; color: #9a9a9a; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .5px; background: #121212; }
.bl-cmp-tab tbody tr:last-child > * { border-bottom: 0 !important; }
.bl-cmp-omot.bl-cmp-omot-n1 { max-width: 560px; }
.bl-cmp-tab .bl-cmp-proizvod { position: relative; text-align: center; vertical-align: bottom; padding-top: 16px; }
.bl-cmp-tab .bl-cmp-slika { display: block; width: 100%; max-width: 170px; margin: 0 auto; }
.bl-cmp-tab .bl-cmp-slika img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; background: #fff; border-radius: 10px; }
.bl-cmp-tab .bl-cmp-ime { display: block; color: #fff !important; font-weight: 800; font-size: 16px; line-height: 1.3; margin: 10px 0 4px; text-decoration: none; }
.bl-cmp-tab .bl-cmp-ime:hover { color: var(--bl-accent-hi, #ff6a1a) !important; }
.bl-cmp-tab .bl-cmp-cena { color: var(--bl-accent-hi, #ff6a1a); font-weight: 800; font-size: 18px; }
.bl-cmp-tab .bl-cmp-cena del { color: #8a8a8a; font-size: 13px; font-weight: 600; margin-right: 6px; }
.bl-cmp-tab .bl-cmp-cena ins { background: none; color: inherit; text-decoration: none; }
.bl-cmp-tab .bl-cmp-korpa { display: block; width: 100%; box-sizing: border-box; margin-top: 10px; background: var(--bl-accent, #e65300) !important; color: #fff !important; font-weight: 800; border-radius: 8px; padding: 11px 6px; text-align: center; text-decoration: none; font-size: 14px; line-height: 1.2; }
.bl-cmp-tab .bl-cmp-korpa:hover { background: var(--bl-accent-hi, #ff6a1a) !important; }
.bl-cmp-tab .added_to_cart { display: block; margin-top: 8px; color: #fff; font-size: 13px; font-weight: 700; }
.bl-cmp-tab .bl-cmp-ukloni { position: absolute; top: 10px; right: 10px; z-index: 2; width: 28px; height: 28px; min-height: 0 !important; padding: 0 !important; border-radius: 50% !important; border: 0 !important; background: #2a2a2a !important; color: #ddd !important; display: grid; place-items: center; font-size: 13px; line-height: 1; cursor: pointer; }
.bl-cmp-tab .bl-cmp-ukloni:hover { background: var(--bl-accent) !important; color: #fff !important; }
.bl-cmp-tab td b { color: #fff; font-size: 16px; font-weight: 800; }
.bl-cmp-naj { display: inline-block; margin-left: 6px; background: #1f3d24; color: #6fdc8c; border-radius: 999px; padding: 1px 8px; font-size: 11px; font-weight: 800; line-height: 1.6; vertical-align: 2px; white-space: nowrap; }
.bl-cmp-st { font-weight: 700; }
.bl-cmp-st::before { content: "\25CF"; margin-right: 6px; }
.bl-cmp-st-da { color: #6fdc8c; }
.bl-cmp-st-por { color: #fbbf24; }
.bl-cmp-st-ne { color: #f87171; }
.bl-cmp-nema { color: #6b6b6b; }
.bl-cmp-tab tr.bl-cmp-oznaka { display: none; }
.bl-cmp-prazna { text-align: center; padding: 50px 20px 70px; }
.bl-cmp-prazna-ikona svg { width: 64px; height: 64px; color: var(--bl-accent); }
.bl-cmp-prazna h2 { margin: 14px 0 6px; color: #fff; font-size: 26px; line-height: 1.25; }
.bl-cmp-prazna p { color: var(--bl-dark-muted, #a3a3a3); margin: 0 0 22px; }
@media (max-width: 760px) {
    .bl-cmp-page h1 { font-size: 26px; }
    .bl-cmp-akcije { width: 100%; justify-content: space-between; }
    .bl-cmp-omot { margin: 0 -6px; border-radius: 10px; }
    .bl-cmp-tab th[scope="row"], .bl-cmp-tab .bl-cmp-ugao { display: none; }
    .bl-cmp-tab th, .bl-cmp-tab td { padding: 8px 6px; font-size: 12px; }
    .bl-cmp-tab tr.bl-cmp-oznaka { display: table-row; }
    .bl-cmp-tab tr.bl-cmp-oznaka td { background: #121212; color: #9a9a9a; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .5px; padding: 6px 8px; border-left: 0 !important; }
    .bl-cmp-tab tr.bl-cmp-oznaka + tr > td:first-of-type { border-left: 0 !important; }
    .bl-cmp-tab .bl-cmp-proizvod { padding-top: 10px; }
    .bl-cmp-tab .bl-cmp-proizvod:first-of-type { border-left: 0 !important; }
    .bl-cmp-tab .bl-cmp-ime { font-size: 13px; }
    .bl-cmp-tab .bl-cmp-cena { font-size: 14px; }
    .bl-cmp-tab td b { font-size: 13px; }
    .bl-cmp-naj { display: block; width: max-content; max-width: 100%; margin: 3px 0 0; white-space: normal; }
    .bl-cmp-tab .bl-cmp-korpa { font-size: 12px; padding: 9px 4px; }
    .bl-cmp-tab .bl-cmp-ukloni { top: 4px; right: 4px; width: 24px; height: 24px; }
}

/* ==================================================
   YOUTUBE U OPISU PROIZVODA (2.10.3): 16:9 u širini sadržaja, slika videa sa ▶, pravi video tek na klik
   ================================================== */
.bl-yt { position: relative; max-width: 860px; aspect-ratio: 16 / 9; margin-top: 22px; margin-bottom: 22px; border-radius: 12px; overflow: hidden; background: #000; }
.bl-yt-dugme { position: absolute; inset: 0; display: block; width: 100%; height: 100%; min-height: 0 !important; margin: 0; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: #000 !important; cursor: pointer; }
.bl-yt-dugme img { display: block; width: 100%; height: 100%; object-fit: cover; opacity: .9; transition: opacity .25s, transform .35s; }
.bl-yt-dugme:hover img { opacity: 1; transform: scale(1.02); }
.bl-yt-naslov { position: absolute; left: 0; right: 0; top: 0; padding: 14px 16px 34px; background: linear-gradient(rgba(0, 0, 0, .78), rgba(0, 0, 0, 0)); color: #fff; font-size: 15px; font-weight: 700; line-height: 1.3; text-align: left; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.bl-yt-play { position: absolute; left: 50%; top: 50%; width: 68px; height: 48px; margin: -24px 0 0 -34px; border-radius: 14px; background: #ff0033; box-shadow: 0 6px 18px rgba(0, 0, 0, .45); transition: background .2s, transform .2s; }
.bl-yt-play::before { content: ""; position: absolute; left: 27px; top: 14px; border-style: solid; border-width: 10px 0 10px 17px; border-color: transparent transparent transparent #fff; }
.bl-yt-dugme:hover .bl-yt-play, .bl-yt-dugme:focus-visible .bl-yt-play { background: var(--bl-accent, #e65300); transform: scale(1.06); }
.bl-yt-dugme:focus-visible { outline: 3px solid var(--bl-accent, #e65300); outline-offset: -3px; }
/* Rezerva: YouTube iframe koji nije prošao kroz temu (npr. ručno ubačen kod) – bar prava veličina. */
.woocommerce-Tabs-panel iframe[src*="youtube.com/embed"] { width: 100%; max-width: 860px; height: auto; aspect-ratio: 16 / 9; }
.bl-yt iframe { position: absolute; inset: 0; width: 100% !important; max-width: none !important; height: 100% !important; border: 0; }
@media (max-width: 689.98px) {
    .bl-yt { margin-top: 16px; margin-bottom: 16px; border-radius: 10px; }
    .bl-yt-naslov { padding: 10px 12px 26px; font-size: 13px; }
    .bl-yt-play { width: 58px; height: 41px; margin: -20px 0 0 -29px; border-radius: 12px; }
    .bl-yt-play::before { left: 23px; top: 11px; border-width: 9px 0 9px 15px; }
}

/* ==================================================
   AKCIJA SA ROKOM (2.10.5): kućica ispod cene na strani proizvoda, odbrojavanje (varijanta A)
   ================================================== */
.bl-ak { margin: 14px 0 18px; background: #141414; color: #fff; border-radius: 14px; padding: 16px 18px; border: 2px solid #e65300; box-shadow: 0 10px 28px rgba(230, 83, 0, .25); }
.bl-ak-vrh { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.bl-ak-pill { display: inline-flex; align-items: center; gap: 6px; background: #e65300; color: #fff; font-weight: 900; font-size: 14px; letter-spacing: .6px; border-radius: 999px; padding: 5px 12px 5px 9px; }
.bl-ak-plamen { width: 18px; height: 24px; flex: none; }
.bl-ak-usteda { color: #fbbf24; font-weight: 800; font-size: 15px; }
.bl-ak-naslov { margin: 12px 0 8px; color: #d4d4d4; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }
.bl-ak-sat { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.bl-ak-sat div { background: #262626; border: 1px solid #3a3a3a; border-radius: 10px; text-align: center; padding: 8px 4px 6px; }
.bl-ak-sat b { display: block; font-size: 28px; line-height: 1.05; font-weight: 900; font-variant-numeric: tabular-nums; color: #fff; }
.bl-ak-sat span { font-size: 10px; letter-spacing: 1px; color: #a3a3a3; font-weight: 800; }
.bl-ak-dno { margin-top: 10px; font-size: 13px; color: #bdbdbd; }
.bl-ak-dno strong { color: #fff; }
/* Poslednja 24 h: crveno i lagano pulsira */
.bl-ak.is-hitno { background: #450a0a; border-color: #ef4444; }
.bl-ak.is-hitno .bl-ak-pill { background: #dc2626; }
.bl-ak.is-hitno .bl-ak-sat div { background: #7f1d1d; border-color: #b91c1c; }
@media (prefers-reduced-motion: no-preference) { .bl-ak.is-hitno { animation: bl-ak-puls 1.6s ease-in-out infinite; } }
@keyframes bl-ak-puls { 50% { box-shadow: 0 0 0 6px rgba(239, 68, 68, .25); } }
.bl-ak.is-kraj .bl-ak-sat, .bl-ak.is-kraj .bl-ak-usteda { display: none; }
@media (max-width: 689.98px) { .bl-ak { padding: 14px; } .bl-ak-sat b { font-size: 24px; } }

/* ==================================================
   STRANA PROIZVODA – DELOVI I TRAKA KUĆICA (2.10.6, „A” računar / „T1” telefon, inc/proizvod-delovi.php)
   ================================================== */
.bl-pt { --pt-siva: #e5e7eb; --pt-pozadina: #f3f4f6; --pt-tamna: #1f2937; margin-top: 30px; }
.bl-pt-nav { display: flex; gap: 4px; position: sticky; top: var(--wp-admin--admin-bar--height, 0px); z-index: 30; background: #fff; border-bottom: 3px solid var(--bl-accent); }
.bl-pt-nav a { flex: 1 1 0; display: flex; align-items: center; justify-content: center; text-align: center; padding: 15px 10px; background: var(--pt-siva); color: var(--pt-tamna); font-size: 16px; font-weight: 600; line-height: 1.2; text-decoration: none; border-radius: 6px 6px 0 0; transition: background .15s, color .15s; }
.bl-pt-nav a:hover { background: #d1d5db; color: var(--pt-tamna); }
.bl-pt-nav a.on { background: var(--bl-accent); color: #fff; }
.bl-pt-sek { padding-top: 34px; padding-bottom: 14px; scroll-margin-top: calc(var(--wp-admin--admin-bar--height, 0px) + 58px); }
.bl-pt-siva { background: var(--pt-pozadina); padding-bottom: 34px; }
.bl-pt-sek > h2.bl-pt-nas, .bl-pt-sek .woocommerce-Reviews-title { font-size: 28px; margin: 0 0 18px; }
.bl-pt #reviews { scroll-margin-top: calc(var(--wp-admin--admin-bar--height, 0px) + 58px); }

/* Najbitnije – ikonice na vrhu opisa */
ul.bl-pt-naj { list-style: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(165px, 1fr)); gap: 18px 16px; margin: 0 0 28px; padding: 0 0 26px; border-bottom: 1px solid #d1d5db; }
.bl-pt-naj li { display: flex; align-items: center; gap: 12px; margin: 0; }
.bl-pt-naj li.bl-pt-sire { grid-column: span 2; }
.bl-pt-naj li.bl-pt-dugo { grid-column: 1 / -1; }
.bl-pt-naj i { flex: 0 0 46px; height: 46px; border-radius: 50%; background: var(--bl-accent); color: #fff; display: grid; place-items: center; }
.bl-pt-naj i svg { width: 24px; height: 24px; }
.bl-pt-naj span { font-size: 12px; line-height: 1.3; color: #6b7280; }
.bl-pt-naj b { display: block; font-size: 15px; color: var(--pt-tamna); }

/* Specifikacija i Deklaracija – siva kućica naziv, bela vrednost */
.bl-pt-grupa { font-size: 17px; font-weight: 700; margin: 26px 0 14px; padding-bottom: 9px; border-bottom: 1px solid #9ca3af; }
.bl-pt-sek > .bl-pt-nas + .bl-pt-grupa { margin-top: 0; }
dl.bl-pt-redovi { display: grid; grid-template-columns: minmax(180px, 300px) minmax(200px, 480px); gap: 8px 22px; margin: 0; }
.bl-pt-redovi dt, .bl-pt-redovi dd { margin: 0; padding: 9px 18px; border-radius: 6px; font-size: 14px; line-height: 1.4; }
.bl-pt-redovi dt { background: var(--pt-siva); font-weight: 600; color: var(--pt-tamna); }
.bl-pt-redovi dd { background: #fff; }
ul.bl-pt-da, .bl-pt-pak ul, .bl-pt-pak ol { list-style: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 8px 12px; max-width: 900px; margin: 0; padding: 0; }
.bl-pt-da li, .bl-pt-pak li { position: relative; margin: 0; background: #fff; border: 1px solid var(--pt-siva); border-radius: 6px; padding: 10px 16px 10px 42px; font-size: 14px; line-height: 1.4; }
.bl-pt-da li::before, .bl-pt-pak li::before { content: ""; position: absolute; left: 16px; top: 50%; width: 12px; height: 7px; border: solid var(--bl-accent); border-width: 0 0 3px 3px; transform: translateY(-70%) rotate(-45deg); }
.bl-pt-pak li p { margin: 0; }
/* „Dodatno” je odmah u delu (ne u omotu) – bez centriranja, kolone do 400 px */
.bl-pt-sek > ul.bl-pt-da { max-width: none; margin-left: 0; margin-right: 0; grid-template-columns: repeat(auto-fill, minmax(280px, 400px)); }

/* Tablet: kućice niže i sa manjim slovima */
@media (max-width: 999.98px) {
    .bl-pt-nav a { padding: 12px 6px; font-size: 14px; }
}
/* Telefon (T1): bez trake, delovi redom; naslov dela sa narandžastom crtom */
@media (max-width: 689.98px) {
    .bl-pt-nav { display: none; }
    .bl-pt-sek { padding-top: 26px; scroll-margin-top: 10px; }
    .bl-pt-siva { padding-bottom: 28px; }
    .bl-pt-sek > h2.bl-pt-nas, .bl-pt-sek .woocommerce-Reviews-title { font-size: 22px; padding-left: 12px; border-left: 4px solid var(--bl-accent); }
    ul.bl-pt-naj { grid-template-columns: 1fr 1fr; gap: 14px 10px; }
    .bl-pt-naj i { flex-basis: 38px; height: 38px; }
    .bl-pt-naj i svg { width: 20px; height: 20px; }
    .bl-pt-naj b { font-size: 14px; }
    dl.bl-pt-redovi { grid-template-columns: 42% 1fr; gap: 6px 8px; }
    .bl-pt-redovi dt, .bl-pt-redovi dd { padding: 8px 10px; font-size: 13px; }
    ul.bl-pt-da, .bl-pt-sek > ul.bl-pt-da, .bl-pt-pak ul, .bl-pt-pak ol { grid-template-columns: 1fr; }
}