/*
Theme Name: Melrose Elementor
Theme URI: https://melrose-sanary.fr
Description: Thème enfant Hello Elementor pour le site Melrose Sanary.
Author: Sébastien Resch
Template: hello-elementor
Version: 1.1.0
Text Domain: melrose-elementor
*/

:root{--mel-ink:#111;--mel-cream:#efeae2;--mel-paper:#faf8f4;--mel-line:#cfc8bf}
body.elementor-page{margin:0;background:var(--mel-cream);color:var(--mel-ink);font-family:Arial,Helvetica,sans-serif}
.melrose-topbar{min-height:72px;padding:0 7%;background:rgba(239,234,226,.95);border-bottom:1px solid rgba(0,0,0,.08);position:sticky!important;top:0;z-index:50;backdrop-filter:blur(12px)}.melrose-topbar>.e-con-inner{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;max-width:none!important;width:100%!important}
.admin-bar .melrose-topbar{top:32px}.melrose-logo img{width:215px!important;height:46px!important;object-fit:contain}.melrose-nav .elementor-button{background:transparent!important;color:#111!important;padding:27px 0 22px!important;border-radius:0!important;border-bottom:2px solid transparent;font-size:12px!important}.melrose-nav .elementor-button:hover{border-bottom-color:#111}
.melrose-hero{padding:0 2.5%;position:relative!important;overflow:hidden}.melrose-hero>.e-con-inner{display:block!important;position:relative!important;max-width:none!important;width:100%!important}.melrose-hero>.e-con-inner:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.48) 0%,rgba(0,0,0,.24) 34%,rgba(0,0,0,0) 62%)}.melrose-hero-photo,.melrose-hero-photo .elementor-widget-container{width:100%!important}.melrose-hero-photo img{display:block;width:100%!important;aspect-ratio:4/1;object-fit:cover;object-position:center center}.melrose-hero-copy{position:absolute!important;z-index:2;left:8%;top:50%;transform:translateY(-50%);width:38%;color:#fff}.melrose-hero-copy h3{font:400 13px/1.2 Arial,sans-serif;letter-spacing:.25em;color:#fff;margin:0 0 14px}.melrose-hero-copy h1{font:400 46px/1.05 Georgia,serif;color:#fff;margin:0 0 15px}.melrose-hero-copy .melrose-hero-subtitle h3{font-size:12px;margin-bottom:24px}.melrose-hero-button .elementor-button{background:#050505!important;color:#fff!important;border-radius:0!important;padding:15px 24px!important;font-size:11px!important;letter-spacing:.04em}.melrose-hero-button .elementor-button:hover{background:#292929!important}.melrose-section-title h2{text-align:center;font:500 16px/1.2 Arial,sans-serif;letter-spacing:.18em;margin:15px 0 18px}
.melrose-brand-grid{padding:0 2.5% 18px}.melrose-brand-grid,.melrose-brand-grid>.e-con-inner{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important}.melrose-brand-grid>.e-con-inner{max-width:none!important;width:100%!important}.melrose-brand-card img{display:block;width:100%!important;aspect-ratio:1/1.28;object-fit:cover;transition:transform .2s ease,opacity .2s ease}.melrose-brand-card:hover img{transform:translateY(-3px);opacity:.94}
.melrose-editorial{padding:0 2.5% 22px}.melrose-editorial,.melrose-editorial>.e-con-inner{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}.melrose-editorial>.e-con-inner{max-width:none!important;width:100%!important}.melrose-editorial img{display:block;width:100%!important;height:100%!important;min-height:250px;object-fit:cover}
.melrose-all-brands{padding:85px 7%;background:#171717;color:#f5f2ec;text-align:center}.melrose-kicker h3{font:400 12px/1.2 Arial,sans-serif;letter-spacing:.22em;color:inherit}.melrose-display-title h2,.melrose-display-title h1{font:500 48px/1.1 Georgia,serif;color:inherit;margin:12px 0 38px}.melrose-names,.melrose-names>.e-con-inner{display:flex!important;flex-flow:row wrap!important;justify-content:center!important;gap:10px!important}.melrose-names>.e-con-inner{max-width:none!important;width:100%!important}.melrose-name .elementor-button{background:transparent!important;border:1px solid #6b6864!important;border-radius:0!important;color:#f5f2ec!important;padding:12px 16px!important;font-size:12px!important}.melrose-name .elementor-button:hover{background:#f5f2ec!important;color:#171717!important}
.melrose-sanary{padding:78px 7%;background:#d7cec3}.melrose-sanary,.melrose-sanary>.e-con-inner{display:grid!important;grid-template-columns:1.3fr .7fr!important;gap:10%!important}.melrose-sanary>.e-con-inner{max-width:none!important;width:100%!important}.melrose-sanary .elementor-widget-text-editor{font-size:13px;line-height:1.8}.melrose-map .elementor-button{background:transparent!important;color:#111!important;border-radius:0!important;border-bottom:1px solid #111;padding:0 0 4px!important;font-size:11px!important}
.melrose-footer{padding:28px 7%;background:#faf9f6;border-top:1px solid #ccc;font-size:10px}.melrose-footer,.melrose-footer>.e-con-inner{display:grid!important;grid-template-columns:1.4fr repeat(4,1fr)!important;gap:30px!important}.melrose-footer>.e-con-inner{max-width:none!important;width:100%!important}.melrose-footer-logo img{width:190px!important;height:50px!important;object-fit:contain}.melrose-footer h3{font:700 10px/1.2 Arial,sans-serif}.melrose-footer .elementor-widget-text-editor{font-size:10px;line-height:1.6}.melrose-footer a{color:inherit}
.melrose-brand-page{min-height:520px}.melrose-brand-copy{max-width:720px;margin:0 auto;color:#f5f2ec}.melrose-back .elementor-button{background:transparent!important;color:#f5f2ec!important;border-bottom:1px solid #f5f2ec;border-radius:0;padding:0 0 4px!important;font-size:12px!important}
@media(max-width:1000px){.melrose-nav{gap:14px!important}.melrose-brand-grid,.melrose-brand-grid>.e-con-inner{grid-template-columns:repeat(3,minmax(0,1fr))!important}.melrose-editorial,.melrose-editorial>.e-con-inner{grid-template-columns:1fr 1fr!important}.melrose-editorial>.elementor-element:last-child,.melrose-editorial>.e-con-inner>.elementor-element:last-child{grid-column:1/-1}.melrose-footer,.melrose-footer>.e-con-inner{grid-template-columns:repeat(2,1fr)!important}.melrose-hero-copy h1{font-size:36px}}
@media(max-width:782px){.admin-bar .melrose-topbar{top:46px}}
@media(max-width:700px){.melrose-topbar{padding:10px 20px;position:relative!important;top:0!important}.melrose-topbar>.e-con-inner{flex-direction:column!important}.melrose-logo img{width:165px!important}.melrose-nav,.melrose-nav>.e-con-inner{display:flex!important;flex-flow:row wrap!important;justify-content:center!important}.melrose-nav .elementor-button{padding:6px!important;font-size:10px!important}.melrose-hero{padding:0}.melrose-hero-photo img{aspect-ratio:4/3;object-position:61% center}.melrose-hero>.e-con-inner:before{background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.12) 80%)}.melrose-hero-copy{left:6%;width:58%}.melrose-hero-copy h1{font-size:31px}.melrose-hero-copy h3{font-size:10px}.melrose-hero-copy .melrose-hero-subtitle h3{font-size:9px}.melrose-hero-button .elementor-button{padding:12px 15px!important;font-size:9px!important}.melrose-brand-grid{padding-left:12px;padding-right:12px}.melrose-brand-grid,.melrose-brand-grid>.e-con-inner{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.melrose-editorial,.melrose-editorial>.e-con-inner{grid-template-columns:1fr!important}.melrose-editorial{padding:0 12px 18px}.melrose-editorial>.elementor-element:last-child,.melrose-editorial>.e-con-inner>.elementor-element:last-child{grid-column:auto}.melrose-all-brands{padding:70px 25px}.melrose-display-title h2,.melrose-display-title h1{font-size:38px}.melrose-sanary,.melrose-sanary>.e-con-inner{grid-template-columns:1fr!important}.melrose-sanary{padding:60px 25px}.melrose-footer,.melrose-footer>.e-con-inner{grid-template-columns:1fr 1fr!important}.melrose-footer{padding:28px 25px}}