/*
Theme Name: Peak Nails
Theme URI: https://peaknailscolorado.com
Author: Peak Nails
Description: One-page block theme for Peak Nails — Russian manicure studio in Colorado Springs. All text, prices and photos are editable in the Site Editor.
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
Version: 1.1.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: peak-nails
*/

:root{
  --pn-bg:#f7f1ec; --pn-bg-2:#efe5dd; --pn-card:#fffaf6; --pn-ink:#2a2422; --pn-ink-2:#6b5f5a;
  --pn-accent:#a8705f; --pn-accent-dark:#8a5849; --pn-line:#e2d4ca; --pn-radius:18px;
}
html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased}
.wp-site-blocks{padding:0}
.wp-site-blocks > *{margin-block-start:0}

/* sections */
.pn-section{padding:96px 24px !important}
.pn-alt{background:var(--pn-bg-2)}
.pn-section > * + *{margin-block-start:0}
.pn-eyebrow{font-size:12px !important;letter-spacing:.18em;text-transform:uppercase;color:var(--pn-accent);font-weight:600;margin-block:0 14px !important}
.pn-lead{font-size:18px !important;color:var(--pn-ink-2);max-width:620px !important;margin-top:16px !important;margin-left:max(0px, calc((100% - 1140px) / 2)) !important;margin-right:auto !important}
.wp-block-column > .pn-lead{margin-left:0 !important}
h2.wp-block-heading{margin-block:0}

/* buttons */
.wp-block-button__link{transition:background .2s, transform .2s, color .2s}
.wp-block-button__link:hover{background:var(--pn-accent-dark) !important;transform:translateY(-1px)}
.pn-ghost .wp-block-button__link{background:transparent !important;color:var(--pn-ink) !important;border:1px solid var(--pn-ink) !important}
.pn-ghost .wp-block-button__link:hover{background:var(--pn-ink) !important;color:#fff !important}

/* header */
.pn-header{position:sticky;top:0;z-index:50;background:rgba(247,241,236,.9);backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:border-color .2s;padding:0 24px !important}
.pn-header.scrolled{border-color:var(--pn-line)}
.pn-header > .wp-block-group{min-height:72px}
.pn-logo{font-family:var(--wp--preset--font-family--serif);font-size:26px !important;font-weight:600;margin-block:0 !important}
.pn-logo a{text-decoration:none;color:var(--pn-ink);display:inline-flex;align-items:center;gap:10px}
.pn-logo a::before{content:"";width:34px;height:22px;background:url("assets/images/logo-mark.svg") center/contain no-repeat}
.pn-nav{font-size:14px !important;margin-block:0 !important;word-spacing:22px}
.pn-nav a{text-decoration:none;color:var(--pn-ink-2);word-spacing:normal}
.pn-nav a:hover{color:var(--pn-ink)}
.pn-header .wp-block-button__link{padding:11px 22px !important;font-size:14px !important}
@media(max-width:900px){.pn-nav{display:none}}

/* photo slots */
.pn-ph{margin-block:0 !important;border-radius:var(--pn-radius);overflow:hidden;background:linear-gradient(135deg,#ead9cd,#d9bfb0)}
.pn-ph img{width:100%;height:100%;object-fit:cover;display:block}
.pn-hero-photo img{aspect-ratio:4/5}
.pn-square img{aspect-ratio:1/1}
.pn-portrait img{aspect-ratio:4/5}

/* hero */
.pn-hero{padding:56px 24px 88px !important}
.pn-hero h1{font-size:clamp(46px,6.4vw,82px) !important;line-height:1.05 !important;margin-block:0 22px !important}
.pn-hero h1 em{color:var(--pn-accent)}
.pn-hero .wp-block-columns{align-items:center !important;gap:56px}
.pn-trust{font-size:14px !important;color:var(--pn-ink-2);margin-top:34px !important}
.pn-trust strong{color:var(--pn-ink)}
.pn-stars{color:#c8955a;letter-spacing:2px}

/* cards */
.pn-cards{gap:22px !important;margin-top:48px !important}
.pn-card{background:var(--pn-card);border:1px solid var(--pn-line);border-radius:var(--pn-radius);padding:30px !important}
.pn-card p{color:var(--pn-ink-2);font-size:15px}
.pn-card h3{margin-block:0 8px !important}
.pn-num{font-family:var(--wp--preset--font-family--serif);font-size:44px !important;color:var(--pn-accent) !important;line-height:1 !important;margin-block:0 14px !important}

/* tables */
.pn-compare,.pn-prices{margin-block:56px 0 !important;background:var(--pn-card);border:1px solid var(--pn-line);border-radius:var(--pn-radius);overflow-x:auto}
.pn-compare table,.pn-prices table{border-collapse:collapse;width:100%;font-size:15px}
.pn-compare th,.pn-compare td,.pn-prices td,.pn-prices th{border:0 !important;border-bottom:1px solid var(--pn-line) !important;padding:16px 22px !important;text-align:left}
.pn-compare tr:last-child td,.pn-prices tr:last-child td{border-bottom:0 !important}
.pn-compare thead,.pn-prices thead{border:0 !important}
.pn-compare th,.pn-prices th{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--pn-ink-2);font-weight:600;background:var(--pn-bg-2)}
.pn-compare td:first-child{color:var(--pn-ink-2)}
.pn-compare td:last-child{font-weight:500}
@media(max-width:600px){.pn-compare table{min-width:560px}}
.pn-prices{margin-top:18px !important}
.pn-prices td:last-child,.pn-prices th:last-child{text-align:right;white-space:nowrap}
.pn-prices td:last-child{font-family:var(--wp--preset--font-family--serif);font-size:24px}
.pn-prices td:nth-child(2){color:var(--pn-ink-2);white-space:nowrap;font-size:14px}
.pn-tech{margin-top:48px !important}
.pn-tech h3{margin-block:0 !important}
.pn-tech .pn-role{margin-block:0 4px !important}
.pn-note{color:var(--pn-ink-2);font-size:15px !important;margin-top:6px !important}
.pn-addons{font-size:14px !important;color:var(--pn-ink-2);margin-top:14px !important}

/* split */
.pn-split{gap:64px !important;align-items:center !important}
.pn-checks{list-style:none;padding:0 !important;margin-top:28px !important;display:grid;gap:16px}
.pn-checks li{display:flex;gap:14px;align-items:flex-start}
.pn-checks li::before{content:"";flex:0 0 22px;height:22px;margin-top:2px;border-radius:50%;background:var(--pn-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") center/14px no-repeat}

/* team */
.pn-role{font-size:12px !important;letter-spacing:.14em;text-transform:uppercase;color:var(--pn-accent);font-weight:600;margin-block:18px 6px !important}
.pn-member h3{margin-block:0 8px !important}
.pn-member p:last-child{color:var(--pn-ink-2);font-size:15px}

/* gallery */
.pn-gallery{margin-top:44px !important;gap:14px !important}
.pn-gallery figure{border-radius:14px;overflow:hidden}
.pn-gallery img{aspect-ratio:1/1;object-fit:cover}

/* reviews */
.pn-quote{font-family:var(--wp--preset--font-family--serif);font-size:22px !important;line-height:1.3 !important;color:var(--pn-ink) !important;margin-block:0 16px !important}
.pn-cite{font-size:13px !important;margin-block:0 !important}

/* faq */
.pn-faq{margin-top:40px !important;border-top:1px solid var(--pn-line)}
.pn-faq .wp-block-details{border-bottom:1px solid var(--pn-line);padding:22px 0;margin-block:0 !important}
.pn-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:18px;font-weight:500}
.pn-faq summary::-webkit-details-marker{display:none}
.pn-faq summary::after{content:"+";font-family:var(--wp--preset--font-family--serif);font-size:28px;line-height:1;color:var(--pn-accent);transition:transform .2s}
.pn-faq details[open] summary::after{transform:rotate(45deg)}
.pn-faq details p{color:var(--pn-ink-2);margin-top:12px;max-width:760px}

/* cta */
.pn-cta{background:var(--pn-ink) !important;color:#fff;border-radius:28px;padding:64px !important;gap:48px !important;align-items:center !important}
.pn-cta h2,.pn-cta p{color:#fff}
.pn-cta .pn-lead{color:#cdbfb8}
.pn-cta .wp-block-button__link{background:#fff !important;color:var(--pn-ink) !important}
.pn-cta .wp-block-button__link:hover{background:var(--pn-accent) !important;color:#fff !important}
.pn-cta .pn-ghost .wp-block-button__link{background:transparent !important;color:#fff !important;border-color:#fff !important}
.pn-info{font-size:15px !important;margin-block:0 18px !important;color:#fff}
.pn-info strong{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#a99a93;font-weight:400;margin-bottom:4px}
.pn-info a{color:#fff;text-decoration:none}
@media(max-width:900px){.pn-cta{padding:40px 28px !important}}
.pn-map{margin-top:28px !important;border-radius:var(--pn-radius);overflow:hidden;border:1px solid var(--pn-line);height:360px}
.pn-map iframe{width:100%;height:100%;border:0;display:block}

/* footer */
.pn-footer{padding:48px 24px 110px !important;color:var(--pn-ink-2);font-size:14px}
.pn-footer p{margin-block:0}

/* mobile sticky booking */
.pn-sticky{display:none}
@media(max-width:700px){
  .pn-sticky{display:block;position:fixed;left:16px;right:16px;bottom:16px;z-index:60;margin-block:0 !important}
  .pn-sticky .wp-block-button,.pn-sticky .wp-block-button__link{width:100%;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.2)}
  .pn-section{padding:72px 20px !important}
}

/* reveal on scroll (only when JS is running) */
.pn-js .pn-reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease, transform .7s ease}
.pn-js .pn-reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.pn-js .pn-reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}

/* inner pages (Russian manicure, FAQ) */
.pn-page h1.wp-block-post-title{font-size:clamp(40px,5vw,64px) !important;margin-block:0 24px !important}
.pn-page h2{font-size:clamp(28px,3.4vw,38px) !important;margin-block:48px 14px !important}
.pn-page p,.pn-page li{font-size:17px;color:var(--pn-ink-2)}
.pn-page .wp-block-details{border-bottom:1px solid var(--pn-line);padding:20px 0;margin-block:0 !important}
.pn-page .wp-block-details summary{cursor:pointer;font-size:18px;font-weight:500;color:var(--pn-ink);list-style:none;display:flex;justify-content:space-between;gap:20px}
.pn-page .wp-block-details summary::-webkit-details-marker{display:none}
.pn-page .wp-block-details summary::after{content:"+";font-family:var(--wp--preset--font-family--serif);font-size:28px;line-height:1;color:var(--pn-accent);transition:transform .2s}
.pn-page .wp-block-details[open] summary::after{transform:rotate(45deg)}
.pn-page .wp-block-details p{margin-top:10px}


/* Peak Nails logo: big PEAK + script Nails */
.pn-logo a::before{display:none !important}
.pn-logo a{position:relative;display:inline-block !important;line-height:1;padding:2px 6px 0 0}
.pn-logo-peak{font-family:Anton,Impact,"Arial Narrow",sans-serif;font-size:38px;font-weight:400;letter-spacing:.03em;color:#e2c9c1;display:block}
.pn-logo-nails{font-family:"Mrs Saint Delafield","Brush Script MT",cursive;font-size:42px;font-weight:400;color:#1f1a19;position:absolute;left:52%;top:50%;transform:translate(-50%,-46%) rotate(-7deg);white-space:nowrap;pointer-events:none}
.pn-footer .pn-logo-peak{font-size:30px}

.pn-square img{object-position:50% 62%}

/* logo size v2 */
.pn-logo-peak{font-size:88px !important;letter-spacing:.02em}
.pn-logo-nails{font-size:96px !important}
.pn-header > .wp-block-group{min-height:120px}
.pn-logo a{padding:6px 10px 6px 0}
@media(max-width:900px){.pn-logo-peak{font-size:64px !important}.pn-logo-nails{font-size:70px !important}.pn-header > .wp-block-group{min-height:96px}}
@media(max-width:480px){.pn-logo-peak{font-size:52px !important}.pn-logo-nails{font-size:58px !important}.pn-header .wp-block-button__link{padding:10px 16px !important}}
/* logo spacing v3 */
.pn-header > .wp-block-group{padding-top:16px;padding-bottom:12px}
.pn-logo{overflow:visible}

/* palette v2: grey-pink from the Peak Nails logo */
:root{
  --pn-bg:#f5f0f4; --pn-bg-2:#ebe3ea; --pn-card:#fcf9fb; --pn-ink:#2b2429; --pn-ink-2:#6d6270;
  --pn-accent:#9b7e98; --pn-accent-dark:#7c6379; --pn-line:#ddd3dc;
}
body,.wp-site-blocks{background:var(--pn-bg) !important;color:var(--pn-ink)}
.pn-header{background:radial-gradient(120% 220% at 50% 50%, #f3e8f0 0%, #d6cad6 55%, #b7acbb 100%) !important;backdrop-filter:none;border-bottom:0 !important}
.pn-header.scrolled{box-shadow:0 6px 24px rgba(60,40,60,.12)}
.pn-nav a{color:#3b3240 !important}
.pn-nav a:hover{color:#000 !important}
.pn-logo-peak{color:#ffffff !important;opacity:.95}
.pn-logo-nails{color:#111 !important}
.pn-ph{background:linear-gradient(135deg,#ece2ea,#cfc2cf)}
.pn-cta .pn-lead{color:#d2c7d0}
.pn-cta .wp-block-button__link:hover{background:var(--pn-accent) !important}
.pn-compare th,.pn-prices th{background:var(--pn-bg-2)}
.pn-hero h1 em{color:var(--pn-accent)}

/* logo image v3: original Peak Nails logo */
.pn-logo a{padding:0 !important;display:block !important}
.pn-logo-img{display:block;height:104px;width:auto;max-width:none;
  -webkit-mask-image:radial-gradient(ellipse 70% 75% at 50% 50%, #000 62%, transparent 100%);
  mask-image:radial-gradient(ellipse 70% 75% at 50% 50%, #000 62%, transparent 100%)}
.pn-header > .wp-block-group{padding-top:4px !important;padding-bottom:4px !important;min-height:0 !important}
@media(max-width:900px){.pn-logo-img{height:80px}}
@media(max-width:480px){.pn-logo-img{height:64px}}

/* header match v5: logo background blends into header */
.pn-header{background:#bcb4c1 !important}
.pn-nav a{color:#2f2833 !important}
.pn-logo-img{height:124px;margin:0;
  -webkit-mask-image:radial-gradient(closest-side, #000 80%, transparent 100%);
  mask-image:radial-gradient(closest-side, #000 80%, transparent 100%)}
@media(max-width:900px){.pn-logo-img{height:92px}}
@media(max-width:480px){.pn-logo-img{height:74px}}
/* header fit v6 */
.pn-header,.pn-header > .wp-block-group,.pn-logo,.pn-logo a{overflow:visible !important}
.pn-header > .wp-block-group{padding-top:2px !important;padding-bottom:2px !important}

/* transparent logo v7 */
.pn-header{background:#bcb4c1 !important}
.pn-logo-img{height:96px !important;margin:10px 0 !important;-webkit-mask-image:none !important;mask-image:none !important;filter:drop-shadow(0 1px 1px rgba(60,40,60,.08))}
@media(max-width:900px){.pn-logo-img{height:76px !important}}
@media(max-width:480px){.pn-logo-img{height:60px !important;margin:8px 0 !important}}

/* alt sections v8: same color as the header */
.pn-alt{background:#bcb4c1 !important}
.pn-alt .pn-lead,.pn-alt .pn-note,.pn-alt .pn-addons,.pn-alt > p{color:#3f3642 !important}
.pn-alt .pn-eyebrow,.pn-alt .pn-role{color:#5a4458 !important}
.pn-alt h1 em,.pn-alt .pn-num{color:#6e5470 !important}
.pn-alt .pn-ghost .wp-block-button__link{border-color:#2b2429 !important;color:#2b2429 !important}
.pn-alt .pn-compare th,.pn-alt .pn-prices th{background:#e7e0e6}