/*
Theme Name:   Vogue Nails & Spa (Blocksy Child)
Theme URI:    https://www.voguenailsrivervale.com/
Description:  Clean modern, mobile-first child theme for Vogue Nails & Spa, River Vale NJ. Built on the free Blocksy theme. Salon info lives in Appearance > Customize > Vogue Salon Info.
Author:       True Partner Marketing
Template:     blocksy
Version:      2.0.5
Text Domain:  vogue-blocksy-child
*/

/* Layout: mobile-first, one clean column on phones; widens to two columns at 782px. White paper, black type, a nude tint for the menu. */
:root{
  --vg-ink:#111111;
  --vg-text:#2A2827;
  --vg-muted:#6A645F;
  --vg-paper:#FFFFFF;
  --vg-nude:#F5EEE8;
  --vg-nude-2:#E9DDD3;
  --vg-rule:#ECE6E0;
  --vg-accent:#9C7A5B;
  --vg-on-ink:#FFFFFF;
  --vg-on-ink-muted:#B9B2AB;
  --vg-serif:"DM Serif Display",Georgia,"Times New Roman",serif;
  --vg-sans:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --vg-wrap:1140px;
  --vg-radius:10px;
  --vg-gutter:max(18px,env(safe-area-inset-left,0px));

}
/* Map Blocksy's palette + fonts to the brand (html:root beats Blocksy's own :root output) */
html:root{
  --theme-palette-color-1:#111111;
  --theme-palette-color-2:#9C7A5B;
  --theme-palette-color-3:#2A2827;
  --theme-palette-color-4:#111111;
  --theme-palette-color-5:#ECE6E0;
  --theme-palette-color-6:#F5EEE8;
  --theme-palette-color-7:#FFFFFF;
  --theme-palette-color-8:#FFFFFF;
  --theme-font-family:var(--vg-sans);
  --theme-text-color:#2A2827;
  --theme-link-initial-color:#111111;
  --theme-link-hover-color:#9C7A5B;
  --theme-button-background-initial-color:#111111;
  --theme-button-background-hover-color:#9C7A5B;
}

html{scroll-behavior:smooth;scroll-padding-top:80px;overflow-x:clip}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
body{background:var(--vg-paper);color:var(--vg-text);font-family:var(--vg-sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.wp-block-heading{font-family:var(--vg-serif);font-weight:400;line-height:1.08;letter-spacing:-.005em;color:var(--vg-ink);text-wrap:balance}
:focus-visible{outline:2px solid var(--vg-accent);outline-offset:3px}

/* ---------- Blocksy chrome ---------- */
body,.ct-header,#header [data-row]{background-color:#FFFFFF!important}
#header .site-title-container{display:none!important}
#header .site-branding{display:flex;align-items:center}
#header .custom-logo,.site-logo-container img{max-height:48px!important;width:auto!important}
#header [data-row]{border-bottom:1px solid var(--vg-rule)}
#header .menu > li > a,#header .ct-menu-link{font-family:var(--vg-sans);font-size:15px;font-weight:500;color:var(--vg-ink)}
#header li.vg-menu-book > a{background:var(--vg-ink);color:#fff!important;border-radius:8px;padding:10px 18px!important;height:auto!important;margin-left:8px}
#header li.vg-menu-book > a:hover{background:var(--vg-accent)}
#offcanvas .ct-menu-link,#offcanvas .menu a{font-family:var(--vg-serif);font-size:26px}
.vg-home .hero-section,.vg-home .page-title,.vg-home .entry-header{display:none!important}
.vg-home [data-vertical-spacing]{padding-top:0!important;padding-bottom:0!important}
.vg-home #main .ct-container-full,.vg-home #main .ct-container,.vg-home #main .ct-container-narrow{max-width:none!important;width:100%!important;padding-left:0!important;padding-right:0!important}
.vg-home .entry-content > .alignfull,.vg-home .entry-content > .vg-section{width:100vw;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}
.vg-home article{margin:0!important}
footer#footer,.ct-footer{display:none}

/* ---------- Section scaffolding (mobile first) ---------- */
.vg-section{padding-block:56px;padding-left:var(--vg-gutter);padding-right:max(18px,env(safe-area-inset-right,0px));margin-top:0!important;margin-bottom:0!important}
.vg-section > *{max-width:var(--vg-wrap)!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
.vg-section > .vg-intro{max-width:var(--vg-wrap)!important}
.vg-section > .vg-intro,.vg-section > .vg-lede{text-wrap:pretty}
.entry-content > .vg-section + .vg-section{margin-top:0!important}
#header .ct-container{max-width:var(--vg-wrap);padding-left:var(--vg-gutter);padding-right:max(18px,env(safe-area-inset-right,0px))}
.vg-section p{margin-block:0}
.vg-tint{background:var(--vg-nude)}
.vg-dark{background:var(--vg-ink);color:var(--vg-on-ink)}
.vg-dark h2,.vg-dark h3{color:var(--vg-on-ink)}
.vg-eyebrow{font-size:13px!important;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--vg-accent)!important;margin-top:0!important;margin-bottom:10px!important}
.vg-dark .vg-eyebrow{color:#D9C2B0!important}
.vg-h2{font-size:clamp(34px,5vw + 16px,56px)!important;margin-top:0!important;margin-bottom:0!important}
.vg-intro{color:var(--vg-muted);margin-top:14px!important;margin-bottom:32px!important;font-size:17px}
.vg-dark .vg-intro{color:var(--vg-on-ink-muted)}
@media (min-width:782px){.vg-section{padding-block:96px}}

/* Buttons: big, thumb-friendly */
.vg-section .wp-block-buttons{gap:10px;display:flex;flex-wrap:wrap}
.vg-section .wp-block-button{flex:1 1 150px}
.vg-section .wp-block-button__link{display:flex;justify-content:center;align-items:center;width:100%;min-height:52px;padding:14px 22px;font-family:var(--vg-sans);font-size:16px;font-weight:600;border-radius:var(--vg-radius);border:1.5px solid var(--vg-ink);background:var(--vg-ink);color:#fff;text-decoration:none;transition:background .2s,color .2s,border-color .2s}
.vg-section .wp-block-button__link:hover{background:var(--vg-accent);border-color:var(--vg-accent);color:#fff}
.vg-section .wp-block-button.is-style-outline > .wp-block-button__link{background:transparent!important;color:var(--vg-ink)!important;border-color:var(--vg-ink)!important}
.vg-section .wp-block-button.is-style-outline > .wp-block-button__link:hover{background:var(--vg-ink)!important;color:#fff!important}
.vg-dark .wp-block-button__link{background:#fff;color:var(--vg-ink);border-color:#fff}
.vg-dark .wp-block-button__link:hover{background:#D9C2B0;border-color:#D9C2B0;color:var(--vg-ink)}
.vg-dark .wp-block-button.is-style-outline > .wp-block-button__link{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.5)!important}
.vg-dark .wp-block-button.is-style-outline > .wp-block-button__link:hover{background:#fff!important;color:var(--vg-ink)!important}
@media (min-width:782px){.vg-section .wp-block-button{flex:0 0 auto}}

/* ---------- Hero ---------- */
.vg-cover{padding-top:24px;padding-bottom:48px}
.vg-cover-grid{gap:28px!important;align-items:center!important;margin-top:0!important;margin-bottom:0!important}
.vg-cover-grid > .wp-block-column:last-child{order:-1}
.vg-h1{font-size:clamp(40px,7vw + 14px,76px)!important;margin:0!important}
.vg-h1 em{font-style:italic;color:var(--vg-accent)}
.vg-lede{font-size:18px!important;color:var(--vg-muted);margin-top:14px!important;max-width:36ch;line-height:1.5}
.vg-cover .wp-block-buttons{margin-top:24px}
.vg-status{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500;margin-top:18px!important;color:var(--vg-ink)}
.vg-status i{width:9px;height:9px;border-radius:50%;background:#2E8B57;flex:none}
.vg-status.is-closed i{background:#B0473A}
ul.vg-chips{list-style:none;padding:0!important;margin:18px 0 0!important;display:flex;flex-wrap:wrap;gap:8px}
.vg-chips li{background:var(--vg-nude);border-radius:999px;padding:7px 14px;font-size:14px;font-weight:500;color:var(--vg-text)}
.vg-cover-photo{margin:0!important}
.vg-cover-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 40%;border-radius:14px}
@media (min-width:782px){
  .vg-cover{padding-top:56px;padding-bottom:88px}
  .vg-cover-grid{gap:56px!important}
  .vg-cover-grid > .wp-block-column:last-child{order:0}
  .vg-cover-photo img{aspect-ratio:4/5;max-height:620px}
}

/* ---------- Services ---------- */
.vg-svc-grid{display:grid!important;grid-template-columns:1fr;gap:12px}
.vg-svc-grid > .wp-block-group{background:var(--vg-paper);border:1px solid var(--vg-rule);border-radius:14px;padding:22px;margin:0!important;min-width:0}
.vg-svc-grid h3{font-size:26px!important;margin:0!important}
.vg-svc-grid p:not(.vg-from){color:var(--vg-muted);margin-top:8px!important;font-size:16px}
.vg-from{margin-top:14px!important;font-size:14px;color:var(--vg-muted)}
.vg-from strong{font-size:20px;color:var(--vg-ink);font-weight:600;margin-left:4px}
@media (min-width:600px){.vg-svc-grid{grid-template-columns:1fr 1fr}}
@media (min-width:960px){.vg-svc-grid{grid-template-columns:repeat(3,1fr);gap:16px}}

/* ---------- Menu ---------- */
.vg-pay{display:inline-flex;background:var(--vg-paper);border:1px solid var(--vg-nude-2);border-radius:999px;padding:4px;margin-bottom:24px}
.vg-pay button{all:unset;cursor:pointer;min-width:84px;text-align:center;padding:10px 18px;border-radius:999px;font-size:15px;font-weight:600;color:var(--vg-muted)}
.vg-pay button[aria-pressed="true"]{background:var(--vg-ink);color:#fff}
.vg-pay button:focus-visible{outline:2px solid var(--vg-accent);outline-offset:2px}
.vg-menu-cols{gap:12px!important;margin-top:0!important;margin-bottom:0!important;align-items:flex-start!important}
.vg-menu-cols > .wp-block-column{background:var(--vg-paper);border-radius:14px;padding:22px 20px 10px}
.vg-menu-cols h3{font-size:28px!important;margin:0 0 6px!important}
.vg-menu-cols h3:not(:first-child){margin-top:28px!important}
.vg-note{font-size:14px!important;color:var(--vg-muted)}
.wp-block-table.vg-price{margin:6px 0 12px!important;overflow:visible}
.vg-price table{width:100%;border-collapse:collapse;border:0!important;font-variant-numeric:tabular-nums;table-layout:auto}
.vg-price td{border:0!important;border-bottom:1px solid var(--vg-rule)!important;padding:12px 0!important;font-size:16px;color:var(--vg-text);background:transparent!important;vertical-align:baseline}
.vg-price tr:last-child td{border-bottom:0!important}
.vg-price td:last-child{text-align:right;font-weight:600;color:var(--vg-ink);white-space:nowrap;padding-left:12px!important}
.vg-price tr.vg-sub td{color:var(--vg-muted);font-size:15px;padding-top:6px!important}
.vg-price tr.vg-sub td:first-child{padding-left:14px!important}
.vg-price tr.vg-sub td:last-child{font-weight:500;color:var(--vg-muted)}
.vg-menu-foot{margin-top:20px!important;color:var(--vg-muted);font-size:15px}
.vg-menu-foot + .wp-block-buttons{margin-top:16px!important}
@media (min-width:782px){.vg-menu-cols{gap:16px!important}}

/* Price board image + text version */
.vg-board{margin-top:0!important;margin-bottom:0!important}
.vg-board img{width:100%;height:auto;border-radius:12px;display:block}
.vg-board a{display:block;cursor:zoom-in}
.vg-menu-text{margin-top:16px!important;margin-bottom:0!important;background:var(--vg-paper);border-radius:14px;padding:0 18px}
.vg-menu-text > summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:56px;font-weight:600;color:var(--vg-ink)}
.vg-menu-text > summary::-webkit-details-marker{display:none}
.vg-menu-text > summary::after{content:"+";font-weight:400;font-size:24px;transition:transform .2s}
.vg-menu-text[open] > summary::after{transform:rotate(45deg)}
.vg-menu-text .vg-menu-cols > .wp-block-column{padding:0 0 8px;background:transparent}
.vg-menu-text .vg-pay{margin:4px 0 16px;background:var(--vg-nude)}

/* ---------- Looks ---------- */
.wp-block-gallery.vg-looks{gap:8px!important;margin-top:0!important;margin-bottom:0!important}
.wp-block-gallery.vg-looks.has-nested-images figure.wp-block-image:not(#individual-image){width:calc(50% - 4px)!important;flex-direction:column!important;border-radius:12px;overflow:hidden;background:var(--vg-nude)}
.wp-block-gallery.vg-looks.has-nested-images figure.wp-block-image{justify-content:flex-start!important;height:auto!important}
.wp-block-gallery.vg-looks.has-nested-images figure.wp-block-image img{flex:0 0 auto!important;aspect-ratio:1/1;object-fit:cover;height:auto!important;width:100%!important}
.wp-block-gallery.vg-looks.has-nested-images figure.wp-block-image figcaption.wp-element-caption{position:static;background:none;color:var(--vg-text);padding:8px 10px 10px;margin:0;font-size:14px;font-weight:500;text-align:left;text-shadow:none;max-height:none;overflow:visible}
.wp-block-gallery.vg-looks.has-nested-images figure.wp-block-image:has(figcaption):before{display:none}
@media (min-width:782px){.wp-block-gallery.vg-looks{gap:12px!important}.wp-block-gallery.vg-looks.has-nested-images figure.wp-block-image:not(#individual-image){width:calc(20% - 9.6px)!important}}

/* ---------- Salon ---------- */
.vg-salon-grid{gap:28px!important;margin-top:0!important;margin-bottom:0!important;align-items:center!important}
.vg-salon-photos{gap:8px!important;flex-wrap:nowrap!important;margin-top:0!important;margin-bottom:0!important}
.vg-salon-photos > .wp-block-column{flex-basis:50%!important}
.vg-salon-photos .wp-block-image{margin:0!important}
.vg-salon-photos img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px}
.vg-salon-copy p:not(.vg-eyebrow){color:var(--vg-muted);margin-top:16px!important;max-width:52ch}
ul.vg-facts{list-style:none;padding:0!important;margin:22px 0 0!important;display:grid;gap:8px}
.vg-facts li{background:var(--vg-nude);border-radius:10px;padding:12px 14px;font-size:16px}
.vg-facts strong{display:block;color:var(--vg-ink);font-weight:600}
@media (min-width:600px){ul.vg-facts{grid-template-columns:1fr 1fr}}
@media (min-width:782px){.vg-salon-grid{gap:56px!important}}

/* ---------- FAQ ---------- */
.vg-faq-list{max-width:var(--vg-wrap)!important}
.vg-faq-list .wp-block-details{border-bottom:1px solid var(--vg-rule);margin:0!important;padding:0}
.vg-faq-list .wp-block-details:first-child{border-top:1px solid var(--vg-rule)}
.vg-faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:56px;padding:16px 0;font-size:18px;font-weight:600;color:var(--vg-ink)}
.vg-faq-list summary::-webkit-details-marker{display:none}
.vg-faq-list summary::after{content:"+";font-weight:400;font-size:26px;line-height:1;transition:transform .2s;flex:none}
.vg-faq-list details[open] summary::after{transform:rotate(45deg)}
.vg-faq-list details p{padding:0 0 18px;color:var(--vg-muted);max-width:64ch}

/* ---------- Visit ---------- */
.vg-visit-grid{gap:36px!important;margin-top:0!important;margin-bottom:0!important}
.vg-address{font-size:20px!important;margin-top:16px!important;line-height:1.45;color:var(--vg-on-ink)}
.vg-phone{margin-top:8px!important;font-family:var(--vg-serif);font-size:34px!important}
.vg-phone a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35)}
.vg-visit .wp-block-buttons{margin-top:24px}
.vg-nearby{margin-top:22px!important;color:var(--vg-on-ink-muted);font-size:15px;max-width:52ch}
table.vg-hours{width:100%;border-collapse:collapse;border:0;font-variant-numeric:tabular-nums;font-size:16px}
table.vg-hours td{padding:13px 0;border:0;border-bottom:1px solid rgba(255,255,255,.12);color:var(--vg-on-ink);background:transparent}
table.vg-hours td:last-child{text-align:right}
table.vg-hours tr.is-today td{color:#E9D3BF;font-weight:600}
table.vg-hours tr.is-today td:first-child::after{content:" · Today";font-weight:500;font-size:14px}
.vg-store{margin-top:32px!important}
.vg-store img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px}

/* ---------- Footer ---------- */
.vg-footer{background:var(--vg-ink);color:var(--vg-on-ink-muted);border-top:1px solid rgba(255,255,255,.1)}
.vg-foot-in{max-width:var(--vg-wrap);margin:0 auto;padding:36px max(18px,env(safe-area-inset-right,0px)) 104px var(--vg-gutter);display:grid;grid-template-columns:1fr;gap:20px;font-size:15px;line-height:1.55}
.vg-foot-in p{margin:0}
.vg-foot-brand{display:inline-block;line-height:0}
.vg-footer img.vg-foot-logo{height:64px!important;width:auto!important;max-width:200px!important;object-fit:contain;display:block}
.vg-foot-info{display:grid;gap:8px;color:var(--vg-on-ink-muted)}
.vg-foot-phone{color:#fff!important;text-decoration:none;font-size:18px;font-weight:600}
.vg-foot-links{display:flex;flex-wrap:wrap;gap:10px}
.vg-foot-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:#fff;text-decoration:none;font-weight:500;font-size:15px}
.vg-foot-links a:hover{background:#fff;color:var(--vg-ink)}
.vg-foot-copy{font-size:13px;color:rgba(255,255,255,.45);padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}
@media (min-width:861px){
  .vg-foot-in{grid-template-columns:auto 1fr auto;align-items:center;gap:24px 48px;padding-bottom:32px}
  .vg-foot-copy{grid-column:1 / -1}
}
.vg-visit{padding-bottom:48px!important}
@media (min-width:782px){.vg-visit{padding-bottom:80px!important}}

/* ---------- Mobile call bar ---------- */
.vg-callbar{position:fixed;left:0;right:0;bottom:0;z-index:999;display:flex;gap:8px;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:10px max(14px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px));border-top:1px solid var(--vg-rule)}
.vg-callbar a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;border-radius:var(--vg-radius);font-family:var(--vg-sans);font-weight:600;font-size:16px;text-decoration:none;background:var(--vg-ink);color:#fff;border:1.5px solid var(--vg-ink)}
.vg-callbar a.vg-dir{flex:.75;background:#fff;color:var(--vg-ink)}
.vg-callbar svg{width:18px;height:18px}
@media (min-width:861px){.vg-callbar{display:none}}