/*
Theme Name: Brows by Ana Atelier
Theme URI: https://www.browsbyana.com/
Author: Custom Studio
Description: Lightweight mobile-first custom theme for Brows by Ana, including an educational Meta Ads consultation landing page and built-in lead handling.
Version: 1.8.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: brows-ana
*/
:root{--bg:#fcfaf7;--paper:#fff;--ink:#302d2b;--muted:#77716d;--rose:#a87970;--rose-dark:#855b53;--blush:#f3e9e4;--line:#e8e1db;--sand:#f4efe9;--radius:18px;--shadow:0 14px 42px rgba(63,45,36,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3,.serif{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.16;letter-spacing:-.03em}h1{font-size:clamp(2.8rem,6vw,5.5rem);margin:16px 0 22px}h2{font-size:clamp(2.2rem,4vw,3.6rem);margin:12px 0 22px}h3{font-size:1.5rem;margin:0 0 12px}p{margin:0 0 16px;color:var(--muted)}a{color:inherit}img{max-width:100%;height:auto}.container{width:min(1140px,calc(100% - 40px));margin-inline:auto}.narrow{max-width:760px;margin-inline:auto}.section{padding:90px 0}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.19em;font-size:11px;font-weight:700;color:var(--rose);line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--rose-dark);border-radius:50px;background:var(--rose-dark);color:#fff!important;text-decoration:none;font-weight:700;font-size:14px;padding:15px 26px;min-height:51px;cursor:pointer;transition:.2s}.btn:hover{background:#68463f}.btn.secondary{background:transparent;color:var(--ink)!important;border-color:#aaa09a}.btn.secondary:hover{background:var(--blush)}.topbar{text-align:center;padding:9px 16px;background:#f1e8e3;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#76594f}.header{background:rgba(252,250,247,.97);border-bottom:1px solid var(--line)}.head-inner{display:flex;align-items:center;justify-content:space-between;min-height:84px;gap:16px}.brand{text-decoration:none;font-family:Georgia,serif;font-size:24px;letter-spacing:.005em}.brand span{color:var(--rose)}.brand img{max-width:210px;max-height:66px;width:auto;display:block}.nav{display:flex;align-items:center;gap:26px}.nav a{font-size:13px;text-decoration:none;font-weight:700}.nav a:hover{color:var(--rose-dark)}.nav .btn{color:#fff;font-size:12px}.menu-toggle{display:none;background:transparent;border:0;font-size:26px;cursor:pointer}.hero{padding:65px 0 80px}.hero-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center}.hero-copy{max-width:595px}.hero-copy p{font-size:17px;max-width:495px}.hero-visual{position:relative;border-radius:180px 180px 20px 20px;min-height:530px;background:linear-gradient(145deg,#efddd4,#dbc0b3 58%,#a57d6f);overflow:hidden}.hero-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-visual .placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:40px;text-align:center;color:#815e55;font:italic 32px Georgia,serif}.hero-badge{position:absolute;bottom:26px;left:-22px;background:#fff;padding:18px 24px;border-radius:8px;box-shadow:var(--shadow);font-size:12px;font-weight:700}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.fine{font-size:12px!important;margin-top:20px}.center{text-align:center}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid var(--line);background:#fff;border-radius:var(--radius);padding:34px;box-shadow:var(--shadow)}.card p{font-size:14px}.soft{background:var(--sand)}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.image-block{background:#e8d5cc;border-radius:var(--radius);aspect-ratio:4/4.4;overflow:hidden;position:relative}.image-block img{width:100%;height:100%;object-fit:cover}.image-block .fallback{height:100%;display:grid;place-items:center;padding:30px;font:italic 27px Georgia,serif;color:#765d55;text-align:center}.checks{list-style:none;margin:22px 0;padding:0}.checks li{padding:10px 0;border-bottom:1px solid var(--line);color:#665c55}.checks li:before{content:'✓';color:var(--rose-dark);margin-right:12px;font-weight:bold}.process{counter-reset:item;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:0}.process li{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px}.process li:before{counter-increment:item;content:'0' counter(item);display:block;color:var(--rose);font-family:Georgia,serif;font-size:32px;margin-bottom:10px}.process li strong{display:block;margin-bottom:8px}.process li p{font-size:14px}.faq{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:16px}.faq summary:after{content:'+';color:var(--rose);font-size:21px}.faq[open] summary:after{content:'−'}.faq p{padding-top:14px;margin-bottom:0}.cta-band{background:#edddd5;padding:67px 0;text-align:center}.cta-band p{max-width:650px;margin-inline:auto}.footer{padding:36px 0;border-top:1px solid var(--line)}.footer-inner{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.footer a{text-decoration:none}.adhead{padding:18px 0;border-bottom:1px solid var(--line);background:#fff}.adhead .container{display:flex;align-items:center;justify-content:space-between;gap:12px}.adhead small{font-size:11px;color:var(--muted)}.lead-intro{padding:60px 0 45px}.lead-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:start}.lead-intro h1{font-size:clamp(2.7rem,5vw,4.5rem)}.form-panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px;box-shadow:var(--shadow)}.form-panel h2{font-size:2rem;margin:4px 0 12px}.form-panel p{font-size:14px}.field{margin:0 0 16px}.field label{display:block;font-weight:700;font-size:12px;margin-bottom:7px}.field input,.field textarea,.field select{width:100%;display:block;border:1px solid #d6cdc7;border-radius:9px;padding:13px 14px;background:#fff;color:var(--ink);font:inherit;font-size:16px;min-height:48px}.field textarea{min-height:94px;resize:vertical}.field :focus{outline:2px solid #cdaaa0;outline-offset:1px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-panel .btn{width:100%}.consent{font-size:11px;color:var(--muted);line-height:1.5;margin:13px 0}.honeypot{position:absolute!important;left:-10000px!important;height:1px!important;width:1px!important;opacity:0!important}.notice{padding:13px 16px;border-radius:8px;margin:15px 0;font-size:13px}.notice.error{background:#fff2f0;color:#8b2b20}.notice.success{background:#edf7ee;color:#296437}.ad-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.ad-points span{border:1px solid var(--line);border-radius:30px;padding:7px 12px;font-size:12px;background:#fff}.treatments{display:grid;grid-template-columns:1fr 1fr;gap:22px}.testimonial-note{font-size:12px;color:var(--muted);font-style:italic}.mobile-sticky{display:none}.page-content{padding:55px 0 90px}.page-content img{border-radius:10px}@media(max-width:800px){.section{padding:66px 0}.container{width:min(100% - 32px,1140px)}.head-inner{min-height:68px}.brand{font-size:21px}.brand img{max-width:160px;max-height:54px}.menu-toggle{display:block}.nav{display:none;position:absolute;z-index:30;top:100%;right:0;left:0;padding:16px 22px 24px;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.header{position:relative}.nav.open{display:flex}.nav a{padding:8px 0}.hero{padding:32px 0 60px}.hero-layout,.split,.lead-layout{grid-template-columns:1fr;gap:30px}.hero-visual{min-height:360px;border-radius:130px 130px 15px 15px;order:-1}.hero-badge{left:10px;bottom:15px}.hero-copy p{font-size:15px}.grid-3,.process{grid-template-columns:1fr;gap:14px}.card,.process li{padding:25px}.lead-intro{padding:33px 0 38px}.lead-layout{gap:26px}.form-panel{padding:23px}.lead-intro h1{margin:12px 0}.treatments{grid-template-columns:1fr}.footer{padding-bottom:90px}.mobile-sticky{display:block;position:fixed;bottom:0;z-index:70;left:0;right:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);box-shadow:0 -5px 18px rgba(0,0,0,.05)}.mobile-sticky .btn{width:100%}.adpage .mobile-sticky{display:none}}@media(max-width:390px){.field-row{grid-template-columns:1fr}.hero-actions .btn{width:100%}.adhead small{display:none}}
/* Natural Brows by Ana: approved brand mark on warm ivory palette */
.brand{display:inline-flex;align-items:center;min-width:0;flex-shrink:0}
.brand img{width:205px;max-width:100%;height:auto;max-height:82px;object-fit:contain;object-position:left center}
.adhead .brand img{width:190px;max-height:78px}
@media(max-width:800px){.brand img{width:154px;max-height:64px}.adhead .brand img{width:150px;max-height:62px}.head-inner{min-height:74px}}

/* v1.2: larger readable brand; flexible mobile sizing */
.head-inner{min-height:122px;padding-block:9px}
.brand img,.adhead .brand img{width:clamp(245px,27vw,340px);max-width:100%;max-height:116px;height:auto;object-fit:contain;object-position:left center}
.adhead{padding:12px 0}.adhead .container{min-height:120px}
@media(max-width:800px){.head-inner{min-height:100px;padding-block:7px}.brand img,.adhead .brand img{width:clamp(205px,52vw,280px);max-height:104px}.adhead .container{min-height:104px}.nav{top:100%}}
@media(max-width:390px){.brand img,.adhead .brand img{width:clamp(180px,55vw,215px);max-height:91px}}
.sample-photo-caption{font-size:12px;color:#716661;margin:8px 0 0}
.ba-turnstile{margin:13px 0;min-height:10px}
/* Darken existing white custom logos as well as packaged logo. */
.brand img{filter:brightness(0) saturate(100%) invert(17%) sepia(14%) saturate(766%) hue-rotate(334deg) brightness(96%) contrast(90%)}

/* v1.3: Ensure lead-submit button is visible without hovering, including on mobile. */
.form-panel button[type="submit"].btn,
.form-panel input[type="submit"].btn {
  -webkit-appearance: none;
  appearance: none;
  background-color: #855b53 !important;
  background-image: none !important;
  border: 1px solid #855b53 !important;
  color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible;
  text-shadow: none;
  box-shadow: none;
}
.form-panel button[type="submit"].btn:hover,
.form-panel button[type="submit"].btn:focus-visible {
  background-color: #68463f !important;
  border-color: #68463f !important;
  color: #ffffff !important;
}

/* v1.4: four trust notes, neatly aligned in a 2 by 2 mobile grid */
.ad-points{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ad-points span{text-align:center;display:flex;align-items:center;justify-content:center;min-height:48px;padding:9px 10px;line-height:1.4}
@media(max-width:800px){.ad-points{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ad-points span{min-height:57px;font-size:11px;padding:9px 7px}}

/* v1.5: prominent, accessible booking location marker */
.booking-location{display:inline-flex;align-items:center;gap:9px;margin:16px 0 4px;padding:10px 15px;background:#f3e9e4;border:1px solid #e6d3c9;border-radius:9px;color:#68463f;font-size:14px;line-height:1.4;letter-spacing:.005em}.booking-location svg{height:19px;width:19px;flex:none;color:#92665b}.booking-location strong{font-weight:700}@media(max-width:800px){.booking-location{font-size:13px;padding:10px 12px;margin-top:14px}}

/* v1.6 approved homepage layout + booking menu */
.mock-hero{background:#f5eee9}.mock-hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:530px;gap:35px}.mock-hero-copy{padding:50px 0}.mock-hero-copy h1{font-size:clamp(3rem,5.2vw,5.3rem);margin:18px 0}.mock-hero-copy em{font-weight:400}.mock-hero-copy>p{font-size:17px;max-width:470px}.mock-hero-photo{height:530px;overflow:hidden}.mock-hero-photo img{height:100%;width:100%;object-fit:cover}.mock-benefits{display:flex;gap:16px;flex-wrap:wrap;margin-top:34px;color:#6b544b;font-size:12px;font-weight:bold;text-transform:uppercase;letter-spacing:.04em}.mock-benefits span{border-right:1px solid #d7c4ba;padding-right:15px}.mock-benefits span:last-child{border:0}.results-section{background:#fff}.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:32px auto 8px;max-width:900px}.results-tile{position:relative;height:260px;overflow:hidden;border-radius:12px;background:#eee0d6}.results-tile img{width:100%;height:100%;object-fit:cover}.results-tile span{position:absolute;bottom:0;left:0;right:0;padding:10px;background:rgba(42,29,25,.8);color:#fff;font-size:11px}.home-services{display:grid;grid-template-columns:1fr 1fr;gap:22px;text-align:left;margin-top:33px}.service-feature{display:grid;grid-template-columns:42% 58%;background:#fff;border-radius:14px;overflow:hidden;min-height:185px}.service-photo img{height:100%;width:100%;object-fit:cover}.service-feature>div:last-child{padding:22px}.service-feature p{font-size:13px}.service-feature a{font-size:12px;color:var(--rose-dark);text-transform:uppercase;letter-spacing:.06em}.artist-preview{max-height:430px}.about-page p{max-width:630px}.about-intro{font-size:19px;color:#58463f}.about-image{align-self:start}.about-image small,.artist-preview small{font:14px Arial,sans-serif}.booking-location{display:flex;width:fit-content;margin:20px 0 6px}.booking-menu-wrap{position:relative;display:flex;align-items:center}.booking-menu-toggle{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid #e2d5cc;border-radius:8px;color:#543b34;background:#fff}.booking-nav{display:none;position:absolute;top:calc(100% + 10px);right:0;left:auto;min-width:210px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);z-index:80;flex-direction:column;align-items:stretch;gap:3px}.booking-nav.open{display:flex}.booking-nav a{padding:8px 12px}.adhead .container{position:relative}.sample-photo-caption{font-size:11px;color:#786c66}
@media(max-width:800px){.mock-hero-grid{display:flex;flex-direction:column-reverse;gap:0}.mock-hero-photo{height:310px;width:100%}.mock-hero-copy{padding:34px 0 45px}.mock-hero-copy h1{font-size:clamp(2.7rem,10vw,4rem)}.results-grid,.home-services{grid-template-columns:1fr}.results-tile{height:230px}.service-feature{grid-template-columns:36% 64%}.booking-nav{left:auto;right:0}.booking-location{margin:17px 0 2px}}

/* v1.7: full desktop navigation, compact mobile navigation (including booking). */
@media (min-width: 801px) {
  .booking-menu-wrap { flex: 1; justify-content: flex-end; }
  .booking-menu-toggle { display: none !important; }
  .booking-nav, .booking-nav.open { display: flex !important; position: static; background: transparent; border: 0; box-shadow: none; border-radius: 0; padding: 0; min-width: 0; flex-direction: row; align-items: center; gap: 24px; }
  .booking-nav a { padding: 8px 0; white-space: nowrap; font-weight: 700; font-size: 13px; }
  .booking-nav a:last-child { background: var(--rose-dark); color: white; padding: 12px 22px; border-radius: 40px; }
  .header .menu-toggle { display: none !important; }
  .header .nav { display: flex !important; position: static; }
}
@media (max-width: 800px) {
  .booking-menu-wrap { flex: initial; }
  .booking-menu-toggle { display: flex !important; }
  .booking-nav { display: none; position: absolute; top: calc(100% + 10px); right: 0; left: auto; flex-direction: column; align-items: stretch; gap: 3px; }
  .booking-nav.open { display: flex; }
}

/* v1.8: booking-page above-the-fold conversion anchor */
.booking-jump{margin:19px 0 6px}.booking-jump-btn{min-width:174px;box-shadow:0 7px 16px rgba(104,70,63,.12)}
#inquire{scroll-margin-top:20px}
@media(max-width:800px){.booking-jump{margin:18px 0 8px}.booking-jump-btn{width:100%;min-height:52px}.booking-jump-btn span{font-size:19px}}