/*
Theme Name: Mon Chéri – Luonnonläheinen
Theme URI: https://wordpress.org/
Author: Mon Chéri
Description: Luonnonläheinen, lämmin ja mobiiliystävällinen WordPress-teema parturi-kampaamo Mon Chérille.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: mon-cheri
*/
:root{--forest:#183d29;--leaf:#547454;--cream:#faf6ed;--sand:#eee6d6;--copper:#a65f3e;--ink:#25382b;--font-display:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.7}a{color:inherit}img{max-width:100%;height:auto}p{margin-top:0}h1,h2,h3{font-family:var(--font-display);font-weight:400;line-height:1.14}h1{font-size:clamp(3rem,6vw,5.5rem);margin:.2rem 0 1.4rem}h2{font-size:clamp(2rem,4vw,3.3rem);margin:0 0 1rem}h3{font-size:1.4rem}.container{width:min(1120px,92%);margin:0 auto}.site-header{background:rgba(250,246,237,.96);border-bottom:1px solid #e5dbc8;position:sticky;top:0;z-index:50;backdrop-filter:blur(8px)}.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.brand{text-decoration:none;display:flex;flex-direction:column;line-height:1.1}.brand-kicker{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--leaf)}.brand-name{font-family:'Brush Script MT','Segoe Script',Georgia,cursive;font-size:2.2rem;color:var(--forest);font-style:italic}.site-nav ul{display:flex;gap:1.8rem;list-style:none;padding:0;margin:0}.site-nav a{text-decoration:none;font-size:.93rem;font-weight:600}.site-nav a:hover,.site-nav a:focus{color:var(--copper)}.menu-toggle{display:none;border:1px solid var(--leaf);background:transparent;color:var(--forest);border-radius:6px;padding:.55rem .8rem;cursor:pointer}.hero{overflow:hidden;position:relative;background:radial-gradient(circle at 65% 25%,#e9e4d6 0,transparent 50%),linear-gradient(140deg,#faf6ed,#f1ebdf)}.hero:before{content:'✧';font-family:serif;color:#d4c8a4;position:absolute;font-size:15rem;top:-7rem;left:-2rem;opacity:.2}.hero-grid{display:grid;grid-template-columns:1fr .88fr;align-items:center;gap:4rem;padding:6rem 0}.eyebrow{color:var(--copper);text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;font-weight:700}.hero .highlight{font-style:italic;color:var(--forest)}.hero-lead{font-size:1.16rem;max-width:34rem}.hero-photo{position:relative;isolation:isolate}.hero-photo img{display:block;width:100%;max-height:590px;object-fit:cover;object-position:center top;border-radius:49% 49% 8px 8px;box-shadow:0 22px 65px rgba(41,53,34,.15)}.hero-photo:before{content:'';position:absolute;z-index:-1;background:#cad5be;inset:18px -15px -18px 15px;border-radius:49% 49% 10px 10px}.actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.btn{display:inline-block;background:var(--forest);color:white;text-decoration:none;border-radius:40px;padding:.8rem 1.6rem;font-weight:650;border:1px solid var(--forest)}.btn:hover,.btn:focus{background:#2d5b3c}.btn-secondary{background:transparent;color:var(--forest)}.btn-secondary:hover{color:white}.section{padding:5.5rem 0}.section-heading{text-align:center;max-width:620px;margin:0 auto 3rem}.leaf-divider{color:var(--leaf);font-size:2rem;line-height:1}.services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem}.service{background:#fffdf7;border:1px solid #e6e3d8;border-radius:12px;padding:2rem;box-shadow:0 10px 28px #243e1e0b}.service-symbol{font-family:serif;color:var(--leaf);font-size:2.3rem}.service h3{color:var(--forest);margin:.3rem 0}.service p{color:#62685c;font-size:.95rem}.about{background:#eaece1}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:5rem;align-items:center}.about-ornament{min-height:300px;border:1px solid #9aac94;border-radius:50% 50% 5px 5px;display:flex;justify-content:center;align-items:center;color:var(--forest);font:italic clamp(3rem,7vw,6rem) Georgia,serif;position:relative;text-align:center}.about-ornament:after{content:'❧';position:absolute;font-size:8rem;color:#9bad93;opacity:.35;bottom:-3rem;right:-1rem}.contact{background:var(--forest);color:#fffdf5;text-align:center}.contact .eyebrow{color:#d5ba9b}.contact a{color:#fff}.contact p{font-size:1.08rem}.contact h2{max-width:700px;margin:0 auto 1rem}.contact .btn{background:#fffdf5;color:var(--forest);border-color:#fffdf5}.site-footer{padding:2rem 0;background:#112d1e;color:#e4e9df}.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;align-items:center;font-size:.9rem}.entry{max-width:840px;margin:4rem auto;padding:0 1.5rem}.entry h1{font-size:3rem}.screen-reader-text{position:absolute;left:-9999px}.screen-reader-text:focus{position:static}.wp-block-image img{height:auto}@media(max-width:790px){.header-inner{min-height:75px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--cream);border-bottom:1px solid #e5dbc8;padding:1.2rem 5%}.site-nav.is-open{display:block}.site-nav ul{flex-direction:column;gap:1rem}.hero-grid{grid-template-columns:1fr;gap:3rem;padding:4rem 0}.hero-photo{max-width:430px;margin:0 auto;width:95%}.services{grid-template-columns:repeat(2,minmax(0,1fr))}.about-grid{grid-template-columns:1fr;gap:2rem}.about-ornament{min-height:190px}.section{padding:4rem 0}}@media(max-width:540px){.services{grid-template-columns:1fr}.brand-name{font-size:1.9rem}.hero-grid{padding:2.8rem 0}.hero-lead{font-size:1.04rem}.footer-inner{flex-direction:column;align-items:flex-start}}
