/*
Theme Name: Salon Spiegelbild
Theme URI: https://salon-spiegelbild.de/
Author: OpenAI for Salon Spiegelbild
Description: Elegantes, warmes und luxuriöses Block-Theme für den Salon Spiegelbild in Gera.
Version: 1.0.0
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 8.1
Text Domain: salon-spiegelbild
License: GPL-2.0-or-later
*/

:root {
  --sb-anthrazit: #252321;
  --sb-taupe: #9C806C;
  --sb-bronze: #A8865D;
  --sb-creme: #EFE7DC;
  --sb-warmweiss: #FAF7F2;
  --sb-weiss: #FFFFFF;
}

html { scroll-behavior: smooth; }
body { text-rendering: optimizeLegibility; }
a { text-underline-offset: .18em; }
.wp-site-blocks { overflow-x: clip; }
.sb-eyebrow { letter-spacing: .16em; text-transform: uppercase; font-size: .78rem; }
.sb-hero { min-height: 78vh; display: flex; align-items: end; }
.sb-hero .wp-block-cover__inner-container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; padding: 88px 0 72px; }
.sb-card { border: 1px solid rgba(37,35,33,.10); border-radius: 2px; overflow: hidden; }
.sb-section { padding-top: clamp(72px, 9vw, 120px); padding-bottom: clamp(72px, 9vw, 120px); }
.sb-tight { max-width: 760px; }
.sb-rating { font-size: 1.15rem; letter-spacing: .15em; }
.sb-footer-link a { text-decoration: none; }
.sb-footer-link a:hover { text-decoration: underline; }
.wp-block-button__link { transition: all .2s ease; }
.wp-block-button__link:hover { transform: translateY(-1px); }
@media (max-width: 782px) {
  .sb-hero { min-height: 68vh; }
  .sb-hero .wp-block-cover__inner-container { padding: 64px 0 48px; }
}