/*
Theme Name: Salon Spiegelbild V2
Theme URI: https://salon-spiegelbild.de/
Author: OpenAI for Salon Spiegelbild
Description: Elegantes, warmes Block-Theme für Salon Spiegelbild in Gera. Mit Original-Salonfotos und drei austauschbaren Team-Portraits.
Version: 2.4.0
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 8.1
Text Domain: salon-spiegelbild-v2
License: GPL-2.0-or-later
*/

:root{
  --sb-ink:#252321;--sb-ink-soft:#514b46;--sb-taupe:#9c806c;--sb-bronze:#ad8b68;
  --sb-cream:#f1ebe3;--sb-paper:#fbf8f4;--sb-white:#fff;--sb-line:rgba(37,35,33,.14)
}
html{scroll-behavior:smooth}body{text-rendering:optimizeLegibility}.wp-site-blocks{overflow-x:clip}
a{text-underline-offset:.18em}.sb-shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.sb-eyebrow{font-size:.72rem!important;letter-spacing:.18em;text-transform:uppercase;font-weight:600}.sb-section{padding-block:clamp(68px,8vw,112px)}
.sb-hero{min-height:720px}.sb-hero .wp-block-cover__image-background{object-position:center 42%}
.sb-hero-inner{width:min(1180px,calc(100% - 48px));margin-inline:auto;padding-block:100px}.sb-hero-copy{max-width:610px}.sb-hero h1{font-size:clamp(3.2rem,6.3vw,6rem)!important;line-height:.91!important;margin:.15em 0 .28em}.sb-hero p{max-width:590px}.sb-button .wp-block-button__link{transition:transform .18s ease,background .18s ease}.sb-button .wp-block-button__link:hover{transform:translateY(-1px)}
.sb-image{width:100%;height:100%;object-fit:cover;display:block}.sb-image-frame{overflow:hidden;min-height:420px}.sb-image-frame img{width:100%;height:100%;object-fit:cover}
.sb-services{border-top:1px solid var(--sb-line);border-bottom:1px solid var(--sb-line)}.sb-service{padding:38px 28px}.sb-service+.sb-service{border-left:1px solid var(--sb-line)}.sb-service-symbol{font-family:Georgia,serif;font-size:2rem;line-height:1;color:var(--sb-taupe)}
.sb-team-grid{gap:16px!important}.sb-person .wp-block-image{margin:0}.sb-person img{aspect-ratio:4/5;object-fit:cover;width:100%}.sb-person-name{margin:.85rem 0 .05rem;font-weight:600}.sb-person-role{margin:0;color:var(--sb-ink-soft);font-size:.88rem}
.sb-gallery{gap:8px!important}.sb-gallery .wp-block-image{margin:0!important}.sb-gallery img{aspect-ratio:4/3!important;width:100%;object-fit:cover!important}
.sb-quote{max-width:800px;margin-inline:auto;text-align:center}.sb-quote-mark{font-family:Georgia,serif;font-size:3rem;line-height:.5;color:var(--sb-bronze)}
.sb-header{position:relative;z-index:20;border-bottom:1px solid rgba(37,35,33,.08)}.sb-header-logo img{width:150px;height:auto}.sb-header .wp-block-navigation-item__content{text-decoration:none}.sb-header .wp-block-navigation-item__content:hover{color:var(--sb-taupe)}
.sb-footer a{color:inherit;text-decoration:none}.sb-footer a:hover{text-decoration:underline}.sb-footer-logo img{width:min(260px,100%);height:auto;filter:none;opacity:1;display:block}.wp-site-blocks>footer{margin-block-start:0!important}.sb-footer{margin-top:0!important}.sb-small{font-size:.86rem}.sb-muted{color:#d4cbc2}
@media(max-width:900px){.sb-header-cta{display:none}.sb-service+.sb-service{border-left:0;border-top:1px solid var(--sb-line)}.sb-hero{min-height:650px}.sb-hero .wp-block-cover__image-background{object-position:62% center}.sb-hero-inner{padding-block:76px}}
@media(max-width:650px){.sb-shell,.sb-hero-inner{width:min(100% - 30px,1180px)}.sb-hero{min-height:610px}.sb-hero .wp-block-cover__image-background{object-position:64% center}.sb-team-grid{display:block!important}.sb-team-grid>.wp-block-column{margin-bottom:24px}.sb-person img{aspect-ratio:4/4.8}.sb-gallery{--wp--style--unstable-gallery-gap:8px}.sb-section{padding-block:64px}.sb-header-logo img{width:124px}}

/* V2.3: kompakter Abschluss der Pflege-/Kundenstimmen-Sektion */
.sb-care-section{padding-bottom:clamp(44px,5vw,72px)!important}


/* V2.4: gezielte Smartphone-Optimierung */
@media (max-width: 650px) {
  /* Header kompakter, CTA nur im Hero */
  .sb-header{padding:10px 14px!important}
  .sb-header>.wp-block-group{gap:12px!important}
  .sb-header-logo img{width:112px!important}
  .sb-header .wp-block-buttons,
  .sb-header-cta{display:none!important}
  .sb-header .wp-block-navigation__responsive-container-open{padding:8px!important}

  /* Hero ruhiger und besser lesbar */
  .sb-hero{min-height:560px!important}
  .sb-hero-inner{padding-block:58px!important}
  .sb-hero h1{font-size:clamp(2.7rem,13vw,3.7rem)!important;line-height:.94!important;letter-spacing:-.02em}
  .sb-hero p.has-large-font-size{font-size:1.15rem!important;line-height:1.48!important;max-width:34rem}
  .sb-hero .wp-block-button__link{padding:14px 20px!important}

  /* Allgemeine mobile Abstände */
  .sb-section{padding-block:48px!important}
  .sb-eyebrow{font-size:.68rem!important;letter-spacing:.16em}

  /* Willkommen */
  #salon .wp-block-columns{gap:30px!important}
  #salon .sb-image-frame{min-height:0!important}
  #salon .sb-image-frame img{aspect-ratio:4/3!important;height:auto!important}

  /* Leistungen deutlich kompakter */
  .sb-services .wp-block-columns{gap:0!important;margin:0!important}
  .sb-service{padding:28px 18px!important;min-height:0!important}
  .sb-service+.sb-service{border-top:1px solid var(--sb-line)!important}
  .sb-service-symbol{font-size:1.65rem!important;margin:0 0 10px!important}
  .sb-service h3{margin:0 0 8px!important}
  .sb-service p:last-child{margin:0!important;line-height:1.45!important}

  /* Teamkarten kompakter */
  #team{padding-top:48px!important;padding-bottom:48px!important}
  #team .wp-block-columns{gap:22px!important}
  .sb-team-grid>.wp-block-column{margin-bottom:18px!important}
  .sb-person img{aspect-ratio:4/4.55!important;object-fit:cover!important;object-position:center top!important}
  .sb-person-name{margin-top:.65rem!important}
  .sb-person-role{margin-bottom:.2rem!important}

  /* Galerie bleibt als 2x2 Raster */
  .sb-gallery{gap:6px!important}

  /* Pflege und Kundenstimme kompakter */
  .sb-care-section{padding-top:48px!important;padding-bottom:38px!important}
  .sb-care-section .wp-block-columns{gap:28px!important}
  .sb-care-section .sb-quote{margin-top:38px!important;padding-inline:4px}
  .sb-quote-mark{font-size:2.5rem!important;margin-bottom:12px!important}
  .sb-quote h3{font-size:1.35rem!important;line-height:1.25!important;margin-block:14px!important}

  /* Terminbereich */
  main>.has-ink-background-color:last-child{padding:34px 20px!important}
  main>.has-ink-background-color:last-child h2{font-size:1.75rem!important;margin-bottom:14px!important}
  main>.has-ink-background-color:last-child .wp-block-group.alignwide{gap:18px!important}
  main>.has-ink-background-color:last-child .wp-block-button__link{padding:14px 20px!important}

  /* Footer kürzer und übersichtlicher */
  .sb-footer{padding:38px 20px 22px!important}
  .sb-footer .wp-block-columns{gap:28px!important}
  .sb-footer-logo img{width:min(210px,78vw)!important;margin-inline:auto}
  .sb-footer .wp-block-column:first-child{margin-bottom:4px}
  .sb-footer h4{margin-bottom:8px!important}
  .sb-footer p{margin-top:0!important}
  .sb-footer hr{margin-block:24px!important}
}