/* =========================================================
   HEAVY DUTIES 2026 — Customizer › Additional CSS
   Lipește tot acest fișier în: Appearance › Customize › Additional CSS
   ========================================================= */

/* 1. Fonturi (Barlow Condensed pentru titluri, Barlow pentru text) */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Barlow:wght@400;500;600;700&display=swap');

:root {
  --wd-primary-color: #F47327;
  --wd-alternative-color: #0D0E0F;
  --wd-title-font: 'Barlow Condensed', sans-serif;
  --wd-title-font-weight: 700;
  --wd-entities-title-font: 'Barlow Condensed', sans-serif;
  --wd-entities-title-font-weight: 700;
  --wd-text-font: 'Barlow', sans-serif;
  --wd-alternative-font: 'Barlow Condensed', sans-serif;
  --wd-widget-title-font: 'Barlow Condensed', sans-serif;
  --wd-header-el-font: 'Barlow Condensed', sans-serif;
  --wd-header-el-font-weight: 600;
  --btn-default-font-family: 'Barlow Condensed', sans-serif;
  --btn-accented-font-family: 'Barlow Condensed', sans-serif;
}

/* 2. Paginile Elementor pe toată lățimea: fără spațiu alb sub header */
.elementor-template-full-width .main-page-wrapper,
.elementor-template-full-width .wd-content-layout { padding-top: 0 !important; }
.elementor-template-full-width .site-content { margin-bottom: 0 !important; padding-bottom: 0 !important; }
/* fără dunga albă dintre ultimul bloc și footer */
.elementor-template-full-width .wd-content-layout { padding-bottom: 0 !important; }
.elementor-template-full-width .main-page-wrapper { background-color: #0D0E0F; }
.elementor-template-full-width .page-title { display: none; }

/* Articolele de blog construite în Elementor au propriul hero: ascundem titlul/poza temei */
.single-post.elementor-template-full-width .wd-single-post-header,
.single-post.elementor-template-full-width .post-single-page .post-img-wrapp,
.single-post.elementor-template-full-width .post-single-page .entry-header { display: none !important; }

/* 3. Titluri și butoane în stilul Heavy Duties */
h1, h2, h3, .title, .wd-entities-title, .promo-banner .banner-title, .info-box-title {
  text-transform: uppercase; letter-spacing: .01em;
}
.btn, .button, .wd-button-wrapper .btn {
  font-family: 'Barlow Condensed', sans-serif; font-weight: 700; letter-spacing: .08em; border-radius: 8px;
}

/* 4. Bannere WoodMart: text lizibil pe poze */
.promo-banner.banner-mask .wrapper-content-banner { background: linear-gradient(0deg, rgba(0,0,0,.8), rgba(0,0,0,0) 65%); }
.promo-banner .banner-subtitle { font-family: 'Barlow', sans-serif; text-transform: none; letter-spacing: 0; opacity: .85; }
.promo-banner-wrapper .promo-banner, .promo-banner-wrapper .banner-image { border-radius: 12px !important; overflow: hidden; }

/* 5. Info box-uri (mărci, pași, avantaje) */
.info-box-wrapper .info-box-icon.text-icon, .info-box-wrapper .info-box-icon .info-svg-wrapper {
  font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 40px; color: #F47327;
}
.wd-infobox-link:hover .info-box-title { color: #F47327; }

/* 6. Pozele vechi din Our Story în sepia (adaugă clasa hd-sepia pe orice galerie / imagine) */
.hd-sepia img { filter: sepia(.75) contrast(1.08) brightness(.92); transition: filter .5s; border-radius: 6px; }
.hd-sepia img:hover { filter: none; }
.hd-bw img { filter: grayscale(1); transition: filter .5s; }
.hd-bw img:hover, .hd-bw:hover img { filter: none; }

/* 7. Puncte Image Hotspot în portocaliu */
.wd-image-hotspot .hotspot-btn { background-color: #F47327 !important; box-shadow: 0 0 0 6px rgba(244,115,39,.3); }

/* 8. Selector motocicletă și formulare pe fundal închis */
select { color-scheme: light dark; }

/* 9. Mobil: margini de 20px și titluri mai mici */
@media (max-width: 767px) {
  .elementor-template-full-width .e-con-boxed > .e-con-inner { padding-left: 4px; padding-right: 4px; }
}

/* 10. Pagini de categorie (arhiva WooCommerce standard)
   Întâi: WoodMart › Theme Settings › Page title → activează titlul paginii pentru shop/categorii
   (dă H1-ul cu numele categoriei + breadcrumb; acum categoriile NU au H1). */
.woodmart-archive-shop .page-title { background-color: #0D0E0F; padding: 56px 0 48px; margin-bottom: 0; }
.woodmart-archive-shop .page-title .entry-title { font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: clamp(36px, 5vw, 64px); line-height: 1; color: #fff; }
.woodmart-archive-shop .page-title .wd-breadcrumbs, .woodmart-archive-shop .page-title .wd-breadcrumbs a { color: #A6A7A3; }
.woodmart-archive-shop .page-title .wd-breadcrumbs a:hover { color: #F47327; }

/* Produsele primele, textul SEO al categoriei mutat sub produse (rămâne indexat) */
.woodmart-archive-shop .wd-builder-off .wd-content-area { display: flex; flex-direction: column; }
.woodmart-archive-shop .wd-builder-off .term-description { order: 99; margin: 56px 0 0; padding: 36px 40px; background: #F2F1EE; border-radius: 16px; font-size: 15px; }
.woodmart-archive-shop .wd-builder-off .term-description h2 { font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 32px; }
.woodmart-archive-shop .wd-builder-off .term-description li { margin-bottom: 6px; }
@media (max-width: 767px) { .woodmart-archive-shop .wd-builder-off .term-description { padding: 24px 20px; } }

/* Carduri produs: titlu condensat, preț portocaliu */
.wd-product .wd-entities-title { font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 17px; text-transform: uppercase; }
.wd-product .price { font-weight: 700; color: #F47327; }

/* 11. Header în culorile noi (negru Heavy Duties) + meniu mai mare
   Echivalent fără CSS: Header Builder › rândul Main și rândul Bottom › Background #0D0E0F, Text color: Light */
.whb-general-header, .whb-header-bottom { background-color: #0D0E0F !important; }
.whb-general-header { border-bottom: 1px solid #26282C !important; }
.whb-header-bottom { border-bottom: 1px solid #26282C !important; }
:is(.whb-header, .whb-clone) .wd-nav-main > li > a,
:is(.whb-header, .whb-clone) .wd-nav-main > li > a .nav-link-text { color: #E9E9E6; }
.wd-nav-main > li > a { font-size: 16px !important; font-weight: 600; letter-spacing: .04em; }
:is(.whb-header, .whb-clone) .wd-nav-main > li:hover > a,
:is(.whb-header, .whb-clone) .wd-nav-main > li.current-menu-item > a,
:is(.whb-header, .whb-clone) .wd-nav-main > li.current-menu-ancestor > a { color: #F47327; }

/* 12. Footer în același negru ca secțiunea de deasupra (#0D0E0F), cu o linie fină de separare */
.wd-footer.footer-container { background-color: #0D0E0F !important; }
.wd-footer .elementor-31380 .e-con.e-parent { background-color: #0D0E0F !important; }
.wd-footer .elementor-31380 > .e-con:first-child { border-top: 1px solid #26282C; }

/* 13. Galeria de produs: toate pozele la aceeași proporție (4:3), colțuri rotunjite, fără goluri */
.single-product .woocommerce-product-gallery .wd-gallery-images img,
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image img { aspect-ratio: 4 / 3; width: 100%; height: auto; object-fit: cover; border-radius: 10px; }
.single-product .woocommerce-product-gallery .wd-carousel-wrap,
.single-product .woocommerce-product-gallery .wd-carousel-item { height: auto !important; }
/* prima poză pe toată lățimea, restul câte două */
.single-product .thumbs-grid-bottom_grid .wd-gallery-images .wd-carousel-item:first-child { grid-column: 1 / -1; }
.single-product .thumbs-grid-bottom_grid .wd-gallery-images .wd-carousel-item:first-child img { aspect-ratio: 16 / 10; }
.hd-faq .wd-accordion-title-text { font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 20px; text-transform: uppercase; color: #0D0E0F; }
/* coloana cu preț și „Add to cart” rămâne vizibilă cât derulezi galeria (desktop) */
@media (min-width: 1025px) {
  .single-product .elementor-element-7ccb4f24 { position: sticky; top: 130px; align-self: flex-start; }
  .single-product .elementor-element-5000f10e { align-items: flex-start; }
  /* afișăm 7 poze; restul se văd la click, în galeria mare */
  .single-product .thumbs-grid-bottom_grid .wd-gallery-images .wd-carousel-item:nth-child(n+8) { display: none; }
  .single-product .thumbs-grid-bottom_grid .wd-gallery-images .wd-carousel-item:nth-child(7):not(:last-child) { position: relative; }
  .single-product .thumbs-grid-bottom_grid .wd-gallery-images .wd-carousel-item:nth-child(7):not(:last-child)::after {
    content: "+ more photos"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: none;
    background: rgba(13,14,15,.55); color: #fff; border-radius: 10px; font: 700 22px 'Barlow Condensed', sans-serif; text-transform: uppercase; letter-spacing: .06em; }
}

/* 14. MEGA MENU — panouri late, întunecate, coloane, fonturi mari, carduri cu poză
   Structura (coloane/linkuri) se editează din Appearance › Menus.
   Pozele cardurilor: clasele CSS hd-card-luggage / hd-card-protection / hd-card-accessories (mai jos). */
:is(.whb-header, .whb-clone) .wd-nav-main > li { position: static; }
:is(.whb-header, .whb-clone) .wd-nav-main > li > .wd-dropdown-menu {
  left: 0 !important; right: 0 !important; width: 100% !important; max-width: none !important; margin: 0 !important;
  background: #121315 !important; border-top: 1px solid #26282C; border-radius: 0 0 14px 14px; box-shadow: 0 30px 60px rgba(0,0,0,.45);
}
:is(.whb-header, .whb-clone) .wd-nav-main > li > .wd-dropdown-menu > .container { max-width: 1230px; padding: 36px 32px 40px; }
:is(.whb-header, .whb-clone) .wd-nav-main > li > .wd-dropdown-menu .wd-sub-menu {
  display: grid !important; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 28px 40px; background: transparent !important; box-shadow: none !important; padding: 0 !important; width: auto !important; position: static !important;
}
:is(.whb-header, .whb-clone) .wd-nav-main .wd-sub-menu > li { width: auto !important; padding: 0 !important; }
:is(.whb-header, .whb-clone) .wd-nav-main > li:not(:hover):not(.wd-opened) > .wd-dropdown-menu { pointer-events: none !important; visibility: hidden !important; }
:is(.whb-header, .whb-clone) .wd-nav-main > li > .wd-dropdown-menu * { pointer-events: inherit; }
/* titlul de coloană */
:is(.whb-header, .whb-clone) .wd-nav-main .wd-sub-menu > li > a {
  font-family: 'Barlow Condensed', sans-serif !important; font-weight: 700 !important; font-size: 19px !important; text-transform: uppercase; letter-spacing: .03em;
  color: #fff !important; padding: 0 0 10px !important; margin-bottom: 10px; border-bottom: 1px solid #2C2E32; display: block;
}
:is(.whb-header, .whb-clone) .wd-nav-main .wd-sub-menu > li > a:hover { color: #F47327 !important; }
/* linkurile din coloană */
:is(.whb-header, .whb-clone) .wd-nav-main .wd-sub-menu .sub-sub-menu,
:is(.whb-header, .whb-clone) .wd-nav-main .wd-sub-menu > li > .wd-dropdown {
  position: static !important; opacity: 1 !important; visibility: inherit !important; transform: none !important; pointer-events: inherit !important;
  display: block !important; background: transparent !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; width: auto !important; min-width: 0 !important; inset: auto !important;
}
:is(.whb-header, .whb-clone) .wd-nav-main .wd-sub-menu .sub-sub-menu li a,
:is(.whb-header, .whb-clone) .wd-nav-main .wd-sub-menu > li > .wd-dropdown li a {
  font-family: 'Barlow', sans-serif !important; font-size: 16px !important; font-weight: 500 !important; text-transform: none !important; letter-spacing: 0 !important;
  color: #C9CAC6 !important; padding: 6px 0 !important; line-height: 1.35;
}
:is(.whb-header, .whb-clone) .wd-nav-main .wd-sub-menu .sub-sub-menu li a:hover,
:is(.whb-header, .whb-clone) .wd-nav-main .wd-sub-menu > li > .wd-dropdown li a:hover { color: #F47327 !important; padding-left: 4px !important; }
:is(.whb-header, .whb-clone) .wd-nav-main .wd-sub-menu li > a::after, :is(.whb-header, .whb-clone) .wd-nav-main .wd-sub-menu .menu-item-has-children > a::after { display: none !important; }
/* Shop by bike: mărcile curg compact pe 5 coloane */
:is(.whb-header, .whb-clone) .wd-nav-main > li.menu-item-30659 > .wd-dropdown-menu .wd-sub-menu { display: block !important; column-count: 5; column-gap: 40px; }
:is(.whb-header, .whb-clone) .wd-nav-main > li.menu-item-30659 > .wd-dropdown-menu .wd-sub-menu > li { break-inside: avoid; margin-bottom: 26px !important; display: block; }
:is(.whb-header, .whb-clone) .wd-nav-main > li.menu-item-30659 .sub-sub-menu li a { padding: 4px 0 !important; font-size: 15.5px !important; }
/* carduri cu poză în mega menu */
:is(.whb-header, .whb-clone) .wd-nav-main .wd-sub-menu > li.hd-mega-card > a {
  min-height: 230px; display: flex !important; align-items: flex-end; padding: 18px !important; border: 0 !important; border-radius: 12px; margin: 0;
  background: #222 center / cover no-repeat; position: relative; overflow: hidden; font-size: 22px !important;
}
:is(.whb-header, .whb-clone) .wd-nav-main .wd-sub-menu > li.hd-mega-card > a::after { content: "→" !important; display: inline !important; position: relative; margin-left: 8px; color: #F47327; }
.hd-card-luggage > a { background-image: linear-gradient(0deg, rgba(0,0,0,.85), rgba(0,0,0,0) 65%), url(/wp-content/uploads/2026/03/DSC3188.jpg) !important; }
.hd-card-protection > a { background-image: linear-gradient(0deg, rgba(0,0,0,.85), rgba(0,0,0,0) 65%), url(/wp-content/uploads/2026/01/DSC03205.jpg) !important; }
.hd-card-accessories > a { background-image: linear-gradient(0deg, rgba(0,0,0,.85), rgba(0,0,0,0) 65%), url(/wp-content/uploads/2026/01/DSC7826.jpg) !important; }
/* link evidențiat „Rhino panniers” în meniul principal */
.wd-nav-main > li.hd-nav-hot > a { color: #F47327 !important; }
.wd-nav-main > li.hd-nav-hot > a::before { content: "NEW"; font: 700 10px/1 'Barlow', sans-serif; background: #F47327; color: #0D0E0F; padding: 3px 5px; border-radius: 4px; margin-right: 7px; letter-spacing: .05em; }
/* meniul principal: puțin mai mult spațiu între intrări */
:is(.whb-header, .whb-clone) .wd-nav-main > li > a { padding-left: 16px !important; padding-right: 16px !important; }

/* 15. Filtre (butonul „Filters” de pe shop/categorii) — un rând curat, liste scurte cu scroll */
.filters-area { background: #fff; border: 1px solid #E3E2DE !important; border-radius: 14px; padding: 26px 28px !important; margin-bottom: 30px !important; }
.filters-area .filters-inner-area { --wd-col-lg: 6 !important; --wd-col-md: 3 !important; --wd-gap-lg: 26px !important; }
.filters-area .widget-title { font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 17px; letter-spacing: .04em; color: #0D0E0F; margin-bottom: 12px; }
.filters-area .wd-widget > ul, .filters-area .wd-widget .wd-scroll-content, .filters-area .woocommerce-widget-layered-nav-list, .filters-area .wd-product-cat-filter ul { max-height: 230px; overflow-y: auto; }
.filters-area a, .filters-area li { font-size: 15px; }
.filters-area a:hover { color: #F47327; }

/* Categorii-chip sub titlul categoriei (după ce activezi „Categories in page title” în Theme Settings) */
.woodmart-archive-shop .page-title .wd-nav-product-cat { gap: 8px; flex-wrap: wrap; justify-content: flex-start; margin-top: 18px; }
.woodmart-archive-shop .page-title .wd-nav-product-cat > li > a {
  border: 1px solid #34373C; border-radius: 999px; padding: 8px 16px !important; color: #E9E9E6 !important; font-family: 'Barlow', sans-serif; font-weight: 600; font-size: 15px; text-transform: none; background: #16171A; }
.woodmart-archive-shop .page-title .wd-nav-product-cat > li > a:hover,
.woodmart-archive-shop .page-title .wd-nav-product-cat > li.wd-active > a { border-color: #F47327; color: #F47327 !important; }
.woodmart-archive-shop .page-title .wd-nav-product-cat .nav-link-count { color: #8D8E8A; margin-left: 6px; }
.woodmart-archive-shop .page-title .wd-nav-product-cat img, .woodmart-archive-shop .page-title .wd-nav-product-cat .wd-nav-img { display: none; }

/* 16. Pagina Rhino: cardurile cu poze (Material, Construction, Sealing…) — aceeași înălțime, pozele verticale nu mai rup rândul */
.hd-feature-grid .promo-banner .banner-image,
.hd-feature-grid .promo-banner .banner-image img { height: 380px !important; width: 100% !important; object-fit: cover; }
@media (max-width: 767px) { .hd-feature-grid .promo-banner .banner-image, .hd-feature-grid .promo-banner .banner-image img { height: 280px !important; } }

/* 17. Descrieri produs: tabel de specificații și titluri */
.single-product .woocommerce-Tabs-panel h2 { font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 26px; margin: 34px 0 12px; }
.single-product .woocommerce-Tabs-panel h3 { font-size: 18px; margin: 18px 0 6px; text-transform: none; }
table.hd-specs { width: 100%; max-width: 760px; border-collapse: collapse; margin: 8px 0 20px; }
table.hd-specs th, table.hd-specs td { border-bottom: 1px solid #E3E2DE; padding: 11px 12px; text-align: left; vertical-align: top; font-size: 15.5px; }
table.hd-specs th { width: 34%; color: #0D0E0F; font-weight: 600; background: #F7F6F3; }

/* 18. Pagina Rhino: carduri cu poze (mărimi, deschidere capac, protecții, modele) — aceeași înălțime */
.hd-photo-grid .promo-banner .banner-image,
.hd-photo-grid .promo-banner .banner-image img { height: 300px !important; width: 100% !important; object-fit: cover; }
.hd-model-grid .promo-banner .banner-image,
.hd-model-grid .promo-banner .banner-image img { height: 280px !important; }
@media (max-width: 767px) { .hd-photo-grid .promo-banner .banner-image, .hd-photo-grid .promo-banner .banner-image img { height: 240px !important; } }
/* meniul „My account” (dropdown) în stilul nou */
.whb-header .wd-header-my-account .wd-dropdown, .whb-header .wd-dropdown-my-account {
  background: #121315 !important; border: 1px solid #26282C; border-radius: 12px; box-shadow: 0 24px 50px rgba(0,0,0,.45); padding: 10px 0 !important; }
.whb-header .wd-header-my-account .wd-dropdown a, .whb-header .wd-dropdown-my-account a {
  color: #C9CAC6 !important; font-family: 'Barlow', sans-serif; font-size: 15.5px !important; font-weight: 500; text-transform: none !important; padding: 9px 20px !important; }
.whb-header .wd-header-my-account .wd-dropdown a:hover, .whb-header .wd-dropdown-my-account a:hover { color: #F47327 !important; background: #1A1B1E; }
.whb-header .wd-header-my-account .wd-dropdown .wd-sub-menu, .whb-header .wd-header-my-account .wd-dropdown ul { background: transparent !important; box-shadow: none !important; }
.whb-header .wd-header-my-account .wd-dropdown::after, .whb-header .wd-header-my-account .wd-dropdown::before { border-bottom-color: #121315 !important; }

/* 19. Pozele cu puncte active (Rhino) — colțuri rotunjite pe desktop și mobil */
.elementor-widget-wd_image_hotspot .wd-spots .wd-image-hotspot-hotspots,
.elementor-widget-wd_image_hotspot .wd-spots img.wd-image-hotspot-img { border-radius: 16px !important; }
.elementor-widget-wd_image_hotspot .wd-spots img.wd-image-hotspot-img { display: block; overflow: hidden; clip-path: inset(0 round 16px); }
@media (max-width: 767px) {
  .elementor-widget-wd_image_hotspot .wd-spots .wd-image-hotspot-hotspots,
  .elementor-widget-wd_image_hotspot .wd-spots img.wd-image-hotspot-img { border-radius: 12px !important; }
  .elementor-widget-wd_image_hotspot .wd-spots img.wd-image-hotspot-img { clip-path: inset(0 round 12px); }
}
/* videourile din pagini ocupă toată lățimea coloanei (pe mobil nu se mai suprapun peste text) */
.elementor-widget-html:has(> .elementor-widget-container > .hd-vid), .elementor-widget-html:has(iframe[src*="videopress"]) { width: 100%; }

/* 20. Header sticky: meniul rămâne vizibil și la derulare în jos (nu doar la derulare în sus),
   iar mega menu-ul arată la fel și în header-ul sticky */
.whb-sticky-header.whb-clone.whb-sticked, .whb-sticky-header.whb-clone.whb-scroll-down, .whb-sticky-header.whb-clone.whb-hide-on-scroll.whb-scroll-down {
  transform: none !important; top: 0 !important; visibility: visible !important; opacity: 1 !important; }
.whb-sticky-header.whb-clone { background-color: #0D0E0F !important; border-bottom: 1px solid #26282C; }
.whb-sticky-header .wd-nav-main > li > a { color: #E9E9E6 !important; }
.whb-sticky-header .wd-nav-main > li.hd-nav-hot > a, .whb-sticky-header .wd-nav-main > li:hover > a { color: #F47327 !important; }
.wd-nav-main > li.hd-nav-hot > a .nav-link-text, .wd-nav-main > li:hover > a .nav-link-text { color: #F47327 !important; }