/*
Theme Name: Accompagnatrice Tout Terrain - Mina
Theme URI: https://accompagnatrice-tout-terrain.fr/
Author: Site Accompagnatrice Tout Terrain
Description: Thème vitrine pour Mina Carayon. Graphismes d'origine provenant du flyer et de sa carte de visite.
Version: 4.2.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: att-mina
*/
:root{--paper:#fcfaf6;--surface:#fffefc;--ink:#42373a;--muted:#5e5654;--forest:#405542;--forest-hover:#304333;--sage:#78836d;--rose:#f2dbdd;--rose-medium:#d99498;--border:#e6ddd8;--wrap:1160px;--heading:'Bodoni Moda','Bodoni MT',Didot,'Times New Roman',serif;--body:'Source Sans 3','Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:116px}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 var(--body);-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #8f3444;outline-offset:4px}p,h1,h2,h3{margin:0}p+p{margin-top:14px}.container{width:min(var(--wrap),calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;top:-90px;left:16px;background:#fff;padding:12px;z-index:200}.skip-link:focus{top:10px}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Header: the sole olive motif on the page comes directly from Mina's business card. */
.site-header{position:sticky;top:0;z-index:60;background:rgba(252,250,246,.98);border-bottom:1px solid var(--border);box-shadow:0 2px 15px rgba(52,47,40,.045)}.header-row{min-height:94px;display:flex;gap:22px;align-items:center;justify-content:space-between}.identity{display:flex;align-items:center;gap:12px;min-width:0;text-decoration:none}.identity-olive{width:64px;height:70px;flex:none;object-fit:cover;object-position:center;mask-image:radial-gradient(ellipse at 52% 48%,#000 52%,transparent 76%)}.identity strong{display:block;font:500 34px/1.06 var(--heading);letter-spacing:-.035em;color:var(--forest);white-space:nowrap}.identity small{display:block;font:700 11px/1.3 var(--body);letter-spacing:.105em;color:#615753;margin-top:5px}.main-nav{display:flex;align-items:center;gap:22px}.main-nav a:not(.nav-call){font-size:15px;font-weight:700;text-decoration:none;white-space:nowrap;color:var(--ink)}.main-nav a:not(.nav-call):hover{color:var(--forest)}.nav-call,.main-nav a.nav-call,.main-nav a.nav-call:visited{display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--forest);border-radius:9px;background:var(--forest);color:#fff!important;padding:13px 16px;font:700 15px/1.2 var(--body);white-space:nowrap;text-decoration:none;min-height:48px}.nav-call:hover,.main-nav a.nav-call:hover,.main-nav a.nav-call:focus-visible{background:var(--forest-hover);border-color:var(--forest-hover);color:#fff!important}.menu-button{display:none;background:var(--surface);border:1px solid #8b9087;border-radius:9px;padding:9px 15px;min-height:46px;color:var(--forest);font:700 16px var(--body);cursor:pointer}
/* Buttons and shared text */
.btn,.btn:visited{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:51px;padding:12px 22px;background:var(--forest);border:2px solid var(--forest);border-radius:9px;color:#fff!important;font:700 16px/1.3 var(--body);text-decoration:none;transition:background .16s,transform .16s}.btn:hover{color:#fff!important;background:var(--forest-hover);border-color:var(--forest-hover);transform:translateY(-1px)}.btn-light,.btn-light:visited{color:var(--forest)!important;background:transparent}.btn-light:hover{color:var(--forest)!important;background:#e8eee7;border-color:var(--forest)}.eyebrow{font:700 13px/1.5 var(--body);letter-spacing:.105em;text-transform:uppercase;color:#4b604b;margin-bottom:15px}h1,h2,h3{font-family:var(--heading);font-weight:500;letter-spacing:-.025em}h2{color:var(--forest);font-size:clamp(37px,4.3vw,58px);line-height:1.18}
/* Hero: original flyer watercolor used once, softly. */
.hero{position:relative;overflow:hidden;background:linear-gradient(116deg,#fdfaf7 0%,#fbf7f3 54%,#f3e6e2 100%);padding:72px 0 64px}.hero:before{position:absolute;content:'';pointer-events:none;left:-250px;top:-130px;width:700px;height:650px;opacity:.22;background:url('assets/images/aquarelle-originale.png') center/contain no-repeat}.hero-grid{position:relative;display:grid;grid-template-columns:1.12fr .88fr;gap:58px;align-items:center}.hero h1{font-size:clamp(48px,5.7vw,76px);line-height:1.12;color:var(--forest);max-width:690px;margin-bottom:23px}.hero h1 em{color:#965b68;font-weight:400}.hero-lead{font-size:21px;line-height:1.52;max-width:580px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}.hero-note{color:#575a53;font-size:16px;line-height:1.65;margin-top:26px}.hero-note strong{color:var(--forest)}.hero-art{min-height:465px;display:flex;align-items:flex-end;justify-content:center;position:relative}.hero-art:before{content:'';position:absolute;left:4%;right:4%;top:5%;bottom:0;background:url('assets/images/aquarelle-originale.png') center/contain no-repeat;opacity:.38;transform:rotate(-8deg)}.hero-art .portrait{position:relative;width:min(78%,320px);height:auto;filter:drop-shadow(0 12px 13px rgba(46,43,39,.10))}.hero-caption{position:absolute;bottom:5px;right:0;background:rgba(252,250,246,.96);padding:13px 18px;border:1px solid var(--border);border-radius:9px;font:italic 20px/1.25 var(--heading);color:var(--forest)}
.intro-strip{background:#e9eee6;border-block:1px solid #dfe7db;padding:21px 0}.intro-strip .container{display:flex;justify-content:space-between;align-items:center;gap:25px}.intro-strip p{font:italic 26px/1.4 var(--heading);color:var(--forest)}.intro-strip span{font:700 13px var(--body);letter-spacing:.05em;color:#4d604c;white-space:nowrap}
/* Main sections */
.section{padding:82px 0}.section-head{text-align:center;max-width:810px;margin:0 auto 42px}.section-head h2{margin-bottom:15px}.section-head p{color:var(--muted);font-size:18px}.services{background:var(--surface)}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.service-card{padding:33px 28px 34px;background:#fcfaf7;border:1px solid #e5ddd5;border-radius:12px;box-shadow:0 9px 24px rgba(61,53,45,.035)}.service-mark{display:inline-flex;align-items:center;justify-content:center;height:47px;color:var(--sage);font:34px Georgia,serif;margin-bottom:12px}.service-card h3{color:var(--forest);font-size:30px;line-height:1.22;margin-bottom:13px}.service-card p{font-size:17px;line-height:1.65}
.aidants{position:relative;overflow:hidden;background:#f3e5e3;padding:69px 0}.aidants:before{content:'';position:absolute;pointer-events:none;right:-190px;top:-230px;width:490px;height:480px;opacity:.12;background:url('assets/images/aquarelle-originale.png') center/contain no-repeat}.aidants-inner{position:relative;display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:center}.aidants h2{font-size:clamp(36px,3.9vw,55px)}.aidants h2 small{font:italic 28px/1.35 var(--heading);color:#895565;display:block;margin-top:12px}.aidants p{font-size:19px;line-height:1.7}
.about{background:var(--paper)}.about-grid{display:grid;grid-template-columns:.74fr 1.26fr;gap:8%;align-items:center}.about-photo{display:flex;align-items:flex-end;justify-content:center;min-height:430px;max-width:380px;margin:0 auto;background:#edeae4 url('assets/images/aquarelle-originale.png') center/cover no-repeat;border-radius:46% 46% 12px 12px;overflow:hidden}.about-photo img{width:280px;display:block}.about-copy h2{margin-bottom:22px}.about-copy p{line-height:1.78;font-size:18px}.about-copy p+p{margin-top:14px}.about-copy strong{color:var(--forest)}.about-copy .btn{margin-top:25px}
.pricing{background:#f6f2ed;border-block:1px solid var(--border)}.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.price-box{background:var(--surface);border:1px solid #e1d9d2;border-radius:12px;padding:27px}.price-box h3{color:var(--forest);font-size:31px;margin-bottom:5px}.price-intro,.tax-notice{font-size:15px;line-height:1.55;color:#514c4c;margin-bottom:18px}.tax-notice{margin-top:16px;margin-bottom:0}.price-box table{width:100%;border-collapse:collapse;font-size:17px;line-height:1.4}.price-box th,.price-box td{padding:15px 10px;border-bottom:1px solid #e2ddd6;text-align:left}.price-box thead th{background:#e9efe5;color:#334c37;font-weight:700}.price-box tbody th{font-weight:700}.price-box tbody tr:last-child>*{border-bottom:0}.price-notes{font-size:15px;line-height:1.65;color:#544d49;margin-top:25px}
.faq{background:var(--surface)}.faq-inner{display:grid;grid-template-columns:.7fr 1.3fr;gap:65px}.faq h2{margin-bottom:18px}.faq-inner>div:first-child>p:last-child{color:var(--muted)}.faq details{border-bottom:1px solid #d9d9d0}.faq details:first-child{border-top:1px solid #d9d9d0}.faq summary{padding:20px 36px 20px 4px;cursor:pointer;font-size:18px;font-weight:700;color:var(--forest);position:relative}.faq summary::marker{color:var(--forest)}.faq details p{padding:0 18px 20px 5px;color:var(--muted);font-size:17px}
.contact{background:var(--forest);color:#fff;padding:78px 0}.contact-grid{display:grid;grid-template-columns:1fr .92fr;gap:70px;align-items:center}.contact h2,.contact .eyebrow{color:#fff}.contact p{color:#f5f3ed;font-size:18px}.contact h2{margin-bottom:22px}.contact-panel{background:#fcfaf6;border-radius:12px;padding:32px;color:var(--forest)}.contact-panel p{color:#504c4b;margin-top:14px;margin-bottom:2px;font-size:15px;font-weight:600}.contact-panel a{display:block;font-size:clamp(19px,2.15vw,27px);font-weight:700;color:#314834;overflow-wrap:anywhere;text-decoration:none}.contact-panel a:hover{text-decoration:underline}
.footer{background:#354638;color:#f7f5f0;padding:32px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer p{font-size:15px;line-height:1.5}.footer nav{display:flex;flex-wrap:wrap;gap:20px}.footer a{font-size:15px;color:#fff;text-underline-offset:4px}.simple-page{padding:72px 0;min-height:55vh}.simple-page h1{font-size:50px;color:var(--forest);margin-bottom:20px}
@media(max-width:1120px){.header-row{gap:12px}.main-nav{gap:13px}.main-nav a:not(.nav-call){font-size:14px}.identity strong{font-size:30px}.identity small{font-size:10px}.hero-grid{gap:32px}}
@media(max-width:920px){.header-row{min-height:82px}.menu-button{display:block}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--border);box-shadow:0 12px 24px #342a3020;padding:16px 24px 26px;flex-direction:column;align-items:stretch;gap:2px}.main-nav.open{display:flex}.main-nav a:not(.nav-call){font-size:17px;padding:12px 8px;white-space:normal}.main-nav a.nav-call{margin-top:10px;min-height:50px}.hero-grid{grid-template-columns:1fr}.hero{padding:50px 0 38px}.hero-art{min-height:390px}.hero-art .portrait{width:min(72%,290px)}.hero-caption{right:10%;bottom:0}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.aidants-inner,.faq-inner,.contact-grid{gap:35px}.about-grid{gap:35px}.pricing-grid{grid-template-columns:1fr}}
@media(max-width:650px){html{scroll-padding-top:86px}.container{width:calc(100% - 36px)}.identity{gap:8px}.identity-olive{width:46px;height:57px}.identity strong{font-size:26px}.identity small{font-size:10px;letter-spacing:.035em}.hero h1{font-size:clamp(42px,10vw,59px)}.hero-lead{font-size:19px}.hero-note{font-size:16px}.hero-art{min-height:350px}.hero-art .portrait{width:min(74%,250px)}.hero-caption{font-size:17px;right:0}.intro-strip .container{display:block}.intro-strip p{font-size:24px}.intro-strip span{display:block;margin-top:9px;white-space:normal}.section{padding:65px 0}.section-head{text-align:left;margin-bottom:30px}.services-grid,.aidants-inner,.about-grid,.faq-inner,.contact-grid{grid-template-columns:1fr}.service-card{padding:26px}.aidants{padding:58px 0}.aidants h2 small{font-size:24px}.aidants p{font-size:18px}.about-photo{min-height:360px;max-width:320px;width:100%}.about-photo img{width:235px}.about-copy p{font-size:17px}.price-box{padding:20px 16px}.price-box table{font-size:16px}.price-box th,.price-box td{padding:12px 6px}.contact{padding:65px 0}.contact-panel{padding:25px 19px}.footer-inner{display:block}.footer nav{margin-top:20px}}
@media(max-width:380px){.identity strong{font-size:23px}.identity small{font-size:9px}.menu-button{font-size:14px;padding:8px 10px}.hero-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
@media(max-width:380px){.identity-olive{width:35px;height:49px}.identity strong{font-size:21px}.identity small{font-size:8px;letter-spacing:0}.header-row{gap:6px}.menu-button{padding:7px 8px}}

/* V4.2 - Slow, considered, accessible scroll motion. Static content stays visible without JS. */
@media (prefers-reduced-motion: no-preference) {
  .att-motion .att-reveal {
    opacity: 0;
    transform: translate3d(0, 17px, 0);
    transition: opacity 1.45s cubic-bezier(.2,.7,.2,1), transform 1.45s cubic-bezier(.2,.7,.2,1);
    transition-delay: var(--att-delay, 0ms);
  }
  .att-motion .att-reveal.att-reveal-photo {
    opacity: 0;
    transform: translate3d(0, 12px, 0) scale(1.018);
    transition-duration: 1.85s;
  }
  .att-motion .att-reveal.att-visible {
    opacity: 1;
    transform: translate3d(0,0,0) scale(1);
  }
  .section-head h2 { position:relative; padding-bottom:13px; }
  .section-head h2::after {
    content:''; position:absolute; left:50%; bottom:0; width:72px; height:2px;
    background:#bf7c86; border-radius:2px; transform:translateX(-50%) scaleX(1); transform-origin:center;
  }
  .att-motion .section-head h2::after { transform:translateX(-50%) scaleX(0); transition:transform 1.65s cubic-bezier(.2,.7,.2,1) .35s; }
  .att-motion .section-head h2.att-visible::after { transform:translateX(-50%) scaleX(1); }
  .service-card { transition:transform .55s ease, box-shadow .55s ease, border-color .55s ease; }
  .service-card:hover { transform:translateY(-4px); box-shadow:0 16px 34px rgba(61,53,45,.10); border-color:#d8c5c2; }
  .price-box tbody tr { transition:background-color .45s ease; }
  .price-box tbody tr:hover { background-color:#f6e9e7; }
  .hero:before, .hero-art:before { translate: 0 var(--att-watercolor-shift, 0px); }
  .contact { transition:background-color 2.3s ease-in-out; }
  .att-motion .contact { background-color:#536755; }
  .att-motion .contact.att-contact-visible { background-color:var(--forest); }
}
@media (max-width:650px) {
  .section-head h2::after { left:0; transform:scaleX(1); transform-origin:left; }
  .att-motion .section-head h2::after { transform:scaleX(0); }
  .att-motion .section-head h2.att-visible::after { transform:scaleX(1); }
}
@media (prefers-reduced-motion:reduce) {
  .att-motion .att-reveal { opacity:1!important; transform:none!important; transition:none!important; }
  .att-motion .contact { background:var(--forest)!important; }
  .section-head h2::after { transition:none!important; }
}
@media (prefers-reduced-motion:no-preference) {
  .att-motion .service-card.att-visible:hover { transform:translate3d(0,-4px,0); }
}
