/*
Theme Name: Elegance Salon Booking Pro
Theme URI: https://example.com/
Description: Premium salon website + multi-service cart + appointment scheduling + payment demo.
Version: 7.0
Author: Web Adzone
Text Domain: elegance-salon
*/
:root{--pink:#d43f7a;--pink2:#ef6d9d;--dark:#101116;--ink:#202126;--muted:#6d6e75;--soft:#fff4f8;--line:#ece7ea;--white:#fff;--green:#2e9b5f;--gold:#d8a12a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,92%);margin:auto}.topbar{background:#0d0e12;color:#fff;font-size:13px;padding:7px 0}.topbar .container{display:flex;justify-content:space-between;gap:20px}.site-header{background:#101116;color:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid #282a30}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{font-family:Georgia,serif;font-size:29px;color:#fff}.brand em{color:#ed5c96}.brand small{display:block;font:10px Arial;letter-spacing:4px;text-align:center;color:#eee;margin-top:-4px}.menu{display:flex;gap:25px;align-items:center}.menu a{font-size:14px;color:#fff}.menu a:hover{color:#ff79aa}.btn,.btn-outline{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:7px;padding:13px 22px;font-weight:700;cursor:pointer}.btn{background:linear-gradient(135deg,var(--pink),#ba2e64);color:#fff;box-shadow:0 10px 25px rgba(212,63,122,.22)}.btn-outline{background:transparent;border:1px solid #fff;color:#fff}.btn-light{background:#fff;color:var(--pink)}.hero{background:#0e0f13;min-height:570px;display:flex;align-items:center;color:#fff;overflow:hidden}.hero .container{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px}.hero-copy{padding:70px 0}.eyebrow{color:#ff75a6;text-transform:uppercase;letter-spacing:2px;font-weight:700;font-size:13px}.hero h1{font:52px Georgia,serif;margin:12px 0}.hero h1 em{color:#f45d99}.hero p{font-size:18px;line-height:1.7;color:#ddd;max-width:590px}.hero-actions{display:flex;gap:14px;margin-top:28px}.hero-media{height:570px;position:relative}.hero-media img{width:100%;height:100%;object-fit:cover}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0e0f13 0%,transparent 30%)}.trust{background:#fff;padding:22px 0;border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.trust-card{display:flex;gap:12px;align-items:center;justify-content:center;text-align:left}.trust-icon{width:42px;height:42px;border-radius:50%;background:#fff0f5;color:var(--pink);display:grid;place-items:center;font-size:20px}.section{padding:70px 0}.section-head{text-align:center;margin-bottom:38px}.section-head h2{font:38px Georgia,serif;margin:8px 0}.section-head p{color:var(--muted);max-width:680px;margin:auto;line-height:1.7}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.service-card{background:#fff;border:1px solid #eee;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.06);transition:.25s}.service-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(0,0,0,.1)}.service-img{height:185px;width:100%;object-fit:cover;background:#f8e4ec}.service-body{padding:18px}.duration{color:var(--pink);font-weight:700;font-size:13px}.service-body h3{margin:8px 0;font-size:19px}.service-body p{color:var(--muted);font-size:13px;min-height:40px}.service-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px}.price{font-size:18px;font-weight:800;color:#a20f4c}.mini-btn{background:#d83e79;color:#fff;border:0;padding:10px 13px;border-radius:7px;font-weight:700;cursor:pointer}.mini-btn.added{background:#222}.banner{background:#101116;color:#fff;border-radius:22px;padding:42px;display:flex;align-items:center;justify-content:space-between;gap:30px;overflow:hidden}.banner h3{font:32px Georgia,serif;margin:0 0 8px}.banner p{color:#ddd}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.about-photo{border-radius:20px;overflow:hidden;background:#f5e5eb}.about-copy h2{font:40px Georgia,serif}.about-copy p{color:#666;line-height:1.8}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.stat{background:var(--soft);padding:18px;border-radius:12px;text-align:center}.stat b{display:block;font-size:26px;color:var(--pink)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.contact-card{padding:30px;border:1px solid var(--line);border-radius:18px;background:#fff}.contact-item{display:flex;gap:15px;margin:20px 0}.contact-item .ico{width:44px;height:44px;background:#fff0f5;color:var(--pink);border-radius:50%;display:grid;place-items:center}.footer{background:#0f1014;color:#fff;padding:45px 0 25px;margin-top:60px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px}.footer p,.footer a{color:#bbb;line-height:1.8}.copyright{border-top:1px solid #292a2e;margin-top:30px;padding-top:20px;color:#999;font-size:13px}.booking-page{background:#faf8f9;padding:55px 0}.booking-layout{display:grid;grid-template-columns:1.5fr .55fr;gap:22px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px;box-shadow:0 8px 30px rgba(0,0,0,.04)}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:22px}.step{font-weight:700;color:#aaa;font-size:13px;text-align:center}.step.active{color:var(--pink)}.field{margin:15px 0}.field label{display:block;font-weight:700;font-size:13px;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;padding:13px;border:1px solid #ddd;border-radius:8px;font:inherit;background:#fff}.slot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.slot{padding:11px 6px;border:1px solid #d7ebd9;background:#f1fbf3;color:#217b40;border-radius:7px;text-align:center;cursor:pointer;font-size:13px}.slot.busy{background:#f2f2f2;border-color:#ddd;color:#999;cursor:not-allowed}.slot.selected{background:var(--pink);color:#fff;border-color:var(--pink)}.cart-box{border:1px solid var(--line);border-radius:12px;padding:15px;background:#fff}.cart-row{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #eee}.cart-row:last-child{border-bottom:0}.cart-row small{color:#777}.remove{border:0;background:none;color:#c21f5e;cursor:pointer}.summary-total{font-size:24px;font-weight:800;color:#a20f4c}.notice{padding:12px;border-radius:8px;background:#fff7e6;color:#8b5b00;margin-top:12px;font-size:13px}.success{background:#eaf8ef;color:#216d3d;padding:14px;border-radius:9px}.payment-box{background:#101116;color:#fff;border-radius:14px;padding:22px}.payment-option{display:flex;gap:12px;align-items:center;border:1px solid #34363c;border-radius:10px;padding:13px;margin:10px 0}.payment-option input{accent-color:#e05088}.checkout-grid{display:grid;grid-template-columns:1fr .65fr;gap:25px}.receipt{background:#fff;border:1px solid var(--line);border-radius:15px;padding:25px}.receipt h2{font:30px Georgia,serif}.admin-card{background:#fff;border:1px solid #ddd;border-radius:10px;padding:15px}.mobile-menu{display:none}
@media(max-width:950px){.menu{display:none}.mobile-menu{display:block}.hero .container,.about-grid,.contact-grid,.booking-layout,.checkout-grid{grid-template-columns:1fr}.hero-media{height:390px}.hero{min-height:auto}.hero-copy{padding:55px 0}.service-grid{grid-template-columns:repeat(2,1fr)}.trust-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.hero h1{font-size:39px}.service-grid{grid-template-columns:1fr}.trust-grid,.stats,.footer-grid{grid-template-columns:1fr}.slot-grid{grid-template-columns:repeat(2,1fr)}.topbar .container{display:block;text-align:center}.nav{height:68px}.brand{font-size:24px}.section{padding:50px 0}}
.hero-copy{position:relative;min-height:320px}.hero-slide{display:none}.hero-slide.active{display:block;animation:fadeSlide .5s ease}.slider-dots{display:flex;gap:8px;margin-top:22px}.dot{width:9px;height:9px;border-radius:50%;border:0;background:#777;cursor:pointer;padding:0}.dot.active{background:#f15d98;width:26px;border-radius:8px}.hero-overlay-card{position:absolute;left:30px;bottom:30px;background:rgba(16,17,22,.85);border:1px solid rgba(255,255,255,.2);padding:13px 18px;border-radius:10px;display:flex;gap:15px;align-items:center}.hero-overlay-card b{color:#fff}.hero-overlay-card span{color:#ff9dc1;font-size:12px}@keyframes fadeSlide{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.summary-row{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #eee}.summary-row:last-child{border-bottom:0}
/* V5 visual refresh: no green hover, no screenshot/template reuse */
:root{--pink:#c93672;--pink2:#ee77a6;--soft:#fff0f6}
button:hover,.btn:hover,.mini-btn:hover,.menu a:hover{background-color:#b72b63;color:#fff;border-color:#b72b63}
.slot{background:#fff1f6;border-color:#efb4cc;color:#a21e52}.slot:hover{background:#d43f7a!important;border-color:#d43f7a!important;color:#fff!important}.slot.selected{background:#c93672;color:#fff}.slot.busy{background:#f4f4f4;color:#aaa;border-color:#ddd}.mini-btn{transition:.2s}.mini-btn:hover{background:#b72b63}.hero-v5{background:#0c0d11;color:#fff;overflow:hidden;padding:0}.hero-v5-grid{display:grid;grid-template-columns:1.05fr .95fr;min-height:650px;align-items:center;gap:35px}.hero-v5-copy{padding:75px 0}.hero-v5-copy h1{font:clamp(42px,5vw,72px) Georgia,serif;line-height:1.02;margin:16px 0}.hero-v5-copy h1 em{color:#f15d98}.hero-v5-copy p{font-size:18px;line-height:1.8;color:#ddd;max-width:640px}.hero-v5 .hero-slide{display:none}.hero-v5 .hero-slide.active{display:block}.hero-v5-art{height:650px;display:flex;align-items:center;justify-content:center}.hero-art-frame{position:relative;width:min(560px,100%);height:570px;border-radius:34px;overflow:hidden;border:1px solid #3a2530;box-shadow:0 30px 70px rgba(0,0,0,.35)}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:.45s}.hero-art.active{opacity:1}.art-badge{position:absolute;left:25px;bottom:25px;background:rgba(14,14,18,.88);padding:15px 18px;border:1px solid rgba(255,255,255,.2);border-radius:12px}.art-badge strong{display:block;font:23px Georgia,serif}.art-badge small{color:#ffb2cd}.hero-meta{display:flex;gap:28px;margin-top:34px;flex-wrap:wrap}.hero-meta span{color:#cfcfd3;font-size:13px}.hero-meta b{display:block;color:#fff;font-size:17px;margin-bottom:4px}.trust-v5{background:#fff;padding:0;border-bottom:1px solid #eee}.trust-v5-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-v5-grid>div{padding:25px 18px;border-right:1px solid #eee}.trust-v5-grid>div:last-child{border-right:0}.trust-v5-grid b{display:block;color:#202126}.trust-v5-grid span{display:block;color:#777;font-size:13px;margin-top:5px}.feature-v5-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.feature-card{border-radius:22px;padding:42px}.feature-card h2{font:36px Georgia,serif;margin:10px 0}.feature-card p{line-height:1.8;color:#666}.feature-card.dark{background:#101116;color:#fff}.feature-card.dark p{color:#d2d2d2}.feature-card.soft{background:#fff0f6}.feature-card.soft p{color:#6b5961}.about-photo img{width:100%;height:520px;object-fit:cover}.service-img{object-fit:cover}.footer a:hover{color:#ff79aa;background:transparent}.mobile-menu:hover{background:transparent!important}
@media(max-width:950px){.hero-v5-grid,.feature-v5-grid{grid-template-columns:1fr}.hero-v5-art{height:auto;padding:0 0 45px}.hero-art-frame{height:430px}.trust-v5-grid{grid-template-columns:repeat(2,1fr)}.trust-v5-grid>div:nth-child(2){border-right:0}.trust-v5-grid>div:nth-child(-n+2){border-bottom:1px solid #eee}}
@media(max-width:600px){.hero-v5-copy{padding:55px 0}.hero-v5-copy h1{font-size:42px}.trust-v5-grid{grid-template-columns:1fr}.trust-v5-grid>div{border-right:0;border-bottom:1px solid #eee}.hero-art-frame{height:360px}.feature-card{padding:28px}}

/* V6 interaction and persistent cart */
:root{--pink:#c93672;--pink2:#ee77a6;--pink-dark:#a51f56;--green:#c93672}
a:hover,a:focus,a:focus-visible{color:var(--pink)!important;text-decoration:none!important}
.menu a:not(.btn):hover,.menu a:not(.btn):focus,.menu a:not(.btn):focus-visible{background:transparent!important;color:#ff79aa!important;box-shadow:none!important}
button:hover,button:focus,button:focus-visible,.btn:hover,.btn:focus,.btn:focus-visible,.mini-btn:hover,.mini-btn:focus,.mini-btn:focus-visible{background:var(--pink-dark)!important;color:#fff!important;border-color:var(--pink-dark)!important;outline:none!important;box-shadow:0 8px 22px rgba(201,54,114,.24)!important}
.btn-outline:hover,.btn-outline:focus,.btn-outline:focus-visible{background:var(--pink)!important;border-color:var(--pink)!important;color:#fff!important}
.mobile-menu:hover,.mobile-menu:focus{background:transparent!important;color:#ff79aa!important}
.service-card:hover{border-color:#efb4cc}.service-img{background:linear-gradient(135deg,#fff0f6,#f9d7e5);display:block;min-height:185px}
.cart-dock{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:9998;width:min(760px,92%);background:#101116;color:#fff;border:1px solid #3b2630;border-radius:16px;padding:13px 16px;box-shadow:0 20px 60px rgba(0,0,0,.3);display:none;align-items:center;gap:15px}.cart-dock.show{display:flex}.cart-dock-info{flex:1}.cart-dock-info strong{display:block}.cart-dock-info span{display:block;color:#d8d8dc;font-size:12px;margin-top:3px}.cart-dock .cart-count{display:inline-grid;place-items:center;min-width:25px;height:25px;padding:0 7px;border-radius:99px;background:var(--pink);margin-right:6px}.cart-dock .continue{white-space:nowrap}.cart-dock .clear-cart{background:transparent;border:1px solid #555;color:#fff;padding:10px 12px;border-radius:8px}.service-page-actions{display:flex;justify-content:center;gap:12px;margin-top:30px;flex-wrap:wrap}
@media(max-width:600px){.cart-dock{bottom:10px;padding:11px}.cart-dock .clear-cart{display:none}.cart-dock .continue{padding:11px 14px}}

/* V7: force a consistent, separate site header on every page */
.topbar{display:block!important;position:relative!important;z-index:100!important;background:#0d0e12!important;color:#fff!important}
.elegance-site-header,.site-header{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;top:auto!important;z-index:99!important;background:#101116!important;color:#fff!important;width:100%!important}
body.home .elegance-site-header,body.front-page .elegance-site-header{display:block!important;visibility:visible!important;opacity:1!important}
.elegance-site-header .nav{display:flex!important;visibility:visible!important;min-height:76px!important;height:76px!important}
.elegance-site-header .menu{display:flex!important;visibility:visible!important;align-items:center!important;gap:25px!important}
.elegance-site-header .menu a{display:inline-flex!important;align-items:center!important;color:#fff!important;background:transparent!important}
.elegance-site-header .menu a:hover,.elegance-site-header .menu a:focus,.elegance-site-header .menu a.is-active{color:#ff79aa!important;background:transparent!important;box-shadow:none!important}
.elegance-site-header .menu a.is-active:not(.btn)::after{content:"";height:2px;background:#d43f7a;position:absolute;left:0;right:0;bottom:-10px;border-radius:10px}
.elegance-site-header .menu a:not(.btn){position:relative}
.elegance-site-header .menu .nav-book,.elegance-site-header .menu .nav-book:hover,.elegance-site-header .menu .nav-book:focus{background:linear-gradient(135deg,#d43f7a,#ba2e64)!important;color:#fff!important;border-radius:7px!important;box-shadow:0 10px 25px rgba(212,63,122,.22)!important}
.elegance-site-header .brand,.elegance-site-header .brand:hover{color:#fff!important;background:transparent!important}
@media(max-width:950px){.elegance-site-header .menu{display:none!important}.elegance-site-header .mobile-menu{display:block!important;color:#fff!important;background:transparent!important}}