/*
Theme Name: Blinds and Designs
Theme URI: https://wemarketma.com
Author: We Market MA
Author URI: https://wemarketma.com
Description: Child theme of Hello Elementor. Header, footer, menu and page layouts are edited in Elementor (Theme Builder); business details are under Settings > Business Details; colours and fonts are Elementor's Global Colors and Fonts.
Template: hello-elementor
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wmm-child
*/

/* The Global Colors as CSS variables, for the client's own CSS below. Change a colour in Elementor and these follow. */
:root {
	--wmm-base: var(--e-global-color-wmm_base, #FFFFFF);
	--wmm-surface: var(--e-global-color-wmm_surface, #FCF8F4);
	--wmm-contrast: var(--e-global-color-wmm_contrast, #57534E);
	--wmm-heading: var(--e-global-color-wmm_heading, #1C1917);
	--wmm-muted: var(--e-global-color-wmm_muted, #78716C);
	--wmm-line: var(--e-global-color-wmm_line, #E7DED2);
	--wmm-accent: var(--e-global-color-wmm_accent, #7D5F36);
	--wmm-accent-hi: var(--e-global-color-wmm_accent_hi, #BE9661);
	--wmm-on-accent: var(--e-global-color-wmm_on_accent, #FFFFFF);
	--wp--preset--color--base: var(--wmm-base);
	--wp--preset--color--surface: var(--wmm-surface);
	--wp--preset--color--contrast: var(--wmm-contrast);
	--wp--preset--color--heading: var(--wmm-heading);
	--wp--preset--color--muted: var(--wmm-muted);
	--wp--preset--color--line: var(--wmm-line);
	--wp--preset--color--accent: var(--wmm-accent);
	--wp--preset--color--accent-hi: var(--wmm-accent-hi);
	--wp--preset--color--on-accent: var(--wmm-on-accent);
	--wp--preset--font-family--display: var(--e-global-typography-wmm_heading-font-family, 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif);
	--wp--preset--font-family--body: var(--e-global-typography-wmm_body-font-family, 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif);
}

/* Client-specific CSS (wp-build/theme-overrides/style.css) */
/* Blinds and Designs: the client-approved home design (design-preview/home, 31 October 2026) and the page-type designs
   (design-preview/*) on the Elementor layouts. Bronze #BE9661 (deep #7D5F36) on cream #FCF8F4, ink #1C1917.
   Montserrat: light headings in spaced capitals, regular body. */
:root { --bd-cream: #FCF8F4; --bd-sand: #F5EDE3; --bd-ink: #1C1917; --bd-ink-soft: #57534E; --bd-bronze: #BE9661;
  --bd-bronze-deep: #7D5F36; --bd-line: #E7DED2; --bd-slat: #EFE6DA; --wmm-container: 1240px;
  --bd-edge: clamp(32px, 5vw, 96px); }
body { background: var(--bd-cream); }

/* headings: light, spaced capitals, as the designs */
.elementor h1, .elementor h2, .wmm-article h2, .wmm-band-title, .wmm-hero h1 { text-transform: uppercase; font-weight: 300 !important;
  letter-spacing: .08em; line-height: 1.14; text-wrap: balance; }
.wmm-article h2:not(:where(.dup-live *)) { font-size: clamp(26px, 2.8vw, 40px); }
.elementor h3, .wmm-article h3 { font-weight: 600 !important; letter-spacing: .02em; }
.wmm-article h3:not(:where(.dup-live *)) { font-size: clamp(18px, 1.5vw, 21px); }

/* buttons: square, spaced capitals, bronze; the line button in ink */
.elementor .elementor-button { border-radius: 0 !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: .22em;
  text-transform: uppercase; min-height: 52px; padding: 16px 34px; }
.wmm-btn--fill .elementor-button, .wmm-article .wp-block-button:first-child .wp-block-button__link { background: var(--bd-bronze-deep) !important; color: #fff !important; }
.wmm-btn--fill .elementor-button:hover { background: var(--bd-ink) !important; }
.wmm-btn--line .elementor-button, .wmm-btn--ghost .elementor-button { background: transparent !important; color: var(--bd-ink) !important; box-shadow: inset 0 0 0 1px var(--bd-ink) !important; }
.wmm-article .wp-block-button__link { border-radius: 0; font-size: 12px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; padding: 16px 34px; }

/* header: cream bar, spaced capital menu with a bronze underline, the bronze consultation button */
.e-con.wmm-header { background: rgba(252, 248, 244, .97) !important; box-shadow: 0 1px 0 var(--bd-line); }
.wmm-header img { max-height: 76px; width: auto; }
.wmm-header .elementor-nav-menu--main .elementor-item { font-size: 12px !important; font-weight: 600 !important; letter-spacing: .16em; text-transform: uppercase; color: var(--bd-ink) !important; }
.wmm-header .elementor-nav-menu--main .elementor-item::after { background-color: var(--bd-bronze) !important; height: 1px !important; }
.wmm-header .elementor-nav-menu--main .elementor-item:hover, .wmm-header .elementor-nav-menu--main .elementor-item-active { color: var(--bd-bronze-deep) !important; }

/* hero: cream text side on the left, the page photo on the right (the approved hero), wide to the page edges */
.e-con.wmm-hero { background-color: var(--bd-cream) !important; background-size: 52% 100% !important; background-position: right center !important;
  background-repeat: no-repeat !important; --padding-left: var(--bd-edge); color: var(--bd-ink); --wmm-hero-accent: var(--bd-bronze-deep); }
.e-con.wmm-hero::before { display: none !important; }
.wmm-hero h1.elementor-heading-title { color: var(--bd-ink) !important; font-size: clamp(36px, 3.4vw, 60px); line-height: 1.1; max-width: 680px; }
.wmm-hero .wmm-lede, .wmm-hero .elementor-widget-text-editor { color: var(--bd-ink-soft) !important; opacity: 1; }
.wmm-hero .wmm-crumbs, .wmm-hero .wmm-crumbs a, .wmm-hero .wmm-trust, .wmm-hero .wmm-trust * { color: var(--bd-ink-soft) !important; }
.wmm-hero .wmm-crumbs a:hover { color: var(--bd-bronze-deep) !important; }
.wmm-hero .wmm-btn--ghost .elementor-button, .wmm-hero .wmm-btn--line .elementor-button { color: var(--bd-ink) !important; box-shadow: inset 0 0 0 1px var(--bd-ink) !important; }
.wmm-hero .wmm-formcard { box-shadow: 0 30px 60px rgba(28, 25, 23, .12); border-radius: 0; }
@media (max-width: 1024px) {
  .e-con.wmm-hero { background-size: 100% 300px !important; background-position: center top !important; --padding-top: 330px; }
}

/* bands: cream and sand, the cards white with a bronze rule */
.wmm-band-split { background: var(--bd-sand); }
.wmm-band-split .wmm-split-media img, .wmm-article figure img { border-radius: 0; }
.wmm-band-cards { background: var(--bd-cream); }
.wmm-band-cards .wmm-card { background: #fff; border-radius: 0; box-shadow: 0 18px 40px rgba(28, 25, 23, .06); }
.wmm-band-cards .wmm-card > .wp-block-image { border-bottom: 2px solid var(--bd-bronze); }
.wmm-band-cards .wmm-card .wp-block-button__link { background: none !important; color: var(--bd-bronze-deep) !important; padding: 0; min-height: 0; }

/* numbered steps and lists with bronze marks */
.wmm-article ol.wp-block-list { counter-reset: bd; list-style: none; padding-left: 0; }
.wmm-article ol.wp-block-list > li { counter-increment: bd; position: relative; padding-left: 58px; min-height: 44px; margin-top: 18px; }
.wmm-article ol.wp-block-list > li::before { content: counter(bd, decimal-leading-zero); position: absolute; left: 0; top: -4px; width: 42px; height: 42px;
  border: 1px solid var(--bd-bronze); border-radius: 50%; display: grid; place-items: center; font-size: 14px; font-weight: 600; color: var(--bd-bronze-deep); }
.wmm-article ul.wp-block-list { list-style: none; padding-left: 0; }
.wmm-article ul.wp-block-list > li { position: relative; padding-left: 28px; }
.wmm-article ul.wp-block-list > li::before { content: ""; position: absolute; left: 0; top: .72em; width: 14px; height: 1px; background: var(--bd-bronze); }

/* the CTA band and the questions: ink with cream text, bronze accents */
.e-con.wmm-cta { background-color: var(--bd-ink) !important; --e-global-color-wmm_heading: var(--bd-cream); --e-global-color-wmm_contrast: #D9D2C9; }
.wmm-article .wmm-content-band.wmm-band-faq { background: var(--bd-sand); }
.wmm-band-faq summary { font-weight: 600; letter-spacing: .02em; }
.wmm-band-faq summary::after { border-color: var(--bd-bronze) !important; }

/* reviews: sand */
.e-con.wmm-reviews, .wmm-reviews.wmm-band { background: var(--bd-sand) !important; }

/* side card */
.wmm-sidecard { background: var(--bd-ink); border-top: 2px solid var(--bd-bronze); border-radius: 0; }
.wmm-article .wmm-sidecard-call { background: var(--bd-bronze-deep); color: #fff; }

/* footer: ink, the logo in light grey, bronze small-capital headings; the bottom strip a shade darker */
.e-con.wmm-footer { background: var(--bd-ink) !important; color: #D9D2C9;
  --e-global-color-wmm_heading: #F5EDE3; --e-global-color-wmm_contrast: #D9D2C9; --e-global-color-wmm_muted: #A8A29E; --e-global-color-wmm_line: rgba(190, 150, 97, .25); }
.wmm-footer img { filter: brightness(0) invert(.88); }
.wmm-footer :is(h2, h3, h4) { color: var(--bd-bronze) !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: .22em; text-transform: uppercase; }
.wmm-footer a:not(.elementor-button) { color: #D9D2C9 !important; }
.wmm-footer a:not(.elementor-button):hover { color: var(--bd-bronze) !important; }
.wmm-footer .e-con.wmm-footer-base { background: #141210 !important; border-top: 1px solid rgba(190, 150, 97, .2); color: #A8A29E; }
.wmm-footer .wmm-footer-base :is(p, span, div), .wmm-footer .wmm-legal-links, .wmm-footer .wmm-legal-links * { color: #A8A29E !important; }
.wmm-footer .wmm-footer-base a:not(.elementor-button) { text-decoration: underline; text-underline-offset: .2em; }

.wmm-form-legal a { color: var(--bd-bronze-deep); }
.wmm-logo a, a.wmm-logo { color: inherit; }

/* phones: everything centred (house rule); lists keep their marks on the left */
@media (max-width: 767px) {
  .wmm-article ol.wp-block-list > li, .wmm-article ul.wp-block-list > li { text-align: left; }
}