/*
Theme Name: Curly Child
Theme URI: https://curly.qodeinteractive.com/
Description: A child theme of Curly Theme
Author: Mikado Themes
Author URI: https://qodeinteractive.com/
Version: 2.0.0
Text Domain: curly
Template: curly
*/

/* ============================================================
 * HAIRDESIGN — ATELIER EDITORIAL v2.0.0 (2026-05-30 redesign)
 * Fashion-magazine direction: Bodoni Moda display (italic),
 * Jost labels/nav, Mulish body. Paper + ink palette.
 * hd- classes on Elementor sections/columns (this build uses
 * section/column, NOT flex containers — layout fixes target
 * the inner .elementor-container).
 * ============================================================ */
:root{
  --paper:#F2EDE4; --paper-2:#ECE3D4; --ink:#17140F; --ink-soft:#5A5246;
  --clay:#9B8E76; --line:#DDD4C4; --wrap:1240px;
}
body{font-family:'Mulish',-apple-system,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--paper);}
/* paint the Curly content shell in paper */
.mkdf-content,.mkdf-content .mkdf-full-width,.mkdf-content .mkdf-full-width-inner,
.mkdf-row-grid-section-wrapper,.elementor,.elementor-section{background-color:transparent;}
html body{background:var(--paper)!important;}

/* ---- Curly header → editorial ---- */
.mkdf-page-header .mkdf-menu-area,
.mkdf-page-header .mkdf-fixed-wrapper .mkdf-menu-area,
.mkdf-sticky-header .mkdf-menu-area,
.mkdf-mobile-header .mkdf-mobile-header-inner{background-color:var(--paper)!important;box-shadow:none!important;border-bottom:1px solid var(--line)!important;}
.mkdf-main-menu>ul>li>a{font-family:'Jost'!important;font-size:12px!important;letter-spacing:2.5px!important;text-transform:uppercase!important;font-weight:500!important;color:var(--ink)!important;}
.mkdf-main-menu>ul>li>a:hover{color:var(--clay)!important;}

/* ---- structure ---- */
.hd-wrap{max-width:var(--wrap)!important;margin-left:auto!important;margin-right:auto!important;}
.hd-section{padding-top:104px!important;padding-bottom:104px!important;}
.hd-bg-2{background:var(--paper-2)!important;}

/* ---- type ---- */
.hd-eyebrow .elementor-heading-title,.hd-eyebrow .elementor-widget-container{font-family:'Jost'!important;font-size:11px!important;letter-spacing:4px!important;text-transform:uppercase!important;color:var(--clay)!important;font-weight:500!important;}
.hd-h1 .elementor-heading-title{font-family:'Bodoni Moda'!important;font-style:italic!important;font-weight:500!important;font-size:clamp(2.9rem,6vw,5rem)!important;line-height:.98!important;letter-spacing:-.5px!important;color:var(--ink)!important;}
.hd-h2 .elementor-heading-title{font-family:'Bodoni Moda'!important;font-weight:500!important;font-size:clamp(1.9rem,3.6vw,3rem)!important;line-height:1.06!important;letter-spacing:-.2px!important;color:var(--ink)!important;}
.hd-sub,.hd-sub p{font-family:'Mulish'!important;font-size:16px!important;line-height:1.7!important;color:var(--ink-soft)!important;max-width:420px;}

/* ---- buttons (editorial outline) ---- */
.hd-btn .elementor-button{font-family:'Jost'!important;border-radius:0!important;background:transparent!important;border:1px solid var(--ink)!important;color:var(--ink)!important;letter-spacing:2.5px!important;text-transform:uppercase!important;font-size:11px!important;font-weight:500!important;padding:15px 30px!important;transition:all .25s;}
.hd-btn .elementor-button:hover{background:var(--ink)!important;color:var(--paper)!important;}

/* ---- HERO (asymmetric split: cream text | photo) ---- */
.hd-hero{background:var(--paper)!important;min-height:auto!important;padding:0!important;display:block!important;}
.hd-hero::before{display:none!important;content:none!important;}
.hd-hero > .elementor-container{max-width:100%!important;width:100%!important;align-items:stretch!important;}
.hd-hero__text{padding:84px 64px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;}
.hd-hero__photo{background-size:cover!important;background-position:center!important;min-height:560px!important;filter:grayscale(.12) contrast(1.03);}
.hd-hero .elementor-heading-title{color:var(--ink)!important;}
.hd-hero .hd-sub,.hd-hero .hd-sub p{color:var(--ink-soft)!important;}
.hd-hero .hd-est{font-family:'Jost'!important;font-size:10px!important;letter-spacing:3px!important;color:var(--clay)!important;text-transform:uppercase!important;margin-top:32px;}

/* ---- DIENSTEN (editorial cards) ---- */
.hd-services{display:block!important;}
.hd-services > .elementor-container{max-width:100%!important;width:100%!important;display:flex!important;flex-wrap:nowrap!important;justify-content:space-between!important;gap:0!important;}
.hd-services > .elementor-container > .hd-card{flex:1 1 0!important;width:auto!important;max-width:none!important;padding:0 34px!important;border-left:1px solid var(--line)!important;}
.hd-services > .elementor-container > .hd-card:first-child{padding-left:0!important;border-left:none!important;}
.hd-services > .elementor-container > .hd-card:last-child{padding-right:0!important;}
.hd-card .elementor-heading-title{font-family:'Bodoni Moda'!important;font-weight:500!important;font-size:24px!important;color:var(--ink)!important;}
.hd-card .hd-price .elementor-heading-title,.hd-card .hd-price{font-family:'Jost'!important;font-weight:500!important;font-size:20px!important;letter-spacing:1px!important;color:var(--ink)!important;font-style:normal!important;}
.hd-card p{font-family:'Mulish'!important;color:var(--ink-soft)!important;font-size:14px!important;}

/* ---- PRIJZEN (native price-list → editorial) ---- */
.elementor-price-list .elementor-price-list-item{padding:18px 0!important;border-bottom:1px solid var(--line)!important;}
.elementor-price-list .elementor-price-list-title{font-family:'Bodoni Moda'!important;font-style:italic!important;font-weight:500!important;font-size:28px!important;color:var(--ink)!important;}
.elementor-price-list .elementor-price-list-price{font-family:'Jost'!important;font-weight:500!important;font-size:18px!important;letter-spacing:1px!important;color:var(--ink)!important;}
.elementor-price-list .elementor-price-list-separator{border-bottom-style:dotted!important;border-bottom-color:var(--clay)!important;}
.elementor-price-list .elementor-price-list-description{font-family:'Mulish'!important;font-size:13px!important;color:var(--clay)!important;}
.hd-note,.hd-note p{font-family:'Jost'!important;font-size:11px!important;letter-spacing:2px!important;color:var(--clay)!important;text-transform:uppercase!important;}

/* ---- OVER ONS ---- */
.hd-over .elementor-widget-text-editor,.hd-over p{font-family:'Mulish'!important;color:var(--ink-soft)!important;font-size:16px!important;line-height:1.75!important;}

/* ---- OPENINGSTIJDEN (full-width rows) ---- */
.hd-hours-row > .elementor-container{max-width:100%!important;width:100%!important;justify-content:space-between!important;flex-wrap:nowrap!important;}
.hd-hours-row{border-bottom:1px solid var(--line)!important;}
.hd-hours-row .elementor-column{width:auto!important;}
.hd-hours-row .elementor-widget:last-child{text-align:right!important;}
.hd-hours-row .elementor-widget-text-editor,.hd-hours-row p{font-family:'Jost'!important;font-size:15px!important;letter-spacing:1px!important;color:var(--ink)!important;text-transform:uppercase;}
.hd-hours-row .closed,.hd-hours-row .closed p{color:var(--clay)!important;}

/* ---- CONTACT ---- */
.hd-contact .elementor-widget-text-editor,.hd-contact p{font-family:'Jost'!important;letter-spacing:1px!important;color:var(--ink)!important;}

/* ---- FOOTER (dark, white logo) ---- */
.hd-footer{background:var(--ink)!important;text-align:center!important;}
.hd-footer img{max-width:170px!important;height:auto!important;margin:0 auto!important;filter:none!important;}
.hd-footer .elementor-heading-title{color:#F2EDE4!important;font-family:'Bodoni Moda'!important;font-style:italic!important;}
.hd-footer,.hd-footer p,.hd-footer .elementor-widget-text-editor{color:#b9ad97!important;font-family:'Jost'!important;font-size:12px!important;letter-spacing:1.5px!important;}

/* ---- responsive ---- */
@media(max-width:1023px){
  .hd-section{padding-top:64px!important;padding-bottom:64px!important;}
  .hd-hero__text{padding:48px 28px!important;}
  .hd-hero__photo{min-height:300px!important;}
  .hd-services > .elementor-container{flex-wrap:wrap!important;}
  .hd-services > .elementor-container > .hd-card{flex:1 1 100%!important;border-left:none!important;border-top:1px solid var(--line)!important;padding:24px 0!important;}
  .hd-services > .elementor-container > .hd-card:first-child{border-top:none!important;}
}

/* ============================================================
 * v2.0.1 — match approved mockup: mixed-case italic display
 * (Curly force-uppercases headings; restore elegant mixed-case
 * Bodoni for display headings — Jost labels/nav stay caps)
 * ============================================================ */
.hd-h1 .elementor-heading-title,
.hd-h2 .elementor-heading-title,
.hd-card .elementor-heading-title,
.elementor-price-list .elementor-price-list-title{text-transform:none!important;}
.hd-h1 .elementor-heading-title{font-size:clamp(2.6rem,3.8vw,3.9rem)!important;}
.hd-hero__text{padding-right:52px!important;}

/* ============================================================
 * v2.0.2 — BOXED CONTENT, FULL-WIDTH BANDS
 * Section background colours span edge-to-edge; all content
 * (header, hero, sections, footer) aligns to one centered box.
 * (Like beta.rietottenhof.nl.) Box width = Elementor global 1300.
 * ============================================================ */
:root{--box:1300px;}
/* sections no longer constrained → their background bands go full-width */
.hd-wrap{max-width:none!important;width:auto!important;margin-left:0!important;margin-right:0!important;}
/* box the content of each section, centered */
.hd-section > .elementor-container,
.hd-footer > .elementor-container{max-width:var(--box)!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;padding-left:30px!important;padding-right:30px!important;}
/* hero: box the split, photo flush to the box edge (no side padding) */
.hd-hero > .elementor-container{max-width:var(--box)!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;align-items:stretch!important;padding:0!important;}
/* header content aligns to the same box */
.mkdf-page-header .mkdf-grid{max-width:var(--box)!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;}
@media(max-width:1023px){
  .hd-section > .elementor-container,.hd-footer > .elementor-container{padding-left:22px!important;padding-right:22px!important;}
}