/*
Theme Name: Woodmart Child
Description: Woodmart Child Theme
Author: Xtemos
Template: woodmart
Version: 2.0.0
*/
/* HERATU - finisaje premium dupa mockup (28 sept 2026).
   Paleta: fildes #F4F1EC, nisip #E9E4DC, cerneala #141414, piatra #5F5A53, linie #D8D2C8.
   Litere: Jost 300 cu majuscule spatiate pentru titluri (ca in mockup), Jost 400 pentru text. */
:root { --hr-ivory: #F4F1EC; --hr-sand: #E9E4DC; --hr-ink: #141414; --hr-stone: #5F5A53; --hr-line: #D8D2C8; }
body { color: var(--hr-ink); }
.wd-entry-content p, .wd-text-block p { color: #2A2724; }

/* Titlurile: subtiri, majuscule, spatiate, negre */
.title, .wd-title-color.wd-title, .wd-title .title, .wd-banner .banner-title, .wd-info-box .info-box-title, .wd-title-wrapper .title {
  font-family: 'Jost', sans-serif; font-weight: 300; text-transform: uppercase; letter-spacing: .06em; color: var(--hr-ink); }
.wd-title-size-large .title, .wd-title-size-default .title { font-size: 30px; }
.wd-title-size-extra-large .title { font-size: 52px; }
.wd-title .subtitle, .wd-banner .banner-subtitle { font-family: 'Jost', sans-serif; font-weight: 400; letter-spacing: .22em; text-transform: uppercase; font-size: 12px; color: var(--hr-stone); }

/* Linia fina sub antetul de sectiune (NEW ARRIVALS ... DISCOVER ALL), ca in mockup */
.hr-section-head { border-bottom: 1px solid var(--hr-line); padding-bottom: 14px; margin-bottom: 30px; }

/* ---------- bannere: inaltimi fixe si decupare pe fotografiile editoriale ---------- */
.hr-hero .promo-banner .banner-image, .hr-tile .promo-banner .banner-image, .hr-custom-hero .promo-banner .banner-image { overflow: hidden; position: relative; }
.hr-hero .promo-banner .banner-image img, .hr-tile .promo-banner .banner-image img, .hr-custom-hero .promo-banner .banner-image img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* hero: 2048x960, femeia in dreapta; textul sta pe arhitectura deschisa din stanga */
.hr-hero .promo-banner .banner-image { height: 640px; }
.hr-hero .promo-banner .banner-image img { object-position: 60% 40%; }
.hr-hero .promo-banner .banner-subtitle { color: var(--hr-stone); }
.hr-hero .promo-banner .banner-title { font-size: 76px; line-height: .98; font-weight: 300; letter-spacing: .02em; color: var(--hr-ink); }
.hr-hero .promo-banner .banner-inner, .hr-hero .promo-banner .banner-content-text, .hr-hero .wrapper-content-banner p { font-family: 'Jost', sans-serif; letter-spacing: .2em; font-size: 12.5px; color: var(--hr-ink); }
.hr-hero .promo-banner .banner-title::after { content: ''; display: block; width: 40px; height: 1px; background: var(--hr-ink); margin: 22px 0 0; }
.hr-hero .promo-banner .wrapper-content-banner { max-width: 44%; }

/* colectii: 4 casete, titlul pe un panou deschis translucid, ca in mockup */
.hr-tile .promo-banner .banner-image { height: 320px; }
.hr-tile-1 .promo-banner .banner-image img { object-position: 84% 30%; }   /* ELEVATE: sacoul alb */
.hr-tile-2 .promo-banner .banner-image img { object-position: 16% 60%; }   /* MYSELF & I: modelul in crem (fara textul din centru) */
.hr-tile-3 .promo-banner .banner-image img { object-position: 50% 45%; }   /* ETHEREAL: podiumul */
.hr-tile-4 .promo-banner .banner-image img { object-position: 88% 60%; }   /* URBANIZE: modelul in negru */
.hr-tile .promo-banner .wrapper-content-banner { background: rgba(244,241,236,.88); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); padding: 18px 20px 16px; margin: 0; }
.hr-tile .promo-banner .banner-title { font-size: 26px; letter-spacing: .04em; color: var(--hr-ink) !important; margin: 4px 0 6px; }
.hr-tile .promo-banner .banner-subtitle { font-size: 11.5px; letter-spacing: .12em; text-transform: none; color: var(--hr-stone) !important; }
.hr-tile .promo-banner .banner-btn-wrapper a, .hr-tile .promo-banner .wd-button-wrapper a { color: var(--hr-ink) !important; font-size: 11px; letter-spacing: .2em; }

/* bandoul Custom (prima pagina): panou de text + fotografie de aceeasi inaltime */
.hr-custom-band { min-height: 520px; }
.hr-custom-band .hr-custom-photo { overflow: hidden; }
.hr-custom-band .hr-custom-photo .elementor-widget-container, .hr-custom-band .hr-custom-photo .elementor-widget-image, .hr-custom-band .hr-custom-photo figure { height: 100%; margin: 0; }
.hr-custom-band .hr-custom-photo img { width: 100%; height: 520px; object-fit: cover; object-position: center 18%; display: block; }
.hr-custom-band .hr-lead { font-family: 'Jost', sans-serif; font-weight: 300; font-size: 26px; line-height: 1.3; color: var(--hr-ink); margin-bottom: 18px; }
.hr-custom-band .hr-lead span { display: block; font-size: 15px; letter-spacing: .12em; text-transform: uppercase; color: var(--hr-stone); margin-top: 6px; }

/* hero-ul paginii Custom: podiumul in intuneric, text alb */
.hr-custom-hero .promo-banner .banner-image { height: 560px; }
.hr-custom-hero .promo-banner .banner-image img { object-position: center 55%; }
.hr-custom-hero .promo-banner .banner-image::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to right, rgba(0,0,0,.55) 0%, rgba(0,0,0,.25) 50%, rgba(0,0,0,.1) 100%); pointer-events: none; }
.hr-dark .promo-banner .banner-title, .hr-dark .promo-banner .banner-subtitle, .hr-dark .promo-banner .banner-inner, .hr-dark .promo-banner .banner-content-text { color: #fff !important; }
.hr-custom-hero .promo-banner .banner-title { font-size: 64px; letter-spacing: .04em; }

@media (max-width: 1024px) {
  .hr-hero .promo-banner .banner-image { height: 540px; }
  .hr-hero .promo-banner .banner-title { font-size: 56px; }
  .hr-hero .promo-banner .wrapper-content-banner { max-width: 60%; }
  .hr-custom-hero .promo-banner .banner-image { height: 480px; }
}
@media (max-width: 767px) {
  .hr-hero .promo-banner .banner-image { height: 520px; }
  .hr-hero .promo-banner .banner-image img { object-position: 70% 40%; }
  .hr-hero .promo-banner .banner-title { font-size: 42px; }
  .hr-hero .promo-banner .wrapper-content-banner { max-width: 100%; background: rgba(244,241,236,.82); padding: 18px; }
  .hr-tile .promo-banner .banner-image { height: 300px; }
  .hr-custom-band { min-height: 0; }
  .hr-custom-band .hr-custom-photo img { height: 420px; }
  .hr-custom-hero .promo-banner .banner-image { height: 440px; }
  .hr-custom-hero .promo-banner .banner-title { font-size: 40px; }
  .wd-title-size-extra-large .title { font-size: 38px; }
}

/* Grila de produse: carduri 3:4, fundal fildes, nume si pret in cerneala */
.product-grid-item .product-image-link img, .wd-product .product-image-link img { aspect-ratio: 3 / 4; width: 100%; height: auto; object-fit: cover; object-position: center top; }
.product-grid-item .wd-entities-title, .product-grid-item .wd-entities-title a { font-family: 'Jost', sans-serif; font-weight: 400; font-size: 14px; letter-spacing: .02em; color: var(--hr-ink); }
.product-grid-item .price { font-weight: 500; color: var(--hr-ink); }
.product-grid-item .wd-product-cats a { color: var(--hr-stone); letter-spacing: .08em; font-size: 10.5px; }

/* Pasii "How it works": numarul mare, subtire, in culoarea de piatra */
.wd-info-box .info-box-icon, .wd-info-box .info-box-icon * { font-family: 'Jost', sans-serif; font-size: 40px; line-height: 1; font-weight: 300; color: var(--hr-stone); }
.wd-info-box .info-box-title { letter-spacing: .14em; text-transform: uppercase; font-size: 13px; color: var(--hr-ink); }
.wd-info-box .info-box-inner p { color: #2A2724; font-size: 15px; }

/* Formularul Custom */
.heratu-custom-form label { display: block; margin: 0 0 20px; font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: var(--hr-ink); }
.heratu-custom-form input[type=text], .heratu-custom-form input[type=email], .heratu-custom-form input[type=tel], .heratu-custom-form textarea { width: 100%; margin-top: 8px; border: 0; border-bottom: 1px solid #C9C2B7; background: transparent; border-radius: 0; padding: 10px 0; font-size: 16px; letter-spacing: 0; text-transform: none; color: var(--hr-ink); }
.heratu-custom-form textarea { min-height: 120px; }
.heratu-custom-form input[type=file] { margin-top: 8px; font-size: 13px; text-transform: none; letter-spacing: 0; }
.heratu-custom-form .hc-intro { font-family: 'Jost', sans-serif; font-weight: 300; font-size: 24px; margin-bottom: 26px; color: var(--hr-ink); }
.heratu-custom-form .hc-help { margin: -8px 0 22px; font-size: 13px; color: var(--hr-stone); }
.heratu-custom-form .hc-size { margin: 4px 0 22px; font-size: 13px; color: var(--hr-ink); }
.heratu-custom-form .hc-size .wpcf7-list-item { margin: 0; }
.heratu-custom-form .hc-size-link { display: inline-block; margin-left: 12px; font-size: 11px; letter-spacing: .18em; text-transform: uppercase; text-decoration: underline; text-underline-offset: 4px; color: var(--hr-ink); }
.heratu-custom-form .wpcf7-submit, .heratu-custom-form .wpcf7-submit:hover { width: 100%; letter-spacing: .22em; text-transform: uppercase; background-color: var(--hr-ink) !important; border-color: var(--hr-ink) !important; color: #fff !important; }
.heratu-custom-form .wpcf7-not-valid-tip { font-size: 12px; text-transform: none; letter-spacing: 0; }

/* Meniul: majuscule spatiate, negre */
.wd-nav[class*="wd-style-"] > li > a { letter-spacing: .2em; text-transform: uppercase; font-size: 11.5px; color: var(--hr-ink); }

/* Subsol: trei coloane (linkuri | HERATU | linkuri), ca in mockup; wpautop pune <br> intre linkuri */
.heratu-footer nav br { display: none; }
.heratu-footer nav a { display: inline-block; }
.heratu-footer { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 34px 0 26px; border-top: 1px solid var(--hr-line); }
.heratu-footer .hf-brand { font-family: 'Jost', sans-serif; font-weight: 300; font-size: 22px; letter-spacing: .34em; color: var(--hr-ink); }
.heratu-footer nav a { font-size: 11px; letter-spacing: .2em; text-transform: uppercase; color: var(--hr-ink); margin: 0 12px; }
.heratu-footer .hf-statement { display: none; }
@media (max-width: 767px) { .heratu-footer { flex-direction: column; text-align: center; } .heratu-footer nav a { display: block; margin: 0; line-height: 2.4; } }

/* ===== v2.1: casetele de colectii, antetele de sectiune, declaratia (corectii dupa randare) ===== */
/* Panoul translucid sta pe cutia de text (.content-banner), NU pe stratul care acopera toata caseta */
.hr-tile .promo-banner .wrapper-content-banner { background: none !important; padding: 18px; -webkit-backdrop-filter: none; backdrop-filter: none; }
.hr-tile .promo-banner .content-banner { display: inline-block; background: rgba(244,241,236,.9); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); padding: 16px 20px 14px; min-width: 62%; }
/* Casete portret (3:4): din fotografiile 2048x960 se vede o fereastra ingusta, deci textul HERATU din centrul
   bannerului cu doua modele ramane in afara cadrului (fereastra e 0-36% sau 64-100% din latime) */
.hr-tile .promo-banner .banner-image { height: 430px; }
.hr-tile-1 .promo-banner .banner-image img { object-position: 92% 25%; }
.hr-tile-2 .promo-banner .banner-image img { object-position: 0% 60%; }
.hr-tile-3 .promo-banner .banner-image img { object-position: 50% 45%; }
.hr-tile-4 .promo-banner .banner-image img { object-position: 100% 60%; }
@media (max-width: 767px) { .hr-tile .promo-banner .banner-image { height: 380px; } .hr-tile .promo-banner .content-banner { min-width: 70%; } }

/* Antetul de sectiune: titlul in stanga, linkul in dreapta, pe aceeasi linie de baza, peste o linie fina */
.hr-section-head { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: flex-end !important; border-bottom: 1px solid var(--hr-line); padding-bottom: 12px !important; margin-bottom: 28px; }
.hr-section-head > .elementor-element { width: auto !important; flex: 0 0 auto !important; }
.hr-section-head .wd-title-wrapper, .hr-section-head .title-wrapper { margin-bottom: 0 !important; }
.hr-section-head .wd-button-wrapper a { font-size: 11px; letter-spacing: .2em; color: var(--hr-ink); }
@media (max-width: 767px) { .hr-section-head { align-items: baseline !important; } }

/* Declaratia de brand: totul centrat */
.hr-statement, .hr-statement .wd-text-block, .hr-statement .title-wrapper { text-align: center !important; }
.hr-statement .wd-text-block p { letter-spacing: .18em; font-size: 12px; color: var(--hr-stone); }

/* Bandoul Custom: fotografia umple coloana la aceeasi inaltime cu panoul */
.hr-custom-band .hr-custom-photo, .hr-custom-band .hr-custom-photo > .elementor-element, .hr-custom-band .hr-custom-photo .elementor-widget-container { height: 100%; }
.hr-custom-band .hr-custom-photo img { width: 100%; height: 100%; min-height: 520px; object-fit: cover; object-position: center 15%; display: block; }

/* v2.2: casetele 2-4 folosesc decupaje deja incadrate; pozitia e centrala */
.hr-tile-2 .promo-banner .banner-image img, .hr-tile-3 .promo-banner .banner-image img, .hr-tile-4 .promo-banner .banner-image img { object-position: center top; }
.hr-tile-1 .promo-banner .banner-image img { object-position: 92% 12%; }

/* v2.3: pe telefon hero-ul arata modelul (marginea dreapta a fotografiei) */
@media (max-width: 767px) { .hr-hero .promo-banner .banner-image img { object-position: 100% 40%; } }