/* ==========================================================================
   Hefest — child tema (WoodMart). Izgled po Olight referenci (demo2.wpopal.com/olight).
   Mere su izmerene na demu (1440px): kontejner 1380, tekst 15/22 #4b4b4a, naslovi 500 #22201d,
   akcenat zlatna #dbaf36, svetla podloga #f4f3f1, dugme crno #22201d r9.
   Verzija: HF_VER u functions.php — bump pri svakoj izmeni.
   ========================================================================== */
:root{
  --hf-tamna:#22201d; --hf-tekst:#4b4b4a; --hf-siva:#a1a1a0; --hf-zlatna:#dbaf36; --hf-bronza:#dd8752;
  --hf-svetla:#f4f3f1; --hf-linija:#e9e7e3; --hf-radius:12px; --hf-radius-dugme:9px; --hf-w:1380px;
}
body{font-family:'Inter Tight',sans-serif;color:var(--hf-tekst);font-size:15px;line-height:22px;letter-spacing:.5px}
h1,h2,h3,h4,h5,h6,.title,.wd-entities-title{font-family:'Inter Tight',sans-serif;color:var(--hf-tamna);font-weight:500;letter-spacing:0}
.site-content{padding-top:0}

/* ---- dugmad: crna, zaobljena 9px (Olight) ---- */
.btn,.button,button.button,.elementor-button,.wd-btn,.single_add_to_cart_button,.woocommerce .button,.wd-nav-main a.btn{border-radius:var(--hf-radius-dugme)}
.elementor-button{font-weight:600}
.btn-style-link,.wd-btn.btn-style-link{border-radius:0}

/* ---- kartica proizvoda (Olight): slika na svetloj podlozi r12, kategorija iznad naslova, ocena ---- */
.wd-product .product-element-top,.product-grid-item .product-element-top{background:var(--hf-svetla);border-radius:var(--hf-radius);overflow:hidden}
.wd-product .product-element-top img{mix-blend-mode:multiply}
.product-grid-item .product-element-bottom,.wd-product .product-element-bottom{text-align:center;padding-top:18px}
.product-grid-item .wd-entities-title,.wd-product .wd-entities-title{font-size:16px;line-height:24px;font-weight:500;letter-spacing:.32px;margin-bottom:6px}
.product-grid-item .wd-product-cats,.wd-product .wd-product-cats{order:-1;margin-bottom:8px;font-size:12px;letter-spacing:.5px;text-transform:uppercase;color:var(--hf-siva)}
.product-grid-item .wd-product-cats a{color:var(--hf-siva)}
.product-grid-item .price,.wd-product .price{font-size:16px;line-height:24px;font-weight:700;color:var(--hf-tamna)}
.product-grid-item .price del,.wd-product .price del{color:var(--hf-siva);font-weight:400;font-size:14px}
.product-grid-item .star-rating,.wd-product .star-rating{margin-bottom:10px;--wd-rating-color:var(--hf-bronza)}
.wd-product .product-labels .onsale{background:var(--hf-bronza);color:#fff;border-radius:6px;font-weight:600;font-size:12px}

/* ---- naslov strane (shop/kategorija): 280px, svetao tekst, breadcrumbs uppercase 12px ---- */
.page-title{min-height:280px;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center}
.page-title .title{font-size:36px;line-height:40px;font-weight:500;color:#fff;margin-bottom:12px}
.page-title .wd-breadcrumbs,.page-title .breadcrumbs{font-size:12px;letter-spacing:.5px;text-transform:uppercase;font-weight:600;color:#fff}
.page-title .wd-breadcrumbs a{color:rgba(255,255,255,.85)}

/* ---- pločice kategorija iznad liste (Olight „category page") ---- */
.hf-kategorije{margin:30px 0 40px}
.hf-kategorije__lista{display:grid;grid-template-columns:repeat(7,1fr);gap:30px;margin:0;padding:0;list-style:none}
.hf-kategorije__stavka a{display:block;text-align:center;color:var(--hf-tamna)}
.hf-kategorije__stavka img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:var(--hf-radius);margin:0 0 14px;background:var(--hf-svetla)}
.hf-kategorije__stavka span{font-size:16px;line-height:24px;font-weight:500}
.hf-kategorije__stavka.je-aktivna span{color:var(--hf-zlatna)}
@media (max-width:1024px){.hf-kategorije__lista{grid-template-columns:repeat(4,1fr);gap:20px}}
@media (max-width:767px){.hf-kategorije__lista{grid-template-columns:repeat(3,1fr);gap:12px}.hf-kategorije__stavka span{font-size:13px;line-height:18px}}

/* ---- bočna traka filtera ---- */
.sidebar-container .widget{border-bottom:1px solid var(--hf-linija);padding-bottom:28px;margin-bottom:28px}
.sidebar-container .widget-title{font-size:22px;line-height:26px;font-weight:500;text-transform:none;margin-bottom:18px}
.sidebar-container .widget li a{color:var(--hf-tekst)}
.sidebar-container .widget li .count{color:var(--hf-siva)}
.sidebar-container .widget_price_filter .price_slider_amount .button{background:var(--hf-tamna);color:#fff}
.sidebar-container .widget_price_filter .price_label span{color:var(--hf-zlatna)}

/* ---- paginacija: zlatni krug ---- */
.wd-pagination .page-numbers.current,.woocommerce-pagination .page-numbers.current{background:var(--hf-zlatna);color:#fff;border-radius:50%}

/* ---- strana proizvoda ---- */
.single-product .product_title{font-size:28px;line-height:33px;font-weight:500}
.single-product .summary-inner .price{font-size:24px;line-height:24px;font-weight:700;color:var(--hf-tamna)}
.single-product .summary-inner .price del{font-size:16px;color:var(--hf-siva);font-weight:400}
.single-product .woocommerce-product-gallery .wd-gallery-image img,.single-product .woocommerce-product-gallery__image img{background:var(--hf-svetla);border-radius:var(--hf-radius)}
.single-product .woocommerce-product-gallery .wd-carousel-container:not(.wd-gallery-thumb) .wd-slide{background:var(--hf-svetla);border-radius:var(--hf-radius);overflow:hidden}
.single-product .wd-gallery-thumb .wd-slide img{border-radius:8px;background:var(--hf-svetla)}
.single-product .wd-gallery-thumb .wd-active img{border:1px solid var(--hf-zlatna)}
.single-product .single_add_to_cart_button{min-width:270px;height:52px;line-height:52px;font-size:15px;font-weight:600;border-radius:var(--hf-radius-dugme)}
.single-product .quantity{height:52px}
.single-product .wd-buy-now-btn{width:100%;height:52px;line-height:50px;background:transparent;color:var(--hf-tamna);border:1px solid var(--hf-tamna);border-radius:var(--hf-radius-dugme);font-weight:600;margin-top:16px}
.single-product .wd-buy-now-btn:hover{background:var(--hf-tamna);color:#fff}
.single-product .product_meta{border-top:1px solid var(--hf-linija);padding-top:20px;margin-top:24px}
.single-product .product_meta>span{display:block;margin-bottom:6px}
.single-product .woocommerce-tabs .wd-nav-tabs-title li a{font-size:22px;font-weight:500;text-transform:none;letter-spacing:0}
.single-product .related-products .title{font-size:36px;line-height:40px;text-align:center}
.single-product .product-labels .onsale{background:var(--hf-bronza);color:#fff;border-radius:6px;font-weight:600;font-size:12px}

/* ---- zaglavlje: marquee traka (gornja) ---- */
.whb-top-bar{background:var(--hf-tamna)}
.hf-marquee{display:flex;overflow:hidden;white-space:nowrap;width:100%;color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}
.hf-marquee__trak{display:inline-flex;gap:0;animation:hf-marquee 32s linear infinite;will-change:transform}
.hf-marquee__trak span{padding:0 28px;display:inline-flex;align-items:center;gap:28px}
.hf-marquee__trak span::after{content:"✦";color:var(--hf-zlatna);font-size:10px}
@keyframes hf-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.hf-marquee__trak{animation:none}}
.whb-general-header .wd-nav-main>li>a{font-size:13px;font-weight:600;letter-spacing:.2px;text-transform:uppercase}
.whb-general-header .wd-nav-main>li.current-menu-item>a,.whb-general-header .wd-nav-main>li>a:hover{color:var(--hf-zlatna)}
.whb-general-header .wd-header-wishlist,.whb-general-header .wd-header-cart,.whb-general-header .wd-header-my-account,.whb-general-header .wd-header-search{--wd-header-el-color:var(--hf-tamna)}

/* ---- Elementor sekcije naslovne (klase iz generatora) ---- */
.hf-nadnaslov{font-size:12px;letter-spacing:1px;text-transform:uppercase;font-weight:600;color:var(--hf-tamna);margin-bottom:14px}
.hf-sekcija-naslov .elementor-heading-title{font-size:36px;line-height:40px;font-weight:500}
.hf-sekcija-pod{color:var(--hf-tekst)}
.hf-hero{min-height:704px;display:flex;align-items:center;background-size:cover;background-position:center;color:#fff}
.hf-hero .hf-nadnaslov{color:#fff}
.hf-hero .elementor-heading-title{color:#fff;font-size:68px;line-height:1.04;font-weight:500;max-width:600px}
.hf-hero p{color:#fff;font-size:18px;line-height:26px;max-width:420px}
.hf-baner{min-height:520px;background-size:cover;background-position:center;display:flex;align-items:center}
.hf-baner .elementor-heading-title{font-size:40px;line-height:1.1;font-weight:500;max-width:300px}
.hf-baner-tekst{max-width:300px}
.hf-dugme-belo .elementor-button{background:#fff;color:var(--hf-tamna)}
.hf-dugme-belo .elementor-button:hover{background:var(--hf-tamna);color:#fff}
.hf-dugme-link .elementor-button{background:transparent;color:var(--hf-tamna);padding:0;border-radius:0;border-bottom:1px solid var(--hf-tamna);font-weight:700}
.hf-o-nama{min-height:580px;background-size:cover;background-position:center;text-align:center}
.hf-o-nama .elementor-heading-title{font-size:36px;line-height:40px;max-width:520px;margin:0 auto}
.hf-o-nama p{max-width:520px;margin:0 auto}
.hf-plocica{min-height:580px;background-size:cover;background-position:center;display:flex;align-items:flex-end;justify-content:center;text-align:center;color:#fff;padding-bottom:60px}
.hf-plocica .elementor-heading-title{color:#fff;font-size:22px;line-height:26px;font-weight:500}
.hf-plocica p{color:#fff;font-size:12px;letter-spacing:.5px;text-transform:uppercase;font-weight:600}
.hf-usp .info-box-wrapper{text-align:left}
.hf-usp .info-box-icon{--wd-icon-size:40px}
.hf-usp .wd-infobox .info-box-title{font-size:18px;line-height:24px;font-weight:500;margin-bottom:8px}
.hf-veliki{min-height:580px;background:var(--hf-svetla);border-radius:var(--hf-radius);overflow:hidden}
.hf-veliki .elementor-heading-title{font-size:40px;line-height:1.1;max-width:360px}
.hf-utisci .wd-testimonial{background:#f6f6f6;border-radius:var(--hf-radius);padding:36px 40px}
.hf-cta{min-height:480px;background-size:cover;background-position:center;text-align:center;display:flex;align-items:center}
.hf-cta .elementor-heading-title{font-size:40px;line-height:1.1}
.hf-blog .wd-entities-title{font-size:22px;line-height:26px;text-align:center}
.hf-marquee-el .wd-marquee-item{font-size:20px;color:var(--hf-tamna);font-weight:500}

/* ---- futer (html blok) ---- */
.hf-futer{border-top:1px solid var(--hf-linija)}
.hf-futer-naslov .elementor-heading-title{font-size:18px;line-height:24px;font-weight:500;margin-bottom:22px}
.hf-futer .elementor-nav-menu--layout-vertical .elementor-nav-menu>li>a{padding:6px 0;font-size:15px;color:var(--hf-tekst)}
.hf-futer .elementor-nav-menu--layout-vertical .elementor-nav-menu>li>a:hover{color:var(--hf-zlatna)}
.hf-copyright{border-top:1px solid var(--hf-linija);padding:22px 0;font-size:15px}
.hf-newsletter .elementor-heading-title{font-size:30px;line-height:34px}
.hf-newsletter .elementor-form .elementor-field-group{padding:0}
.hf-newsletter .elementor-field-type-email input{height:52px;background:var(--hf-svetla);border:0;border-radius:var(--hf-radius-dugme) 0 0 var(--hf-radius-dugme);min-width:380px}
.hf-newsletter .elementor-field-type-submit .elementor-button{height:52px;border-radius:0 var(--hf-radius-dugme) var(--hf-radius-dugme) 0;padding:0 28px}
.hf-insta img{border-radius:var(--hf-radius);width:100%;aspect-ratio:1/1;object-fit:cover}

/* ---- mobilni ---- */
@media (max-width:1024px){
  .hf-hero{min-height:520px}.hf-hero .elementor-heading-title{font-size:44px}
  .hf-baner{min-height:360px}.hf-baner .elementor-heading-title{font-size:30px}
  .hf-plocica{min-height:360px}.hf-veliki{min-height:0}
  .page-title{min-height:200px}
}
@media (max-width:767px){
  .hf-hero{min-height:440px}.hf-hero .elementor-heading-title{font-size:36px}
  .hf-sekcija-naslov .elementor-heading-title,.hf-o-nama .elementor-heading-title,.hf-cta .elementor-heading-title{font-size:28px;line-height:32px}
  .single-product .single_add_to_cart_button{min-width:0;width:100%}
  .hf-newsletter .elementor-field-type-email input{min-width:0}
}

/* ---- ritam sekcija naslovne (Olight: naslov 36, podnaslov, 40px do sadržaja) ---- */
.hf-sekcija-naslov{margin-bottom:10px}
.hf-sekcija-pod{margin-bottom:40px}
.hf-sekcija-pod p{margin:0}
.hf-nadnaslov p{margin:0}
.hf-baner .elementor-widget-heading,.hf-o-nama .elementor-widget-heading,.hf-cta .elementor-widget-heading,.hf-veliki .elementor-widget-heading,.hf-hero .elementor-widget-heading{margin-bottom:16px}
.hf-baner-tekst,.hf-hero__tekst,.hf-cta__tekst,.hf-o-nama__tekst,.hf-veliki__opis{margin-bottom:26px}
.hf-plocica .elementor-widget-heading{margin-bottom:4px}
.hf-plocica .hf-plocica__kat p{margin:0}
.hf-usp .info-box-wrapper{display:flex;gap:18px;align-items:flex-start}
.hf-usp .info-box-icon{flex:0 0 auto}
.hf-usp .info-box-content{text-align:left}
.hf-usp .info-box-content .info-box-title{margin-bottom:6px}
.hf-utisci .wd-testimonial-inner,.hf-utisci .testimonial-inner{border-radius:var(--hf-radius)}
/* povezani proizvodi: naslov centriran kao na Olight-u */
.related-products .wd-el-title,.related-products > .title,.related-products .slider-title{text-align:center;justify-content:center}
.related-products{margin-top:60px}

/* ---- zaglavlje kao Olight: strelice uz stavke sa podmenijem, zlatna značka na listi želja, ikonice 24px ---- */
.whb-general-header .wd-nav-main>li.menu-item-has-children>a::after{content:"";display:inline-block;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-3px);margin-left:7px;opacity:.9}
.whb-general-header .wd-nav-main>li.menu-item-has-children>a .wd-nav-arrow{display:none}
.whb-general-header .wd-header-wishlist .wd-tools-count,.whb-general-header .wd-header-cart .wd-tools-count{background:var(--hf-zlatna);color:#fff;font-weight:600}
.whb-general-header .wd-header-cart .wd-tools-count{display:none}
.whb-general-header .wd-tools-element>a{padding:0 10px}
.whb-general-header .wd-tools-element .wd-tools-icon img,.whb-general-header .wd-tools-element img{width:22px;height:22px}
.whb-general-header .whb-burger .wd-tools-icon img{width:24px}

/* ---- shop: bez „nazad" strelice u naslovu kategorije (Olight je nema); breadcrumbs iznad liste kao mali uppercase ---- */
.page-title.with-back-btn .wd-back-btn,.page-title .wd-back-btn{display:none}
.page-title.with-back-btn .title{padding-left:0}
.site-content .wd-breadcrumbs.woocommerce-breadcrumb{font-size:12px;letter-spacing:.5px;text-transform:uppercase;font-weight:600;color:var(--hf-siva);margin-bottom:26px}
.site-content .wd-breadcrumbs.woocommerce-breadcrumb a{color:var(--hf-siva)}
/* bočna traka: filteri atributa kao lista sa brojem */
.sidebar-container .widget_layered_nav ul li{display:flex;justify-content:space-between;padding:4px 0}
.sidebar-container .widget_layered_nav ul li .count{color:var(--hf-siva)}

/* ---- blog kao Olight: levo poravnato, meta iznad naslova, naslov 24px ---- */
.blog-design-default .article-inner,.blog-design-default .entry-header,.blog-design-default .entry-meta,.blog-design-default .entry-content,.blog-design-default .wd-entities-title,.single-post .entry-header,.single-post .wd-entities-title,.single-post .entry-meta{text-align:left}
.blog-design-default .wd-entities-title,.single-post .entry-header .wd-entities-title{font-size:24px;line-height:30px}
.blog-design-default .entry-content p{color:var(--hf-tekst)}
.blog-design-default .btn-read-more,.blog-design-default .more-link{text-transform:none;letter-spacing:.5px;font-weight:600;font-size:14px;color:var(--hf-tamna);border-bottom:1px solid var(--hf-tamna)}
.single-post .entry-thumbnail img,.single-post .wd-post-img img{width:100%;border-radius:var(--hf-radius)}
.blog-design-default .entry-thumbnail img{border-radius:var(--hf-radius)}

/* ---- 404: bez trake naslova (WoodMart tu ispiše naslov blog strane) ---- */
body.error404 .page-title{display:none}

/* --- hamburger dugme u zaglavlju + popup meni preko celog ekrana (Olight) --- */
.whb-general-header .hf-meni-dugme-wrap{padding:0 10px}
.hf-meni-dugme{display:flex;align-items:center;height:40px}
.hf-meni-dugme img{width:24px;height:24px;transition:opacity .25s}
.hf-meni-dugme:hover img{opacity:.6}
.elementor-popup-modal .hf-meni-popup{width:100%}
.hf-meni-popup__meni .elementor-nav-menu--main .elementor-item{padding-left:0;padding-right:0}
.hf-meni-popup__h4{font-size:18px;margin:8px 0 0}
.hf-meni-popup__vreme p,.hf-meni-popup__copy p{margin:0;color:var(--hf-tekst)}
.hf-meni-popup__copy p{font-size:14px}
.elementor-popup-modal .dialog-close-button{top:36px;right:36px}
.elementor-popup-modal .dialog-close-button i,.elementor-popup-modal .dialog-close-button svg{color:var(--hf-zlatna);fill:var(--hf-zlatna)}
/* --- proizvod: tabovi levo kao Olight, tabela specifikacije u opisu, traka kartica --- */
.single-product .woocommerce-tabs .wd-nav-tabs-wrapper.text-center{text-align:left}
.single-product .woocommerce-tabs .wd-nav-tabs-wrapper{justify-content:flex-start}
.single-product .woocommerce-tabs .wd-nav-tabs-title li a{font-size:18px}
.hf-specifikacija{width:100%;max-width:520px;border-collapse:collapse;margin-top:20px}
.hf-specifikacija th,.hf-specifikacija td{padding:10px 0;border-bottom:1px solid var(--hf-linija);font-size:14px;text-align:left}
.hf-specifikacija th{font-weight:500;color:var(--hf-tamna);width:40%}
.hf-posle-korpe__naslov{font-size:14px;letter-spacing:.3px;margin:6px 0 0}
.hf-posle-korpe__kartice img{max-width:420px}
/* --- kategorija: breadcrumbs ispod naslova u traci (Olight) --- */
.page-title .wd-breadcrumbs{margin-top:10px}
@media (max-width:1024px){.elementor-popup-modal .dialog-close-button{top:16px;right:16px}}
/* breadcrumbs u traci naslova shop-a/kategorije: ceo red ispod H1, centrirano (hook u functions.php) */
.wd-page-title .wd-title-wrapp{flex-wrap:wrap;justify-content:center}
.wd-page-title .wd-title-wrapp .wd-breadcrumbs{flex:0 0 100%;width:100%;justify-content:center;text-align:center;margin-top:8px}
/* O nama hero: beo tekst na tamnoj fotografiji (naslov je nasleđivao tamnu boju) */
.hf-onama__hero .elementor-heading-title,.hf-onama__hero p,.hf-onama__hero .hf-nadnaslov,.hf-onama__hero-naslov,.hf-onama__hero-nadnaslov,.hf-onama__hero-tekst{color:#fff}