/*
 * olight.rs – SVETLI izgled po uzoru na olight.com (samo kad je BL_SAJT = 'olight', inc/olight.php).
 * Vlasnik 9. 11. 2026: tamna verzija „mnogo je tamno” → „bolja je svetlija tema”.
 * 1) Tamne promenljive osnovne teme (site.css „TAMNA TEMA”) postaju svetle → prodavnica, kategorije, filteri,
 *    kartice i padajući meniji su svetli. 2) Zaglavlje, početna i podnožje kao olight.com (belo).
 */
body.bl-sajt-olight {
    --oli-teal: #005f71;
    --oli-teal2: #2bb5b8;
    --oli-org: #ff9a1f;
    --oli-tx: #111418;
    --oli-mut: #5d6670;
    --oli-line: #e6eaee;
    --oli-t1: #f1f4f6;
    --oli-t2: #e1e8ec;
    /* site.css: tamne promenljive → svetle */
    --bl-dark: #ffffff;
    --bl-dark-2: #f4f6f8;
    --bl-dark-3: #ffffff;
    --bl-dark-4: #dfe5e9;
    --bl-dark-line: #e3e8ec;
    --bl-dark-text: #1d252b;
    --bl-dark-muted: #5d6670;
    background: #fff;
}

/* ===== Zaglavlje (kao olight.com, belo, jedan red) ===== */
.bl-sajt-olight .bl-oli-header { background: #fff; border-bottom: 1px solid var(--oli-line); position: sticky; top: 0; z-index: 60; }
.admin-bar.bl-sajt-olight .bl-oli-header { top: 32px; }
.bl-oli-zag { height: 64px; display: flex; align-items: center; gap: 26px; padding: 0 48px; max-width: 1920px; margin: 0 auto; }
.bl-oli-zag .bl-oli-logo { display: block; line-height: 0; flex: none; }
/* Bez klase .custom-logo: „Dodatni CSS” baterijskelampe.rs joj daje visinu 95 px. Logo u originalnoj boji. */
.bl-oli-logo img.bl-oli-logo-img { height: 24px; width: auto; max-width: none; display: block; transition: opacity .2s ease; }
.bl-oli-logo:hover img.bl-oli-logo-img { opacity: .8; }
.bl-oli-footer .bl-oli-logo { display: inline-block; line-height: 0; }
.bl-oli-prod { flex: none; background: #159ca0; color: #fff !important; font-weight: 600; font-size: 15px; height: 34px; padding: 0 20px; border-radius: 999px; display: inline-flex; align-items: center; text-decoration: none !important; transition: background .2s; }
.bl-oli-prod:hover { background: #239a9d; }
.bl-oli-nav { display: flex; gap: 28px; font-size: 14.5px; flex: 1; white-space: nowrap; min-width: 0; }
.bl-oli-nav a { color: var(--oli-tx) !important; text-decoration: none !important; padding: 6px 0; border-bottom: 2px solid transparent; transition: color .2s, border-color .2s; }
.bl-oli-nav a:hover { color: var(--oli-teal) !important; border-bottom-color: var(--oli-teal2); }
.bl-oli-nav a.bl-oli-akc { color: #e11d2a !important; font-weight: 600; }
.bl-oli-ik { display: flex; gap: 20px; align-items: center; margin-left: auto; flex: none; }
.bl-oli-ik a, .bl-oli-ik button { color: var(--oli-tx) !important; background: none; border: 0; padding: 0; cursor: pointer; line-height: 0; display: inline-flex; }
.bl-oli-ik svg { width: 22px; height: 22px; display: block; }
.bl-oli-ik a:hover, .bl-oli-ik button:hover { color: var(--oli-teal2) !important; }
.bl-oli-ik .bl-cart-icon-wrap svg { fill: currentColor; }
.bl-oli-ik .bl-oli-korpa .bl-cart-icon-wrap svg { fill: none; }
/* Srce (lista želja): site.css ga crta belim – ovde u boji teksta. */
body.bl-sajt-olight .bl-oli-ik .bl-lista-action .bl-cart-icon-wrap > svg { fill: none !important; stroke: currentColor; stroke-width: 1.8; }
body.bl-sajt-olight .bl-oli-ik .bl-lista-action:hover .bl-cart-icon-wrap > svg { stroke: var(--oli-teal2); }
.bl-oli-ik .bl-cart-count,
.bl-oli-ik .bl-lista-count { position: absolute; top: -8px; right: -10px; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 999px; border: 0; background: var(--oli-teal2); color: #fff; font-size: 10.5px; font-weight: 700; display: grid; place-items: center; line-height: 1; }
.bl-oli-ik .bl-lista-count[hidden] { display: none; }
.bl-oli-hamb { display: none !important; }
.bl-oli-pretraga { background: #f6f8f9; border-top: 1px solid var(--oli-line); padding: 14px 48px; }
.bl-oli-pretraga[hidden] { display: none; }
.bl-oli-pretraga .bl-product-search { max-width: 760px; margin: 0 auto; display: flex; background: #fff; border: 1px solid #d5dce1; border-radius: 999px; overflow: hidden; }
.bl-oli-pretraga input[type="search"] { flex: 1; background: transparent; border: 0; color: var(--oli-tx); padding: 12px 20px; font-size: 15px; outline: none; }
.bl-oli-pretraga button { background: var(--oli-teal2); border: 0; color: #fff; width: 54px; display: grid; place-items: center; cursor: pointer; }
.bl-oli-pretraga button svg { width: 20px; height: 20px; }
.bl-sajt-olight .bl-mobile-panel { background: #fff; border-top: 1px solid var(--oli-line); box-shadow: 0 12px 30px rgba(0, 0, 0, .08); }
.bl-sajt-olight .bl-mobile-menu { list-style: none; margin: 10px 0; padding: 0; }
.bl-sajt-olight .bl-mobile-menu li a { display: block; padding: 12px 4px; border-bottom: 1px solid var(--oli-line); color: var(--oli-tx); text-decoration: none; font-size: 16px; }
.bl-sajt-olight .bl-mobile-contact { color: var(--oli-teal); }

/* ===== Početna (kao olight.com) ===== */
.bl-oli-pocetna { background: #fff; color: var(--oli-tx); padding-bottom: 90px; }
.bl-oli-baner { position: relative; background: #050607; line-height: 0; }
.bl-oli-baner img { width: 100%; height: auto; display: block; }
.bl-oli-baner-cta { position: absolute; left: 13.9%; top: 84%; line-height: 1; display: inline-flex; align-items: center; height: 44px; padding: 0 28px; border-radius: 999px; background: var(--oli-org); color: #111 !important; font-weight: 700; font-size: 15px; text-decoration: none !important; transition: transform .2s, background .2s; }
.bl-oli-baner-cta:hover { background: #ffad47; transform: translateY(-1px); }
.bl-oli-baner-tel { display: none; }

.bl-oli-cetiri { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 12px; }
.bl-oli-vel { position: relative; background: linear-gradient(180deg, var(--oli-t1) 0%, var(--oli-t2) 100%); min-height: 640px; display: flex; flex-direction: column; align-items: center; padding: 42px 20px 0; text-align: center; overflow: hidden; }
.bl-oli-pocetna .bl-oli-vel h2 { font-size: 22px; font-weight: 700; margin: 0; color: var(--oli-tx); }
.bl-oli-vel h2 a { color: inherit !important; text-decoration: none !important; }
.bl-oli-vel p { font-size: 15px; color: #333b41; margin: 8px 0 18px; }
.bl-oli-dg { display: flex; gap: 12px; position: relative; z-index: 1; flex-wrap: wrap; justify-content: center; }
.bl-oli-dg a, .bl-oli-dg span { height: 36px; padding: 0 24px; border-radius: 999px; display: inline-flex; align-items: center; font-size: 14.5px; text-decoration: none !important; transition: background .2s, color .2s, border-color .2s; }
.bl-oli-kupi, .bl-oli-det { border: 1px solid #333; color: #111 !important; background: rgba(255, 255, 255, .35); }
.bl-oli-kupi:hover, .bl-oli-det:hover { background: #111; border-color: #111; color: #fff !important; }
.bl-oli-nema { border: 1px dashed #9aa5ac; color: #6b767d; }
.bl-oli-sl { flex: 1; display: flex; align-items: center; justify-content: center; width: 100%; padding: 30px 0 40px; position: relative; z-index: 1; }
.bl-oli-sl img { max-width: 62%; max-height: 330px; object-fit: contain; filter: drop-shadow(0 24px 22px rgba(0, 0, 0, .22)); transition: transform .35s ease; }
.bl-oli-vel:hover .bl-oli-sl img { transform: scale(1.04); }

.bl-oli-pocetna .bl-oli-katn { text-align: center; font-size: 34px; font-weight: 800; letter-spacing: -.01em; margin: 84px 0 40px; color: var(--oli-tx); }
.bl-oli-kat { display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: 230px 230px; gap: 12px; padding: 0 12px; }
.bl-oli-kat a { position: relative; overflow: hidden; background: linear-gradient(180deg, var(--oli-t1), var(--oli-t2)); text-decoration: none !important; }
.bl-oli-kat a span { position: absolute; left: 32px; top: 28px; font-size: 21px; font-weight: 500; color: #222; z-index: 1; transition: color .2s; }
.bl-oli-kat a img { position: absolute; right: 16%; bottom: 14%; max-width: 46%; max-height: 52%; object-fit: contain; filter: drop-shadow(0 12px 10px rgba(0, 0, 0, .18)); z-index: 1; transition: transform .35s ease; }
.bl-oli-kat a:hover img { transform: scale(1.06); }
.bl-oli-kat a:hover span { color: var(--oli-teal); }
.bl-oli-kat a.bl-oli-visoka { grid-row: span 2; }
.bl-oli-kat a.bl-oli-visoka img { right: auto; left: 50%; transform: translateX(-50%); bottom: 9%; max-width: 42%; max-height: 66%; }
.bl-oli-kat a.bl-oli-visoka:hover img { transform: translateX(-50%) scale(1.05); }

/* ===== Podnožje (svetlo, kao olight.com) ===== */
.bl-sajt-olight .bl-oli-footer { background: #fff; border-top: 1px solid var(--oli-line); color: #333; font-size: 14px; }
.bl-oli-fo { max-width: 1180px; margin: 0 auto; padding: 48px 24px 22px; display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 30px; }
.bl-oli-fo h3 { font-size: 14.5px; margin: 0 0 14px; color: var(--oli-tx); }
.bl-oli-fo ul { list-style: none; margin: 0; padding: 0; }
.bl-oli-fo li { margin: 9px 0; }
.bl-oli-fo a { color: #444; text-decoration: none; }
.bl-oli-fo a:hover { color: var(--oli-teal); }
.bl-oli-fl p { color: #555; line-height: 1.6; margin: 14px 0 0; }
.bl-oli-fl p strong { color: var(--oli-tx); }
.bl-sajt-olight .bl-footer-social a { background: #f1f4f6; border-color: var(--oli-line); }
.bl-oli-pot { max-width: 1180px; margin: 0 auto; padding: 16px 24px 26px; border-top: 1px solid var(--oli-line); display: flex; justify-content: space-between; gap: 20px; font-size: 12.5px; color: #777; }

/* ===== Prodavnica, kategorije, pretraga (osnovna tema ih ima tamne) ===== */
html body.bl-sajt-olight.post-type-archive-product,
html body.bl-sajt-olight.tax-product_cat,
html body.bl-sajt-olight.tax-product_tag,
html body.bl-sajt-olight.tax-product_brand,
html body.bl-sajt-olight.search-results.woocommerce { --theme-headings-color: #111418; --theme-heading-color: #111418; --theme-link-hover-color: var(--oli-teal); }
html body.bl-sajt-olight .hero-section .page-title,
html body.bl-sajt-olight.post-type-archive-product .page-title,
html body.bl-sajt-olight.tax-product_cat .page-title,
html body.bl-sajt-olight.search-results .page-title { color: var(--oli-tx) !important; }
html body.bl-sajt-olight ul.products li.product { background: #fff; border-color: var(--oli-line); color: var(--oli-tx); }
html body.bl-sajt-olight ul.products li.product:hover { border-color: var(--oli-teal2); box-shadow: 0 12px 28px rgba(16, 24, 32, .10); }
html body.bl-sajt-olight ul.products li.product .woocommerce-loop-product__title,
html body.bl-sajt-olight ul.products li.product .woocommerce-loop-product__title a { color: var(--oli-tx) !important; }
html body.bl-sajt-olight ul.products li.product .price,
html body.bl-sajt-olight ul.products li.product .price ins,
html body.bl-sajt-olight ul.products li.product .price .amount { color: var(--oli-teal) !important; }
html body.bl-sajt-olight ul.products li.product .price del,
html body.bl-sajt-olight ul.products li.product .price del .amount { color: #8a949b !important; }
html body.bl-sajt-olight ul.products li.product .entry-meta a,
html body.bl-sajt-olight ul.products li.product .ct-product-categories a { color: var(--oli-mut); }
html body.bl-sajt-olight ul.products li.product figure,
html body.bl-sajt-olight ul.products li.product .ct-media-container { background: #fff; }
/* Pločice na kartici (primer 5): svetle, tanka Olight plava crta gore, natpis ispod (2.13.14) */
body.bl-sajt-olight .bl-spec { background: #eef4f6; border-color: #d3dfe4; border-top-color: var(--oli-teal); color: #44535b; }
body.bl-sajt-olight .bl-spec b { color: #0b1f26; }
body.bl-sajt-olight .bl-spec svg { color: #007d8c; }
body.bl-sajt-olight .bl-spec::after { color: #5d6670; }
body.bl-sajt-olight .woocommerce-ordering select option { background-color: #fff; color: var(--oli-tx); }
body.bl-sajt-olight .bl-filters .bl-f-switch { border-color: #c9d1d6; }
/* Filteri: osnovna tema ima bela slova za tamnu podlogu */
body.bl-sajt-olight .bl-f-head strong,
body.bl-sajt-olight .bl-f-stock,
body.bl-sajt-olight .bl-f-group > summary,
body.bl-sajt-olight .bl-f-check input:checked + span { color: var(--oli-tx) !important; }
body.bl-sajt-olight .bl-f-price-inputs input { color: var(--oli-tx) !important; background: #fff !important; }
body.bl-sajt-olight .bl-f-chip { color: var(--oli-teal) !important; background: rgba(43, 181, 184, .12); }
body.bl-sajt-olight .bl-f-reset { color: var(--oli-tx) !important; }
body.bl-sajt-olight .bl-f-stock input:focus-visible + .bl-f-switch,
body.bl-sajt-olight .bl-f-check input:focus-visible { outline-color: var(--oli-teal); }

/* ===== Strana proizvoda, korpa, plaćanje: svetle (isto kao baterijskelampe.rs), Olight plava ===== */
.bl-sajt-olight.single-product .product_title,
.bl-sajt-olight.single-product .summary .price,
.bl-sajt-olight.single-product .summary .price ins,
.bl-sajt-olight.single-product .summary .price .amount { color: var(--oli-teal) !important; }

/* ===== Tablet ===== */
@media (max-width: 1180px) {
    .bl-oli-zag { padding: 0 24px; gap: 18px; }
    .bl-oli-nav { gap: 18px; font-size: 14px; }
}

/* ===== Telefon ===== */
@media (max-width: 960px) {
    .bl-oli-nav { display: none; }
    .bl-oli-hamb { display: block !important; width: 40px; height: 40px; padding: 9px; background: transparent !important; border: 0 !important; flex: none; }
    .bl-oli-hamb span { background: var(--oli-tx) !important; margin: 5px 0; }
}
@media (max-width: 700px) {
    .admin-bar.bl-sajt-olight .bl-oli-header { top: 0; }
    .bl-oli-zag { height: 56px; padding: 0 10px; gap: 10px; }
    .bl-oli-zag .bl-oli-logo img.bl-oli-logo-img { height: 20px; }
    .bl-oli-prod { height: 30px; padding: 0 14px; font-size: 13.5px; margin-left: auto; }
    .bl-oli-ik { gap: 14px; margin-left: 4px; }
    .bl-oli-ik .bl-oli-nalog, .bl-oli-ik .bl-oli-lista { display: none; }
    /* site.css na telefonu skriva poslednji span u korpi (tekst „Korpa”) – ovde je to sama ikonica. */
    .bl-oli-ik .bl-cart-action > span.bl-cart-icon-wrap { display: inline-flex !important; }
    .bl-oli-pretraga { padding: 10px 12px; }
    .bl-oli-baner-tel { display: block; position: absolute; left: 0; right: 0; top: 26px; text-align: center; line-height: 1.1; color: #fff; padding: 0 12px; }
    .bl-oli-baner-tel strong { display: block; font-size: 44px; font-weight: 900; letter-spacing: -.03em; background: linear-gradient(180deg, #fff, #aeb9bf); -webkit-background-clip: text; background-clip: text; color: transparent; }
    .bl-oli-baner-tel span { display: block; font-size: 15px; margin-top: 8px; color: #dfe6ea; }
    .bl-oli-baner-cta { left: 50%; transform: translateX(-50%); top: auto; bottom: 44px; }
    .bl-oli-baner-cta:hover { transform: translateX(-50%); }
    .bl-oli-cetiri { grid-template-columns: 1fr; gap: 8px; padding: 8px 0; }
    .bl-oli-vel { min-height: 540px; padding-top: 34px; }
    .bl-oli-pocetna .bl-oli-vel h2 { font-size: 20px; }
    .bl-oli-sl img { max-width: 72%; max-height: 260px; }
    .bl-oli-pocetna .bl-oli-katn { font-size: 24px; margin: 56px 14px 24px; }
    .bl-oli-kat { grid-template-columns: 1fr 1fr; grid-template-rows: repeat(5, 170px); gap: 8px; padding: 0 8px; }
    .bl-oli-kat a span { left: 16px; top: 16px; font-size: 16px; }
    .bl-oli-kat a img { right: 12%; max-width: 52%; }
    .bl-oli-fo { grid-template-columns: 1fr 1fr; padding: 32px 18px 14px; }
    .bl-oli-fl { grid-column: 1 / -1; }
    .bl-oli-pot { flex-direction: column; gap: 6px; padding: 14px 18px 22px; }
}

/* Obaveštenje o kolačićima (inc/analytics.php): Olight plava umesto narandžaste */
body.bl-sajt-olight #bl-kol { --bl-kol-a: #0a8790; --bl-kol-l: #7fd6d9; }