/*
 * Va.Beau.Cosmetics – kräftige feminine Markenebene v1.2.4
 * ---------------------------------------------------------
 * Diese Datei überschreibt ausschließlich zentrale Designwerte und
 * Markenakzente. Funktionale Layoutregeln bleiben in site.css,
 * die Pearl-&-Glass-Basis bleibt in theme-pearl-glass.css.
 */
:root{
  --rose:#c45f86;
  --rose-dark:#a8446b;
  --rose-deep:#7d2f4e;
  --rose-light:#f7dce6;
  --rose-mist:#edbfd0;
  --taupe:#402b33;
  --taupe-soft:#70545f;
  --cream:#fff8f7;
  --ivory:#f7e9e2;
  --sage:#cce1d6;
  --sage-dark:#3f705c;
  --champagne:#efd0bd;
  --line:rgba(111,48,72,.18);
  --shadow-sm:0 15px 38px rgba(102,42,65,.11);
  --shadow-md:0 26px 62px rgba(102,42,65,.16);
  --shadow-lg:0 40px 92px rgba(102,42,65,.21);
}

html{background:var(--cream)}
body{
  color:var(--taupe);
  background:
    radial-gradient(circle at 92% 7%,rgba(229,136,168,.26),transparent 27rem),
    radial-gradient(circle at 6% 48%,rgba(119,174,151,.18),transparent 31rem),
    radial-gradient(circle at 70% 84%,rgba(239,178,145,.16),transparent 28rem),
    linear-gradient(180deg,#fff9f8 0%,#fff5f5 48%,#fdf1ef 100%);
}
::selection{background:rgba(196,95,134,.32);color:#351f28}
.section-soft{
  border-block-color:rgba(168,68,107,.12);
  background:
    radial-gradient(circle at 11% 22%,rgba(255,255,255,.96),transparent 23rem),
    radial-gradient(circle at 88% 68%,rgba(113,171,147,.24),transparent 28rem),
    linear-gradient(145deg,rgba(247,220,230,.82),rgba(255,248,247,.82));
}
.section-kicker,.eyebrow{color:var(--rose-deep)}
.section-title,.page-hero h1,.hero h1{color:#402630}
.section-lead,.page-hero p,.hero-copy>p:not(.eyebrow){color:#6d4f5a}

.site-header{background:rgba(255,248,247,.82);border-bottom-color:rgba(168,68,107,.1)}
.site-header.is-scrolled{border-color:rgba(168,68,107,.18);background:rgba(255,248,247,.94);box-shadow:0 14px 38px rgba(102,42,65,.12)}
.brand-logo-shell{border-color:rgba(168,68,107,.25);background:linear-gradient(145deg,#fff,rgba(247,220,230,.9));box-shadow:inset 0 1px 0 #fff,inset -8px -9px 20px rgba(196,95,134,.18),0 12px 28px rgba(102,42,65,.14)}
.brand-copy strong{color:#402630}
.brand-copy small{color:var(--rose-dark)}
.main-nav>a:not(.button){color:#55333f;font-weight:700}
.main-nav>a:not(.button):hover{color:var(--rose-deep)}

.button{background:linear-gradient(145deg,#653646,#3f2530);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 16px 30px rgba(83,31,51,.22)}
.button:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 22px 38px rgba(83,31,51,.28)}
.button-rose{background:linear-gradient(145deg,#d16f96,#9f3d63);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 16px 34px rgba(159,61,99,.28)}
.button-light{border-color:rgba(168,68,107,.2);background:rgba(255,255,255,.82);color:#50313d}
.button-light:hover{background:#fff;border-color:rgba(168,68,107,.34)}

.hero{
  background:
    radial-gradient(circle at 82% 14%,rgba(230,139,170,.3),transparent 27rem),
    radial-gradient(circle at 58% 89%,rgba(99,158,134,.2),transparent 25rem),
    linear-gradient(180deg,#fff9f8,#fff5f4);
}
.hero::after{background:radial-gradient(circle at 35% 35%,#fff,rgba(218,112,148,.44) 42%,rgba(218,112,148,0) 72%)}
.hero-note{border-color:rgba(168,68,107,.16);background:rgba(255,255,255,.7)}

.intro-panel,.feature-card,.service-card,.contact-panel,.booking-card,.summary-card,.legal-content,.region-card,.detail-fact{
  border-color:rgba(168,68,107,.16);
  background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(250,226,234,.64));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),var(--shadow-sm);
}
.service-card:hover,.region-card:hover{border-color:rgba(168,68,107,.42);box-shadow:var(--shadow-md)}
.feature-card::after,.region-card::after{background:linear-gradient(145deg,rgba(237,191,208,.95),rgba(196,95,134,.42))}
.feature-icon,.service-index,.service-number{color:var(--rose-deep)}

.page-hero{
  background:
    radial-gradient(circle at 86% 22%,rgba(201,93,132,.3),transparent 22rem),
    radial-gradient(circle at 66% 72%,rgba(86,149,123,.13),transparent 24rem),
    linear-gradient(180deg,#fff8f7,#fff6f4);
}
.page-hero::before{border-color:rgba(168,68,107,.22);background:linear-gradient(145deg,rgba(255,255,255,.55),rgba(237,191,208,.34))}
.page-hero::after{background:radial-gradient(circle at 36% 30%,#fff,rgba(199,91,130,.52) 38%,rgba(199,91,130,0) 72%)}
.detail-fact small{color:#76525f}
.detail-fact strong{color:#492c37}

.contact-panel{background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(247,217,228,.72))}
.contact-details a,.contact-details span{border:1px solid rgba(168,68,107,.13);background:rgba(255,255,255,.78)}
.contact-details a:hover{border-color:rgba(168,68,107,.34);background:#fff}
.contact-form-shell{border-color:rgba(168,68,107,.2);background:rgba(255,255,255,.82);box-shadow:inset 0 1px 0 #fff,0 18px 42px rgba(102,42,65,.13)}

.booking-step-number{background:linear-gradient(145deg,#d16f96,#9f3d63);color:#fff;box-shadow:0 9px 22px rgba(159,61,99,.24)}
.slot-button,.service-option{border-color:rgba(168,68,107,.2)}
.slot-button:hover,.service-option:hover,.slot-button.is-selected,.service-option.is-selected{border-color:var(--rose-dark);background:linear-gradient(145deg,#fff,#f7dce6);box-shadow:0 0 0 3px rgba(196,95,134,.14)}

.site-footer{background:linear-gradient(145deg,#4d2938,#2f2027);color:rgba(255,255,255,.84)}
.site-footer::before{border-color:rgba(255,255,255,.13);background:linear-gradient(145deg,rgba(209,111,150,.32),rgba(255,255,255,.03))}
.footer-brand .brand-copy small{color:#efb4c9}

input:focus,textarea:focus,select:focus{border-color:var(--rose)!important;box-shadow:0 0 0 4px rgba(196,95,134,.16)!important}

@media(max-width:760px){
  body{background:linear-gradient(180deg,#fff9f8,#fff3f3)}
}

/* Geschützte Vorschau deaktivierter regionaler SEO-Seiten */
.region-preview-banner{position:relative;z-index:30;border-bottom:1px solid rgba(168,68,107,.2);background:linear-gradient(145deg,rgba(255,244,248,.98),rgba(241,219,228,.96));box-shadow:0 12px 30px rgba(102,42,65,.1)}
.region-preview-banner-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:14px}
.region-preview-banner-inner>div:first-child{display:grid;gap:2px}
.region-preview-banner strong{color:#5a263c}
.region-preview-banner span{color:#76525f;font-size:.83rem}
.region-preview-actions{display:flex;flex-wrap:wrap;gap:9px}
@media(max-width:760px){
  .region-preview-banner-inner{display:grid}
  .region-preview-actions .button{flex:1 1 160px}
}