/* =====================================================================
   GOLD GLASS — sistemul vizual Allbeauté (programare + admin + blocul de programare de pe index)
   Text predominant negru cu contur auriu · chenare aurii metalice (gradientul brandului)
   · sticlă deschisă (frosted) pentru carduri · sticlă neagră lichidă pentru selecție și butoane.
   Gradient brand: #5E3801 → #A06D03 → #C79007 → #CEB03F → #C79007 → #845602 → #5E3801
   ===================================================================== */
:root{
  --gold-grad:   linear-gradient(135deg, #5E3801 0%, #A06D03 17%, #C79007 34%, #CEB03F 50%, #C79007 66%, #845602 83%, #5E3801 100%);
  --gold-grad-h: linear-gradient(90deg,  #5E3801 0%, #A06D03 17%, #C79007 34%, #CEB03F 50%, #C79007 66%, #845602 83%, #5E3801 100%);
  --gold-text:   linear-gradient(180deg, #CEB03F 0%, #C79007 45%, #A06D03 75%, #845602 100%);
  --noir:        #0f0c0a;
  --glass-light: linear-gradient(155deg, rgba(255,255,255,.86) 0%, rgba(255,255,255,.58) 100%);
  --glass-dark:  linear-gradient(180deg, #2b2520 0%, #15110e 48%, #060504 100%);
  --ring: 1.2px;
  --shadow-soft: 0 1px 0 rgba(255,255,255,.9) inset, 0 12px 30px -14px rgba(60,40,10,.28), 0 2px 6px -2px rgba(60,40,10,.12);
  --shadow-noir: 0 1px 0 rgba(255,255,255,.16) inset, 0 -10px 18px rgba(0,0,0,.45) inset, 0 16px 34px -12px rgba(94,56,1,.55), 0 3px 8px rgba(0,0,0,.25);
  --script: "Allison", "Great Vibes", cursive;
}

.bk-page{ background:#f4efe8 url('../assets/img/marble.jpg') center top / 1800px auto fixed; }

/* ---------- inel auriu (gradient) + reflexie de sticlă ---------- */
.g-ring, .bk-service, .bk-person, .bk-date, .bk-slot, .bk-summary, .bk-tab, .bk-steps li, .bk-box,
.bk-demo, .bk-cathead, .ad-stat, .ad-board, .bk-hero__arch, .btn, .ad-btn, .book-cat{
  position:relative; isolation:isolate;
}
.g-ring::before, .bk-service::before, .bk-person::before, .bk-date::before, .bk-slot::before, .bk-summary::before,
.bk-tab::before, .bk-steps li::before, .bk-box::before, .bk-demo::before, .bk-cathead::before, .ad-stat::before,
.ad-board::before, .bk-hero__arch::before, .btn::before, .ad-btn::before, .book-cat::before{
  content:""; position:absolute; inset:0; border-radius:inherit; padding:var(--ring); z-index:2; pointer-events:none;
  background:var(--gold-grad);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor;
          mask:linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
  opacity:.75; transition:opacity .3s; transform:none;
}
.bk-service::after, .bk-person::after, .bk-date::after, .bk-slot::after, .bk-tab::after, .bk-box::after,
.bk-summary::after, .bk-cathead::after, .btn::after, .ad-btn::after, .book-cat::after{
  content:""; position:absolute; left:1px; right:1px; top:1px; height:46%; z-index:1; pointer-events:none;
  border-radius:inherit; border-bottom-left-radius:40% 18%; border-bottom-right-radius:40% 18%;
  background:linear-gradient(180deg, rgba(255,255,255,.6), rgba(255,255,255,0)); opacity:.55;
}

/* ---------- sticlă deschisă ---------- */
.bk-service, .bk-person, .bk-date, .bk-slot, .bk-summary, .bk-tab, .bk-steps li, .bk-box, .bk-demo, .ad-stat, .ad-board, .book-cat{
  background:var(--glass-light); border:0; box-shadow:var(--shadow-soft); color:var(--noir);
  -webkit-backdrop-filter:blur(14px) saturate(130%); backdrop-filter:blur(14px) saturate(130%);
}
.bk-service:hover::before, .bk-person:hover::before, .bk-date:hover:not(:disabled)::before, .bk-slot:hover::before,
.bk-tab:hover::before, .book-cat:hover::before{ opacity:1; }
.bk-person:hover, .bk-slot:hover, .bk-date:hover:not(:disabled), .book-cat:hover{
  box-shadow:var(--shadow-soft), 0 0 0 4px rgba(206,176,63,.12);
}

/* ---------- sticlă neagră lichidă (selecție) ---------- */
.bk-service.is-on, .bk-person.is-on, .bk-date.is-on, .bk-slot.is-on, .bk-tab.is-on, .bk-steps li.is-current{
  background:var(--glass-dark); color:#f6efe3; box-shadow:var(--shadow-noir);
}
.bk-service.is-on::before, .bk-person.is-on::before, .bk-date.is-on::before, .bk-slot.is-on::before,
.bk-tab.is-on::before, .bk-steps li.is-current::before{ opacity:1; padding:1.6px; }
.bk-service.is-on::after, .bk-person.is-on::after, .bk-date.is-on::after, .bk-slot.is-on::after,
.bk-tab.is-on::after{ background:linear-gradient(180deg, rgba(255,255,255,.2), rgba(255,255,255,0)); opacity:1; }

/* ---------- text: negru cu contur auriu; accente aurii ---------- */
.bk-step__h, .bk-hero__h, .ad-login__card h1, .bk-summary__total strong, .book-entry .display, .book-cat__name{
  color:var(--noir); -webkit-text-stroke:.45px #A06D03; paint-order:stroke fill;
  text-shadow:0 1px 0 rgba(206,176,63,.35);
}
.bk-step__h em, .bk-hero__h em, .book-entry .display em, .gold-text,
.bk-service.is-on .bk-service__price, .bk-date.is-on .bk-date__num, .bk-person.is-on .bk-person__name{
  background:var(--gold-text); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-stroke:0; text-shadow:none;
}
.bk-page .eyebrow, .book-entry .eyebrow{ color:#845602; }
.bk-group, .bk-box__title{ background:var(--gold-grad-h); -webkit-background-clip:text; background-clip:text; color:transparent; }

/* ---------- butoane: sticlă neagră cu inel auriu ---------- */
.btn, .ad-btn--gold{
  background:var(--glass-dark); color:#f3e3b5; border:0; box-shadow:var(--shadow-noir);
  transition:transform .2s, box-shadow .3s, color .3s;
}
.btn::before{ opacity:1; padding:1.4px; }
.btn::after{ background:linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,0)); opacity:1; }
.btn:hover, .ad-btn--gold:hover{ background:var(--glass-dark); color:#fff; transform:translateY(-1px); box-shadow:var(--shadow-noir), 0 0 26px -4px rgba(206,176,63,.65); }
.ad-btn{ border:0; background:var(--glass-light); box-shadow:var(--shadow-soft); color:var(--noir); }
.ad-btn::before{ padding:1.1px; }
.ad-btn::after{ opacity:.4; }

/* ---------- nav ---------- */
.bk-nav{ background:rgba(250,247,242,.8); border-bottom:0; box-shadow:0 1px 0 rgba(160,109,3,.35); }
.bk-nav__brand{ display:flex; align-items:center; gap:12px; }
.bk-nav__brand img{ width:42px; height:42px; border-radius:50%; box-shadow:0 0 0 1px rgba(199,144,7,.7), 0 4px 12px rgba(94,56,1,.25); }
.bk-nav__phone{ border:0; background:var(--glass-dark); color:#f3e3b5; box-shadow:var(--shadow-noir); }
.bk-nav__phone:hover{ background:var(--glass-dark); border:0; color:#fff; }

/* ---------- hero deschis (marmură) ---------- */
.bk-hero{ height:auto; background:transparent; color:var(--noir); overflow:visible; }
.bk-hero::after{ display:none; }
.bk-hero__inner{ display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:40px; padding:7vh var(--gutter) 2vh; height:auto; }
.bk-hero__text{ display:flex; flex-direction:column; gap:16px; }
.bk-hero__logo{ width:92px; height:92px; border-radius:50%; box-shadow:0 0 0 1.5px rgba(199,144,7,.8), 0 14px 30px -10px rgba(94,56,1,.45); margin-bottom:6px; }
.bk-hero__script{ font:400 clamp(40px, 4vw, 58px)/.8 var(--script); background:var(--gold-text); -webkit-background-clip:text; background-clip:text; color:transparent; padding-top:6px; }
.bk-hero__sub{ color:var(--ink-2); opacity:1; }
.bk-hero__arch{ width:min(24vw, 280px); aspect-ratio:3/3.8; border-radius:999px 999px 18px 18px; overflow:hidden; box-shadow:0 30px 60px -24px rgba(60,40,10,.5); }
.bk-hero__arch::before{ padding:2px; opacity:1; }
.bk-hero__arch img{ width:100%; height:100%; object-fit:cover; }
@media (max-width:760px){ .bk-hero__inner{ grid-template-columns:1fr; padding-top:5vh; } .bk-hero__arch{ display:none; } .bk-hero__logo{ width:72px; height:72px; } }

.bk-demo{ color:#5c4413; border-radius:14px; }

/* ---------- pași ---------- */
.bk-steps li{ color:var(--ink-2); }
.bk-steps li span{ background:transparent; color:var(--noir); box-shadow:inset 0 0 0 1px rgba(160,109,3,.6); position:relative; z-index:3; }
.bk-steps li.is-current span, .bk-steps li.is-done span{ background:var(--gold-grad); color:#fff; box-shadow:none; }

/* ---------- tab-uri categorii ---------- */
.bk-tab{ padding:13px 22px; color:var(--noir); font-weight:600; letter-spacing:.12em; text-transform:uppercase; font-size:10.5px; }
.bk-tab.is-on{ color:#f3e3b5; }

/* ---------- antet de categorie (ca afișele de prețuri) ---------- */
.bk-cathead{
  display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:24px; padding:24px 28px; margin:6px 0 22px;
  border-radius:22px; background:var(--glass-dark); color:#f6efe3; box-shadow:var(--shadow-noir);
}
.bk-cathead::before{ opacity:1; padding:1.6px; }
.bk-cathead::after{ background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,0)); opacity:1; }
.bk-cathead > *{ position:relative; z-index:3; }
.bk-cathead__logo{ width:72px; height:72px; border-radius:50%; box-shadow:0 0 0 1.5px #C79007, 0 8px 20px rgba(0,0,0,.4); }
.bk-cathead__txt{ display:flex; flex-direction:column; gap:4px; min-width:0; }
.bk-cathead__script{ font:400 clamp(44px, 4.6vw, 66px)/.85 var(--script); background:var(--gold-text); -webkit-background-clip:text; background-clip:text; color:transparent; padding:8px 0 2px; }
.bk-cathead__tag{ font:500 10.5px/1.5 var(--sans); letter-spacing:.34em; text-transform:uppercase; color:#e9dcc0; }
.bk-cathead__meta{ text-align:right; font:500 10px/1.8 var(--sans); letter-spacing:.2em; text-transform:uppercase; color:#bfae8f; }
.bk-cathead__meta b{ display:block; font:400 26px/1 var(--serif); letter-spacing:0; text-transform:none; background:var(--gold-text); -webkit-background-clip:text; background-clip:text; color:transparent; }
@media (max-width:640px){ .bk-cathead{ grid-template-columns:auto 1fr; padding:20px; gap:14px; } .bk-cathead__meta{ grid-column:1 / -1; text-align:left; } .bk-cathead__logo{ width:52px; height:52px; } }

.bk-search input{ border:1px solid transparent; background:linear-gradient(#fffdf9, #fffdf9) padding-box, var(--gold-grad) border-box; box-shadow:var(--shadow-soft); }
.bk-search input:focus{ box-shadow:0 0 0 4px rgba(206,176,63,.18); }

/* ---------- casete de grup (ca „MANICHIURĂ” / „MICROPIGMENTARE” de pe afiș) ---------- */
.bk-box{ border-radius:20px; padding:20px 18px 10px; margin-bottom:18px; }
.bk-box__head{ display:flex; align-items:center; gap:14px; margin:0 6px 10px; position:relative; z-index:3; }
.bk-box__title{ font:500 clamp(17px, 1.7vw, 22px)/1.2 var(--serif); letter-spacing:.26em; text-transform:uppercase; white-space:nowrap; }
.bk-box__line{ flex:1; height:1px; background:linear-gradient(90deg, rgba(160,109,3,.6), rgba(160,109,3,0)); }
.bk-lotus{ width:26px; height:16px; flex:none; color:#A06D03; }
.bk-box .bk-service{ box-shadow:none; background:transparent; -webkit-backdrop-filter:none; backdrop-filter:none; margin:0; border-radius:14px; padding:14px 12px; }
.bk-box .bk-service::before{ opacity:0; }
.bk-box .bk-service::after{ display:none; }
.bk-box .bk-service + .bk-service{ box-shadow:0 -1px 0 rgba(160,109,3,.18); }
.bk-box .bk-service:hover{ background:rgba(255,255,255,.75); }
.bk-box .bk-service.is-on{ background:var(--glass-dark); box-shadow:var(--shadow-noir); }
.bk-box .bk-service.is-on::before{ opacity:1; }
.bk-service{ grid-template-columns:1fr auto auto 24px; position:relative; z-index:3; }
.bk-service > *{ position:relative; z-index:3; }
.bk-service__name{ font:500 19px/1.25 var(--serif); color:inherit; }
.bk-service__desc{ color:#8a7458; }
.bk-service.is-on .bk-service__desc{ color:#cdb98f; }
.bk-service__dur{ display:inline-flex; align-items:center; gap:6px; margin:0; color:#6b5a45; font-size:11px; white-space:nowrap; }
.bk-service__dur svg{ width:13px; height:13px; }
.bk-service.is-on .bk-service__dur{ color:#e9dcc0; }
.bk-service__price{ font:500 21px/1 var(--serif); padding-left:16px; box-shadow:-1px 0 0 rgba(160,109,3,.35); min-width:96px; text-align:right; }
.bk-service__pick{ border:0; box-shadow:inset 0 0 0 1.2px #C79007; }
.bk-service.is-on .bk-service__pick{ background:var(--gold-grad); box-shadow:none; }
@media (max-width:600px){
  .bk-service{ grid-template-columns:1fr auto 22px; gap:6px 10px; }
  .bk-service__dur{ grid-column:1; grid-row:2; }
  .bk-service__price{ grid-row:1 / 3; grid-column:2; box-shadow:none; padding:0; min-width:0; font-size:18px; }
  .bk-service__pick{ grid-row:1 / 3; grid-column:3; }
  .bk-box{ padding:16px 8px 6px; }
  .bk-box__title{ letter-spacing:.16em; }
}

/* ---------- specialiști ---------- */
.bk-person > *{ position:relative; z-index:3; }
.bk-person__avatar{
  background:#fff url('../assets/img/marble.jpg') center/420px; border:0;
  box-shadow:0 0 0 1.5px #C79007, 0 8px 18px -6px rgba(94,56,1,.45);
}
.bk-person__avatar b{ background:var(--gold-text); -webkit-background-clip:text; background-clip:text; color:transparent; font:600 24px/1 var(--serif); }
.bk-person__avatar--any{ background:#fff url('../assets/img/logo-ab.webp') center/cover; }
.bk-person__title{ color:#8a7458; }
.bk-person.is-on .bk-person__title{ color:#cdb98f; }

/* ---------- date & ore ---------- */
.bk-date{ border-radius:16px; }
.bk-date > *, .bk-slot, .bk-tab{ position:relative; z-index:3; }
.bk-date:disabled{ background:transparent; box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none; }
.bk-date:disabled::before{ opacity:.2; }
.bk-date:disabled::after{ display:none; }
.bk-dayname{ color:#6b5a45; }
.bk-slot{ border-radius:999px; font-weight:600; }
.bk-dates__arrow{ border:0; background:var(--glass-light); box-shadow:var(--shadow-soft), inset 0 0 0 1px rgba(160,109,3,.5); }

/* ---------- formular ---------- */
.bk-form input:not([type=checkbox]), .bk-form textarea{
  border:1px solid transparent; background:linear-gradient(#fffdf9, #fffdf9) padding-box, var(--gold-grad) border-box; box-shadow:var(--shadow-soft);
}
.bk-form input:focus, .bk-form textarea:focus{ box-shadow:0 0 0 4px rgba(206,176,63,.2); }
.bk-form label{ color:#6b5a45; }

/* ---------- sumar ---------- */
.bk-summary{ border-radius:24px; }
.bk-summary > *{ position:relative; z-index:3; }
.bk-summary dt{ color:#8a7458; }
.bk-summary__total{ border-top-color:rgba(160,109,3,.3); }
.bk-summary__total strong{ font-size:32px; }

/* ---------- confirmare ---------- */
.bk-done__mark{ background:var(--gold-grad); box-shadow:0 14px 30px -10px rgba(94,56,1,.6), inset 0 1px 0 rgba(255,255,255,.4); }

/* ---------- footer ---------- */
.bk-footer{ background:var(--glass-dark); box-shadow:0 -1px 0 #A06D03; }

/* ---------- admin ---------- */
.ad-login{ background:#0b0907 url('../assets/img/marble.jpg') center/cover; background-blend-mode:multiply; }
.ad-login__card{ background:var(--glass-light); position:relative; isolation:isolate; box-shadow:0 30px 80px rgba(0,0,0,.45); }
.ad-login__card::before{
  content:""; position:absolute; inset:0; border-radius:inherit; padding:1.6px; background:var(--gold-grad); pointer-events:none;
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor;
          mask:linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
}
.ad-login__logo{ width:84px; height:84px; border-radius:50%; justify-self:center; box-shadow:0 0 0 1.5px #C79007; }
.ad-top{ background:rgba(250,247,242,.85); border-bottom:0; box-shadow:0 1px 0 rgba(160,109,3,.35); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); }
.ad-stat{ border-radius:16px; }
.ad-stat > *{ position:relative; z-index:3; }
.ad-stat b{ color:var(--noir); -webkit-text-stroke:.35px #A06D03; }
.ad-board{ border-radius:18px; overflow:auto; }
.ad-board::before{ z-index:6; }
.ad-appt{ background:linear-gradient(180deg, #fffaf0, #f7ecd6); border-left:3px solid #C79007; box-shadow:0 4px 12px -6px rgba(94,56,1,.35); }
.ad-drawer__panel{ background:#faf6f0 url('../assets/img/marble.jpg') center/1200px; box-shadow:-1px 0 0 #A06D03; }

/* ---------- blocul de programare de pe pagina principală ---------- */
.book-entry{ background:#f4efe8 url('../assets/img/marble.jpg') center / 1800px auto; }
.book-entry__brand{ width:84px; height:84px; border-radius:50%; box-shadow:0 0 0 1.5px rgba(199,144,7,.8), 0 14px 30px -10px rgba(94,56,1,.45); }
.book-cats{ border-top:0; gap:16px; }
.book-cat{ border-radius:22px; border-right:0 !important; border-bottom:0 !important; padding:26px 22px 28px; min-height:320px; transition:transform .5s var(--ease), box-shadow .5s; }
.book-cat:hover{ transform:translateY(-4px); background:var(--glass-dark); color:#f6efe3; box-shadow:var(--shadow-noir); }
.book-cat:hover .book-cat__name{ color:#f6efe3; -webkit-text-stroke:0; text-shadow:none; }
.book-cat:hover .book-cat__sub, .book-cat:hover .book-cat__meta{ color:#cdb98f; }
.book-cat > *{ position:relative; z-index:3; }
.book-cat__n{ background:var(--gold-grad-h); -webkit-background-clip:text; background-clip:text; color:transparent; font-weight:600; }
.book-cat__script{ font:400 34px/.9 var(--script); background:var(--gold-text); -webkit-background-clip:text; background-clip:text; color:transparent; margin-top:auto; padding-top:8px; }
.book-cat__name{ margin-top:0; }
.book-cat__go{ border-bottom-color:#C79007; }
.book-entry__phone{ border-bottom-color:#C79007; }

/* coloana principală trebuie să se poată micșora (tab-urile au scroll orizontal propriu) */
.bk__main{ min-width:0; }