/*
Theme Name: Amanda O’Connell Training - Visual Preview
Text Domain: amanda-oconnell-training-visual-preview
Description: Draft visual recreation of the approved Amanda O’Connell Training homepage.
Version: 1.0.1
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
WPVibe: yes
*/

/* This draft theme deliberately matches the supplied visual reference. */
:root{
  --aoc-plum:#402354;
  --aoc-plum-deep:#351943;
  --aoc-teal:#087F80;
  --aoc-mustard:#E6A51D;
  --aoc-lavender:#F3EEF8;
  --aoc-lavender-icon:#DED3F0;
  --aoc-ink:#242035;
  --aoc-warm-white:#FFFEFC;
  --aoc-serif:Georgia,"Times New Roman",serif;
  --aoc-sans:"Aptos","Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:78px}
body.aoc-preview-body{margin:0;background:var(--aoc-warm-white);color:var(--aoc-ink);font-family:var(--aoc-sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit}
.aoc-site-header{height:64px;background:#fff;border-bottom:1px solid #eee9ef;position:relative;z-index:20}
.aoc-header-inner{max-width:1280px;height:100%;padding:0 5.8%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:26px}
.aoc-logo{display:inline-flex;flex-direction:column;text-decoration:none;color:var(--aoc-plum);flex:0 0 auto;min-width:216px;line-height:1}
.aoc-logo-name{font-size:26px;font-weight:700;letter-spacing:-1.25px;white-space:nowrap}
.aoc-logo-sub{display:flex;align-items:center;gap:7px;margin-top:2px;padding-left:2px;font-size:12px;letter-spacing:4px;font-weight:700;justify-content:space-between}
.aoc-logo-sub i{height:3px;background:var(--aoc-teal);display:block;flex:1;min-width:34px}
.aoc-logo-sub i:last-child{background:var(--aoc-mustard)}
.aoc-nav{display:flex;align-items:center;justify-content:center;gap:28px;white-space:nowrap;height:100%}
.aoc-nav a{height:100%;display:flex;align-items:center;gap:5px;text-decoration:none;color:#2e2738;font-size:13px;position:relative}
.aoc-nav a:hover,.aoc-nav a:focus{color:var(--aoc-plum)}
.aoc-nav a.is-active:after{content:"";position:absolute;height:2px;background:var(--aoc-mustard);bottom:16px;left:0;right:0}
.aoc-header-cta{padding:8px 17px;background:var(--aoc-mustard);border:1px solid #d99a17;border-radius:7px;color:#24152e;text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap}
.aoc-mobile-toggle{display:none}
.aoc-home{width:100%;overflow:hidden;font-family:var(--aoc-sans);color:var(--aoc-ink)}.aoc-home p,.aoc-home a,.aoc-home button{font-family:var(--aoc-sans)}.aoc-home h1,.aoc-home h2,.aoc-home h3{font-family:var(--aoc-serif)}
.aoc-hero{display:grid;grid-template-columns:52.4% 47.6%;align-items:stretch;background:var(--aoc-warm-white);min-height:398px}
.aoc-hero-copy{padding:31px 36px 27px max(6.4vw, calc((100vw - 1280px)/2 + 50px));align-self:center}
.aoc-eyebrow{font-size:11px!important;letter-spacing:3px!important;font-weight:800;color:var(--aoc-plum);margin:0 0 10px}
.aoc-hero h1{font-family:var(--aoc-serif);font-size:clamp(36px,3.75vw,47px);line-height:.99;letter-spacing:-1.5px;font-weight:700;color:var(--aoc-plum);margin:0 0 14px;max-width:510px}
.aoc-intro{font-size:15.5px;line-height:1.43;max-width:510px;margin:0 0 15px}
.aoc-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.aoc-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;text-decoration:none;border-radius:7px;min-height:38px;padding:10px 20px;font-size:12px;font-weight:750;line-height:1.2;transition:transform .18s ease,box-shadow .18s ease}
.aoc-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #27133119}
.aoc-button-primary{background:var(--aoc-plum);border:1px solid var(--aoc-plum);color:white}
.aoc-button-outline{background:transparent;border:1px solid #8e819b;color:var(--aoc-plum);padding-left:17px;padding-right:17px}
.aoc-rainbow{display:flex;height:4px;width:126px;margin:18px 0 11px}
.aoc-rainbow span:nth-child(1){width:43%;background:var(--aoc-plum)}
.aoc-rainbow span:nth-child(2){width:15%;background:var(--aoc-mustard)}
.aoc-rainbow span:nth-child(3){flex:1;background:var(--aoc-teal)}
.aoc-hero-tagline{font-weight:700;font-size:13.5px;margin:0;color:var(--aoc-plum)}
.aoc-hero-photo{min-height:398px;overflow:hidden}
.aoc-hero-photo img{display:block;width:100%;height:100%;min-height:398px;object-fit:cover;object-position:52% 48%}
.aoc-training{background:var(--aoc-lavender);padding:18px 0 22px}
.aoc-section-inner{max-width:1280px;margin:0 auto;padding:0 6.4%}
.aoc-home h2{font-family:var(--aoc-serif);font-size:31px;line-height:1.15;letter-spacing:-.5px;color:var(--aoc-plum);margin:0 0 8px;font-weight:700}
.aoc-section-intro{font-size:13.5px;margin:0 0 13px}
.aoc-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}
.aoc-service-card{background:#fff;border-radius:7px 7px 4px 4px;padding:10px 19px 0;min-height:236px;display:flex;flex-direction:column;border-bottom:4px solid var(--aoc-plum);box-shadow:0 2px 10px rgba(48,27,61,.035)}
.aoc-service-card.accent-teal{border-bottom-color:var(--aoc-teal)}
.aoc-service-card.accent-mustard{border-bottom-color:var(--aoc-mustard)}
.aoc-service-card.accent-lavender{border-bottom-color:#c9b9e0}
.aoc-service-icon{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 0 8px}
.aoc-service-icon svg{width:34px;height:34px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.purple-icon{background:var(--aoc-plum);color:white}
.teal-icon{background:var(--aoc-teal);color:white}
.mustard-icon{background:var(--aoc-mustard);color:#24152e}
.lavender-icon{background:var(--aoc-lavender-icon);color:var(--aoc-plum)}
.aoc-service-card h3{font-family:var(--aoc-serif);font-size:17.5px;line-height:1.13;letter-spacing:-.25px;color:var(--aoc-plum);font-weight:700;margin:0 0 7px}
.aoc-service-card p{font-size:14px;line-height:1.45;margin:0 0 10px}
.aoc-service-card a{margin-top:auto;padding:8px 0 11px;display:inline-flex;gap:9px;text-decoration:none;font-size:13.5px;font-weight:700;color:#22142b}
.aoc-service-card.accent-teal a{color:var(--aoc-teal)}
.aoc-service-card.accent-mustard a{color:var(--aoc-plum)}
.aoc-benefits{background:#fffdf9;padding:24px 0 25px}
.aoc-benefits-inner{max-width:1280px;margin:0 auto;padding:0 6.4%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.aoc-benefit{display:flex;gap:14px;align-items:flex-start;padding:0 23px;border-right:1px solid #d8cfdc;min-height:75px}
.aoc-benefit:first-child{padding-left:0}
.aoc-benefit:last-child{border-right:0;padding-right:0}
.aoc-benefit-icon{width:60px;height:60px;background:#eee7f6;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:0 0 60px;color:var(--aoc-plum)}
.aoc-benefit-icon svg{width:34px;height:34px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.aoc-benefit h3{font-family:var(--aoc-serif);color:var(--aoc-plum);font-size:16.5px;line-height:1.2;margin:1px 0 5px}
.aoc-benefit p{font-size:12.8px;line-height:1.4;margin:0}
.aoc-about{display:grid;grid-template-columns:40% 60%;background:var(--aoc-warm-white);align-items:stretch}
.aoc-about-photo{min-height:260px;overflow:hidden}
.aoc-about-photo img{width:100%;height:100%;min-height:260px;object-fit:cover;object-position:center 42%;display:block}
.aoc-about-copy{padding:16px max(6.3vw,calc((100vw - 1280px)/2 + 34px)) 18px 34px;align-self:center}
.aoc-about-copy h2{margin-bottom:8px}
.aoc-about-copy p{font-size:13.2px;line-height:1.43;margin:0 0 7px}
.aoc-button-mustard{background:var(--aoc-mustard);border:1px solid #d99a17;color:#271631;margin-top:4px}
.aoc-associate{display:grid;grid-template-columns:62% 38%;min-height:194px;background:var(--aoc-plum);position:relative;isolation:isolate;overflow:hidden}
.aoc-associate-copy{padding:18px 24px 19px max(6.4vw,calc((100vw - 1280px)/2 + 50px));align-self:center;color:white;position:relative;z-index:2}
.aoc-associate h2{font-size:28px;color:white;margin:0 0 6px}
.aoc-associate p{font-size:13px;line-height:1.4;margin:0 0 7px;max-width:690px}
.aoc-associate .aoc-button{margin-top:3px}
.aoc-associate-photo{position:relative;min-height:194px;overflow:hidden}
.aoc-associate-photo:before{content:"";position:absolute;z-index:1;left:-68px;top:-25%;height:150%;width:125px;background:var(--aoc-teal);transform:skewX(-39deg);border-radius:0 55% 0 0}
.aoc-associate-photo img{display:block;width:100%;height:100%;min-height:194px;object-fit:cover;object-position:center}
.aoc-associate-inline{background:#fffdf9;padding:15px 0 17px;border-bottom:1px solid #eee7f2}.aoc-associate-inline .aoc-section-inner{max-width:1280px;margin:0 auto}.aoc-associate-inline p{margin:0;font-size:14px;line-height:1.5;color:var(--aoc-ink)}.aoc-contact{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;background:#f6f1fa;padding:30px 6.4%}
.aoc-contact h2{font-size:26px;margin-bottom:0}
.aoc-contact p{font-size:13.5px;margin:0 0 8px}
.aoc-contact-link{color:var(--aoc-plum);font-weight:700;text-decoration:none;font-size:13px}
.aoc-site-footer{background:#fffdf9;padding:17px 6.4% 10px}
.aoc-footer-main{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.1fr 1.5fr .75fr;gap:24px;align-items:center}
.aoc-footer-brand .aoc-logo{min-width:200px;width:200px}
.aoc-footer-brand .aoc-logo-name{font-size:23px}
.aoc-footer-brand .aoc-logo-sub{font-size:10.5px;letter-spacing:3.6px}
.aoc-footer-brand p{font-size:12px;margin:11px 0 0}
.aoc-footer-nav{display:flex;align-items:center;justify-content:center;gap:23px;flex-wrap:wrap}
.aoc-footer-nav a{font-size:12px;text-decoration:none;color:#33283d}
.aoc-footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-size:12px}
.aoc-footer-contact strong{font-size:13px;color:var(--aoc-plum)}
.aoc-footer-contact a{font-size:12px;text-decoration:none}
.aoc-footer-bottom{max-width:1280px;margin:13px auto 0;display:flex;justify-content:flex-end;gap:12px;font-size:11px;color:#64596b}
.aoc-footer-bottom a{text-decoration:none}
.aoc-footer-bottom span{border-left:1px solid #bdb5c3;padding-left:12px}
@media(min-width:1400px){.aoc-hero-copy{padding-left:max(6.4vw,calc((100vw - 1280px)/2 + 50px))}.aoc-about-copy{padding-right:calc((100vw - 1280px)/2 + 50px)}}
@media(max-width:1050px){
 .aoc-header-inner{padding:0 3.5%;gap:14px}.aoc-nav{gap:15px}.aoc-logo{min-width:190px}.aoc-logo-name{font-size:23px}
 .aoc-hero-copy{padding-left:5vw;padding-right:24px}.aoc-hero h1{font-size:clamp(34px,4.1vw,43px)}
 .aoc-service-card{padding-left:14px;padding-right:14px}.aoc-service-card h3{font-size:16px}
 .aoc-benefits-inner,.aoc-section-inner{padding-left:4%;padding-right:4%}.aoc-benefit{gap:10px;padding:0 14px}.aoc-benefit-icon{width:50px;height:50px;flex-basis:50px}
 .aoc-about-copy{padding-right:4vw}
 .aoc-footer-nav{gap:12px}
}
@media(max-width:767px){
 .aoc-site-header{height:auto;min-height:68px}.aoc-header-inner{min-height:68px;flex-wrap:wrap;padding:10px 20px;gap:10px}
 .aoc-logo{min-width:0}.aoc-logo-name{font-size:21px}.aoc-logo-sub{font-size:10px;letter-spacing:3px}
 .aoc-header-cta{margin-left:auto;padding:8px 11px}.aoc-mobile-toggle{display:block;border:1px solid #d8cbdc;border-radius:5px;background:#fff;color:var(--aoc-plum);padding:7px 10px;font-size:12px}
 .aoc-nav{display:none;order:4;width:100%;height:auto;flex-direction:column;align-items:stretch;gap:0;padding:4px 0 8px}
 .aoc-nav.is-open{display:flex}.aoc-nav a{height:auto;padding:10px 2px;border-top:1px solid #f0ebf2}.aoc-nav a.is-active:after{display:none}
 .aoc-hero{grid-template-columns:1fr}.aoc-hero-copy{padding:30px 24px 25px;order:1}.aoc-hero h1{font-size:clamp(36px,9vw,46px);max-width:550px}.aoc-intro{font-size:15px}.aoc-hero-photo{order:2;min-height:230px;max-height:290px}.aoc-hero-photo img{min-height:230px;max-height:290px;height:260px;object-position:center}
 .aoc-training{padding:24px 0 20px}.aoc-section-inner{padding:0 20px}.aoc-home h2{font-size:29px}.aoc-section-intro{font-size:13px}
 .aoc-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.aoc-service-card{min-height:260px;padding:15px 13px 0}.aoc-service-card h3{font-size:16px}.aoc-service-card p{font-size:13.5px}.aoc-service-icon{width:52px;height:52px}.aoc-service-icon svg{width:30px;height:30px}
 .aoc-benefits-inner{grid-template-columns:1fr;padding:0 22px;gap:18px}.aoc-benefit,.aoc-benefit:first-child,.aoc-benefit:last-child{padding:0 0 15px;border-right:0;border-bottom:1px solid #ded5e2;min-height:0}.aoc-benefit:last-child{border-bottom:0;padding-bottom:0}
 .aoc-about{grid-template-columns:1fr}.aoc-about-photo{height:300px;min-height:0}.aoc-about-photo img{height:300px;min-height:0;object-position:center 40%}.aoc-about-copy{padding:27px 23px 29px}.aoc-about-copy p{font-size:15px}
 .aoc-associate{grid-template-columns:1fr}.aoc-associate-copy{padding:28px 23px}.aoc-associate h2{font-size:27px}.aoc-associate-photo{min-height:190px;height:190px}.aoc-associate-photo:before{display:none}.aoc-associate-photo img{min-height:190px;height:190px}
 .aoc-contact{grid-template-columns:1fr;gap:14px;padding:27px 23px}.aoc-contact h2{font-size:25px}
 .aoc-site-footer{padding:23px}.aoc-footer-main{grid-template-columns:1fr;gap:22px;align-items:start}.aoc-footer-nav{justify-content:flex-start;gap:10px 18px}.aoc-footer-contact{align-items:flex-start}.aoc-footer-bottom{justify-content:flex-start;flex-wrap:wrap}
}
@media(max-width:420px){.aoc-header-cta{display:none}.aoc-logo-name{font-size:20px}.aoc-service-grid{grid-template-columns:1fr}.aoc-service-card{min-height:220px}.aoc-actions{align-items:stretch;flex-direction:column}.aoc-actions .aoc-button{width:100%}}

/* AOC readability fix: unlayered rules intentionally override legacy small type and layered Tailwind preview rules. */
body.aoc-preview-body .aoc-home p,
body.aoc-preview-body .aoc-home li { font-size:19px !important; line-height:1.65 !important; }
body.aoc-preview-body .aoc-home .aoc-service-card p,
body.aoc-preview-body .aoc-home .aoc-benefit p { font-size:18px !important; line-height:1.6 !important; }
body.aoc-preview-body .aoc-home .aoc-hero-tagline { font-size:18px !important; line-height:1.6 !important; }
body.aoc-preview-body .aoc-home .aoc-service-card a,
body.aoc-preview-body .aoc-home .aoc-contact-link { font-size:17px !important; line-height:1.55 !important; }
body.aoc-preview-body .aoc-site-footer p,
body.aoc-preview-body .aoc-site-footer a,
body.aoc-preview-body .aoc-site-footer .aoc-footer-contact { font-size:17px !important; line-height:1.6 !important; }
body.aoc-preview-body .aoc-site-footer .aoc-footer-bottom,
body.aoc-preview-body .aoc-home .aoc-eyebrow { font-size:14px !important; line-height:1.5 !important; }
body.aoc-preview-body .aoc-nav a,
body.aoc-preview-body .aoc-header-cta,
body.aoc-preview-body .aoc-mobile-toggle,
body.aoc-preview-body .aoc-button { font-size:16px !important; line-height:1.4 !important; }
@media(max-width:767px) {
 body.aoc-preview-body .aoc-home p,
 body.aoc-preview-body .aoc-home li { font-size:19px !important; line-height:1.65 !important; }
 body.aoc-preview-body .aoc-home .aoc-service-card p,
 body.aoc-preview-body .aoc-home .aoc-benefit p { font-size:18px !important; }
 body.aoc-preview-body .aoc-home h2 { font-size:32px !important; line-height:1.2 !important; }
 body.aoc-preview-body .aoc-home .aoc-service-card h3 { font-size:21px !important; line-height:1.25 !important; }
 body.aoc-preview-body .aoc-home .aoc-contact-link,
 body.aoc-preview-body .aoc-home .aoc-service-card a { font-size:17px !important; }
}
