/*
Theme Name: Beautiful Nails
Version: 1.2.0
Description: Bilingual salon website with three service pages.
Author: Beautiful Nails
License: GPL-2.0-or-later
Text Domain: beautiful-nails
*/
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Great+Vibes&family=Jost:wght@400;500;600&display=swap');
:root{--wine:#940033;--ink:#390d1d;--pink:#fff3f6;--gold:#c29449}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--pink);color:var(--ink);font-family:Jost,Arial,sans-serif;font-size:16px}a{color:var(--wine);text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:5px}header{min-height:94px;display:flex;align-items:center;gap:25px;padding:12px 5%;background:#ffedf2;border-bottom:1px solid #dbc49e}header .brand{color:var(--ink);white-space:nowrap;font-family:'Cormorant Garamond',Georgia,serif;font-size:42px}.brand span{font-family:'Great Vibes',cursive;color:var(--wine);font-size:58px;margin-right:8px}nav{margin-left:auto;display:flex;gap:34px}nav a{color:var(--ink);font-size:18px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 30px;background:var(--wine);color:white;border:1px solid var(--wine);border-radius:40px;font-size:17px;transition:background .2s}.button:hover{background:#6f0027;color:white}.outline{background:#fff4f3cf;border-color:var(--gold);color:var(--wine)}#language{background:transparent;border:1px solid #b46d84;border-radius:50%;height:40px;min-width:40px;color:var(--wine);font:inherit;cursor:pointer}.hero{height:415px;position:relative;overflow:hidden;background:#fce7ee}.hero-photo{position:absolute;inset:0;background-image:url('assets/reference.png');background-size:100% auto;background-position:center -6.18vw;background-repeat:no-repeat}.hero-copy{position:relative;width:49%;height:100%;text-align:center;padding:25px 10px;background:linear-gradient(90deg,#fff1f5e8,#fff1f5ef 88%,transparent)}h1{margin:0;font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;line-height:1.08}h1 em{display:block;font:76px/1.15 'Great Vibes',cursive;color:var(--wine)}h1 span{display:block;font-size:55px}.ornament{display:flex;align-items:center;gap:12px;color:var(--gold);font-size:38px;justify-content:center;margin:2px auto;max-width:300px}.ornament:before,.ornament:after{content:'';height:1px;background:var(--gold);flex:1}.hero-copy p{font:28px 'Cormorant Garamond',Georgia,serif;margin:6px 0 18px}.actions{display:flex;justify-content:center;gap:16px}.section{max-width:1430px;margin:auto;padding:22px 4.5%}.ruled{display:flex;align-items:center;gap:20px;justify-content:center;text-align:center;font:600 26px 'Cormorant Garamond',Georgia,serif;text-transform:uppercase;letter-spacing:5px;margin:0 0 22px}.ruled:before,.ruled:after{content:'';height:1px;background:var(--gold);flex:1}.service-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px}article{display:flex;gap:20px;align-items:center}article .photo{width:50%;flex-shrink:0;height:185px}h3{font:500 31px/1 'Cormorant Garamond',Georgia,serif;margin:0 0 10px;color:#650027}article p{line-height:1.4;margin:0 0 16px;color:#77505d}article a{display:inline-block;border-top:1px solid var(--gold);padding-top:12px}.photo{background-image:url('assets/reference.png');background-repeat:no-repeat;border-radius:7px;background-size:1536px 1024px}.manicure{background-position:-68px -571px}.pedicure{background-position:-551px -571px}.waxing{padding:24px;background:#f9e2e9;border:1px solid #e3c6bc;border-radius:7px}.service-label{display:block;color:#945b6b;font-size:14px;text-transform:uppercase;letter-spacing:2px;margin-bottom:12px}.gallery{padding-top:5px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery-grid .photo{height:178px}.gallery-one{background-position:-37px -821px}.gallery-two{background-position:-538px -821px}.gallery-three{background-position:-1014px -821px}.caption{text-align:center;color:#7d5763;font-size:14px;margin:14px 0 0}.welcome{margin-top:22px;display:grid;grid-template-columns:260px 1fr;gap:60px;align-items:center;padding-top:35px;padding-bottom:35px;border-top:1px solid #edd4dc}.welcome img{width:100%;height:auto;border-radius:8px}.welcome h2{font:500 40px 'Cormorant Garamond',serif;margin:0 0 12px}.welcome p{max-width:670px;line-height:1.7;color:#77505d}.contact{padding-top:35px;padding-bottom:55px}.contact-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px;padding-top:15px}.contact-grid>div+div{border-left:1px solid #e6c5cd;padding-left:35px}address{font-style:normal;line-height:1.7;margin-bottom:22px}.contact p{color:#77505d;line-height:1.6}.phone{font-size:25px}footer{text-align:center;background:#6f0027;color:#ffedf2;padding:30px}footer>span{font:40px 'Great Vibes',cursive}footer p{margin:8px 0 18px}footer small{font-size:14px}@media(min-width:1540px){.hero{height:470px}.hero-copy{padding-top:50px}}@media(max-width:1100px){header{gap:15px}.brand span{font-size:44px}header .brand{font-size:32px}nav{gap:20px}.header-call{padding:12px 20px}.hero-copy{width:53%}h1 em{font-size:60px}h1 span{font-size:44px}.hero{height:360px}.hero-photo{background-size:auto 870px;background-position:right -81px}.service-grid{gap:20px}article{display:block}article .photo{width:100%;height:185px;margin-bottom:18px}.gallery-grid .photo{background-size:1305px 870px}.gallery-one{background-position:-31px -698px}.gallery-two{background-position:-457px -698px}.gallery-three{background-position:-862px -698px}}@media(max-width:700px){html{scroll-padding-top:20px}header{flex-wrap:wrap;padding:10px 5%;gap:8px}.brand{flex:1}header .brand{font-size:27px}.brand span{font-size:39px}nav{order:4;width:100%;justify-content:center;border-top:1px solid #efd3dc;padding-top:10px;margin:4px 0 0;gap:34px}nav a{font-size:16px}.header-call{display:none}.hero{height:540px}.hero-photo{background-size:1000px auto;background-position:right -62px;height:270px}.hero-copy{top:245px;background:linear-gradient(#fff3f6e8,var(--pink) 18%);width:100%;height:295px;padding:20px 15px}h1 em{font-size:52px}h1 span{font-size:39px}.hero-copy p{font-size:25px;margin-bottom:16px}.ornament{font-size:28px}.button{font-size:16px;padding:12px 25px}.section{padding:22px 6%}.ruled{font-size:23px;letter-spacing:3px;gap:12px}.service-grid{grid-template-columns:1fr;gap:25px}article{display:flex;gap:20px}article .photo{width:44%;height:180px;margin:0}.service-grid h3{font-size:30px}.gallery-grid{grid-template-columns:1fr}.gallery-grid .photo{height:178px;background-size:1536px 1024px}.gallery-one{background-position:-37px -821px}.gallery-two{background-position:-538px -821px}.gallery-three{background-position:-1014px -821px}.welcome{grid-template-columns:1fr;gap:22px}.welcome img{width:210px;margin:auto}.welcome h2{font-size:36px}.contact-grid{grid-template-columns:1fr;gap:30px}.contact-grid>div+div{border-left:0;padding:25px 0 0;border-top:1px solid #e6c5cd}.contact{padding-bottom:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Keep reference typography outside the live banner image. */
.hero-photo{left:auto;right:0;width:51%;height:100%;background-size:1536px 1024px;background-position:right -95px}
.hero-copy{background:#fff1f5;width:49%}
.ruled{line-height:1.4;position:relative;gap:20px;letter-spacing:.14em;overflow-wrap:normal}
.ruled:before,.ruled:after{min-width:20px}
.draft-note{background:#f7e4e9;border-left:3px solid var(--gold);padding:15px 20px;margin-bottom:25px;font-size:15px;line-height:1.6}
.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.menu-category{display:block;background:#fffafb;border:1px solid #e7cbd3;padding:25px;border-radius:8px;min-width:0}
.menu-category h3{font-size:32px;line-height:1.2;padding-bottom:14px;border-bottom:1px solid var(--gold)}
.menu-category ul{list-style:none;padding:0;margin:0}.menu-category li{display:flex;justify-content:space-between;align-items:start;gap:18px;padding:18px 0;border-bottom:1px solid #f0dce3}.menu-category li:last-child{border-bottom:0;padding-bottom:0}
.menu-category h4{font:500 20px/1.4 Jost,Arial,sans-serif;margin:0 0 5px;color:var(--wine)}.menu-category p{font-size:15px;line-height:1.6;margin:0;color:#77505d}
.menu-price{flex-shrink:0;color:#805567;font-size:14px;line-height:1.6;padding-top:3px}
@media(max-width:1100px){.hero-photo{background-size:1536px 1024px;background-position:right -95px}.hero-copy{width:53%}.hero-photo{width:47%}}
@media(max-width:700px){.hero-photo{width:100%;height:245px;background-size:1100px auto;background-position:right -72px}.hero-copy{width:100%;background:#fff1f5}.menu-grid{grid-template-columns:1fr}.menu-category{padding:20px}.menu-category li{gap:12px}.menu-price{max-width:90px}.ruled{font-size:22px;letter-spacing:.08em;gap:12px}}

/* Full-width crossfading banner with a transparent text layer. */
.hero{height:460px;isolation:isolate}.hero-photo{inset:0;width:100%;height:100%;background:none}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.3s ease;filter:blur(1px)}.hero-slide.active{opacity:1}.hero-slide svg{display:block;width:100%;height:100%}.hero-copy{top:0;width:53%;height:100%;background:transparent;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:48px 20px;text-shadow:0 1px 6px #fff,0 0 24px #fff}.hero-copy h1,.hero-copy p{position:relative}.hero-copy h1{line-height:1.12}.hero-copy h1 em{font-size:70px}.hero-copy h1 span{font-size:52px}.actions{text-shadow:none}.slide-controls{position:absolute;right:25px;bottom:20px;display:flex;align-items:center;gap:12px;background:#fff2f5dd;border-radius:24px;padding:6px 12px;font-size:14px}.slide-pause{font:inherit;border:0;background:none;color:var(--wine);cursor:pointer;padding:6px}.service-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.service-tile{display:block;overflow:hidden;border:1px solid #e6c3cd;background:#fff8fa;border-radius:8px;transition:box-shadow .2s,transform .2s}.service-tile:hover{box-shadow:0 8px 25px #6f00271c;transform:translateY(-3px)}.service-tile>.photo{height:185px;border-radius:0}.tile-copy{padding:22px}.tile-copy h3{font-size:34px}.tile-copy p{margin:12px 0 18px;color:#77505d;line-height:1.5}.tile-copy>span{display:inline-block;border-top:1px solid var(--gold);padding-top:12px}.detail-main{min-height:70vh}.detail-main>.section{padding-top:40px;padding-bottom:60px}.detail-title{font:500 60px/1.2 'Cormorant Garamond',serif;margin:25px 0 8px}.detail-subtitle{font-size:21px;margin:0 0 25px}.back-home{display:inline-block;border-bottom:1px solid var(--gold);padding-bottom:5px}
@media(max-width:1100px){.hero-copy{width:58%;padding-top:55px}.hero-copy h1 em{font-size:58px}.hero-copy h1 span{font-size:43px}.service-tiles{gap:16px}.tile-copy{padding:18px}.tile-copy h3{font-size:30px}}
@media(max-width:700px){.hero{height:470px}.hero-photo{width:100%;height:100%}.hero-copy{top:0;width:100%;height:100%;padding:60px 16px;background:transparent;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.hero-copy h1 em{font-size:54px}.hero-copy h1 span{font-size:39px}.service-tiles{grid-template-columns:1fr}.service-tile{display:grid;grid-template-columns:42% 1fr}.service-tile>.photo{height:100%;min-height:190px}.tile-copy h3{font-size:29px}.detail-title{font-size:46px}.slide-controls{bottom:12px;right:12px}}
@media(prefers-reduced-motion:reduce){.hero-slide,.service-tile{transition:none}.service-tile:hover{transform:none}}

.tile-image{height:185px;overflow:hidden}.tile-image svg{width:100%;height:100%;display:block}@media(max-width:700px){.tile-image{height:100%;min-height:190px}}

/* Clear slideshow: no blur behind the copy or on images. */
.hero-copy{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;text-shadow:none!important}.hero-slide{filter:none!important}.menu-price small{display:block;font-size:12px;font-weight:400;margin-top:3px;color:#805567}

.social-section[hidden]{display:none}.social-section{padding-top:30px;padding-bottom:35px}.social-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}.social-buttons .button{min-width:160px}