/* =========================================================
   Salon Rose – NOVÁ ÉRA (rebranding)
   Tmavé téma veřejných stránek. Načítá se jako POSLEDNÍ stylopis
   na úvodu, službách, kontaktech, podmínkách a GDPR.
   Přihlášený účet, administrace a firemní prostor zůstávají světlé
   (jen hlavička a patička jsou tmavé všude – viz hlavicka.css, footer.css).
   ========================================================= */

:root {
  /* design-system.css (.sr-*) */
  --sr-bg:            #160c0c;
  --sr-surface:       #1f1212;
  --sr-surface-alt:   #2a1616;
  --sr-surface-raise: #241414;
  --sr-border:        rgba(255, 42, 77, .18);
  --sr-border-strong: rgba(255, 42, 77, .32);
  --sr-text:          #f6e3e3;
  --sr-text-muted:    #c9a9a9;
  --sr-text-faint:    #9a7f7f;
  --sr-rose-600:      #ff2a4d;   /* použité jako text na tmavém */
  --sr-gold-700:      #ffb061;   /* ceny a akcenty = jantar */
  --sr-gold-600:      #ff9a5a;
  --sr-success:       #3ecf8e;
  --sr-shadow-sm:     0 2px 10px rgba(0, 0, 0, .4);
  --sr-shadow:        0 16px 40px rgba(0, 0, 0, .5);
  --sr-font-display:  "Oswald", Impact, sans-serif;
  --sr-font-sans:     "Outfit", "Segoe UI", sans-serif;

  /* styl.css */
  --bg-primary:       #160c0c;
  --bg-secondary:     #1f1212;
  --bg-tertiary:      #2a1616;
  --bg-card:          #1f1212;
  --bg-card-hover:    #2a1616;
  --text-primary:     #f6e3e3;
  --text-secondary:   #d9bcbc;
  --text-muted:       #c9a9a9;
  --accent-subtle:    rgba(255, 42, 77, .12);
  --accent-light:     rgba(255, 42, 77, .18);

  /* nové brandové tokeny */
  --brand-sun:        linear-gradient(90deg, #ffd27a, #ff8a3c);
  --brand-heat:       linear-gradient(90deg, #ff2a4d, #ff9a5a);
}

html { background: #160c0c; }

body {
  background-color: #160c0c;
  background-image:
    radial-gradient(ellipse at 10% 0%, rgba(200, 16, 46, .28), transparent 55%),
    radial-gradient(ellipse at 100% 60%, rgba(255, 138, 60, .10), transparent 50%);
  background-attachment: fixed;
  color: var(--text-primary);
}

h1, h2, h3, h4,
.sr h1, .sr h2, .sr h3, .sr h4 {
  font-family: "Oswald", Impact, sans-serif;
  text-transform: uppercase;
  letter-spacing: .03em;
}

/* Střídavé světlé sekce ze styl.css */
section:nth-child(even), section:nth-child(odd) { background: transparent; }

/* ---------- Hero ---------- */
.sr-hero-copy h1 { line-height: 1.02; }
.sr-hero-copy h1 em {
  font-style: normal;
  background: var(--brand-sun);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.sr-eyebrow {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  letter-spacing: .32em;
  text-transform: uppercase;
  color: #ffb061;
}
.sr-hero-section { position: relative; }
.sr-hero-section::before {
  content: "";
  position: absolute;
  inset: -40px -20px auto -20px;
  height: 420px;
  background: radial-gradient(ellipse at 20% 30%, rgba(255, 138, 60, .18), transparent 60%);
  pointer-events: none;
  z-index: -1;
}

/* ---------- Tlačítka ---------- */
.sr-btn, .btn, button.btn {
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.sr-btn--primary, .btn-primary {
  background: linear-gradient(135deg, #c8102e, #ff2a4d);
  color: #fff;
  box-shadow: 0 8px 22px -6px rgba(255, 42, 77, .55);
}
.sr-btn--gold {
  background: var(--brand-sun);
  color: #2a1204;
  box-shadow: 0 8px 22px -6px rgba(255, 138, 60, .5);
}
.sr-btn--ghost {
  background: transparent;
  color: var(--sr-text);
  border: 1px solid var(--sr-border-strong);
}
.sr-btn--ghost:hover { background: rgba(255, 42, 77, .14); }

/* ---------- Karty, pole, FAQ ---------- */
.sr-card, .sr-faq-item, .sr-service-pill, .card {
  background: linear-gradient(145deg, #2a1616, #1f1212);
  border-color: var(--sr-border);
}
.sr-card:hover, .sr-service-pill:hover { border-color: #ff2a4d; }
.sr-input, select, input[type="text"], input[type="email"], input[type="password"],
input[type="tel"], input[type="number"], textarea {
  background: rgba(255, 255, 255, .05);
  color: var(--sr-text);
  border-color: var(--sr-border-strong);
}
.sr-input::placeholder, input::placeholder, textarea::placeholder { color: #9a7f7f; }
select option { background: #1f1212; color: #f6e3e3; }

.sr-badge { background: rgba(255, 255, 255, .06); color: var(--sr-text); border-color: var(--sr-border); }
.sr-badge--gold { background: rgba(255, 176, 97, .14); color: #ffc98c; border-color: rgba(255, 176, 97, .35); }
.sr-badge--rose { background: rgba(255, 42, 77, .14); color: #ff7a8f; border-color: rgba(255, 42, 77, .35); }

.sr-calc-total strong { background: var(--brand-sun); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }
.sr-calc-range { accent-color: #ff6b5e; }
.sr-solaria-price { color: #ffb061; }

/* Tmavý pruh (.sr-hero) už byl tmavý, jen ho opřeme o brandové červené */
.sr-hero { border-color: var(--sr-border-strong); }

/* ---------- Odkazy a text ---------- */
a { color: #ff6b5e; }
a:hover { color: #ff9a5a; }
.sr strong, .sr b, strong, b { color: var(--sr-text); }
hr { border-color: var(--sr-border); }

/* Tabulky a boxy v obchodních podmínkách / GDPR / produktech */
table { color: var(--sr-text); }
th { background: #2a1616; color: #fff; }
td, th { border-color: var(--sr-border); }

/* styl.css centruje všechny h1/h2 – v hero a hlavičkách sekcí chceme vlevo */
.sr-hero-copy h1, .sr-section-head h1, .sr-section-head h2 { text-align: left; margin-top: 14px; }
.sr-section-head h2 { margin-top: 0; }
.sr-final-cta h2 { text-align: center; }

.sr-hero h1, .sr-hero h2, .sr-hero h3 { text-align: left; }

/* =========================================================
   Úvodní stránka (css/index.css má pevné bílé plochy)
   ========================================================= */
.hero-section {
  background:
    radial-gradient(ellipse at 20% 30%, rgba(200, 16, 46, .38), transparent 60%),
    #160c0c;
}
.hero-content::after { background: linear-gradient(to right, #160c0c, transparent); }
.hero-title {
  font-family: "Oswald", Impact, sans-serif;
  text-transform: uppercase;
  line-height: 1.02;
  background: var(--brand-heat);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.hero-title--roseos .roseos-wordmark { -webkit-text-fill-color: transparent; background: var(--brand-sun); -webkit-background-clip: text; background-clip: text; }
.hero-subtitle { color: var(--sr-text-muted, #c9a9a9); }
.hero-roseos-badge { background: rgba(255, 42, 77, .16); color: #ff7a8f; font-family: "Oswald", sans-serif; letter-spacing: .2em; }
.hero-roseos-badge--solaria { background: rgba(255, 176, 97, .16); color: #ffb061; }
.hero-solaria-mark {
  background: rgba(22, 12, 12, .55);
  border: 1px solid rgba(255, 210, 122, .4);
  border-radius: 16px;
  padding: 1.25rem 2rem;
  color: #ffd27a;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.hero-solaria-mark i { color: #ffb061; }
.hero-dot { background: rgba(255, 255, 255, .25); }
.hero-dot.is-active { background: #ff2a4d; }

.about-section, .faq-section, .contact-section { background: transparent; background-color: transparent; }
.services-section { background: rgba(255, 255, 255, .025); background-color: rgba(255, 255, 255, .025); }
.about-section h2, .services-section h2, .faq-section h2, .contact-section h2, .section-title { color: #fff; }
.about-section h2::after, .services-section h2::after, .faq-section h2::after, .contact-section h2::after {
  content: ""; display: block; width: 120px; height: 2px; margin: 16px auto 0;
  background: linear-gradient(90deg, transparent, #ff2a4d, transparent);
}

.service-card {
  background: linear-gradient(145deg, #2a1616, #1f1212);
  border-color: rgba(255, 42, 77, .22);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .45);
}
.service-card:hover { border-color: #ff2a4d; box-shadow: 0 14px 40px rgba(200, 16, 46, .35); }
.service-card h3 { color: #fff; }
.service-card p { color: #c9a9a9; }
.service-card .link { color: #ff9a5a; }
.service-card-icon { background: rgba(255, 42, 77, .14); color: #ff6b5e; }

.faq-item { background: linear-gradient(145deg, #2a1616, #1f1212); border-color: rgba(255, 42, 77, .22); box-shadow: none; }
.faq-item summary { color: #f6e3e3; }
.faq-item summary:hover { background: rgba(255, 42, 77, .12); }
.faq-item p { color: #c9a9a9; }

.contact-info, .contact-map {
  background: linear-gradient(145deg, #2a1616, #1f1212);
  border-color: rgba(255, 42, 77, .22);
}
.contact-info h3 { color: #fff; }
.contact-info p { color: #c9a9a9; }
.contact-info a { color: #ff9a5a; }
.contact-map iframe { filter: invert(.92) hue-rotate(180deg) saturate(.8); }

.cta-section {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(200, 16, 46, .55), transparent 70%),
    linear-gradient(135deg, #2a0a10, #160c0c);
  border-top: 1px solid rgba(255, 42, 77, .3);
}
.cta-section .btn { background: linear-gradient(135deg, #c8102e, #ff2a4d); color: #fff; }

.velka_karta, #about_founder .velka_karta {
  background: linear-gradient(135deg, #2a1616, #160c0c);
  border: 1px solid rgba(255, 42, 77, .22);
}
.velka_karta p, .o_nas_text p { color: #d9bcbc; }
.velka_karta b { color: #fff; }
.btn.secondary { background: transparent; color: #f6e3e3; border: 1px solid rgba(255, 42, 77, .5); }
.hero-content, .hero-slide { background: transparent; }
#about_founder, #about_intro, #o_nas { background: transparent; background-color: transparent; }
.faq-item summary, .faq-item[open] summary { background: transparent; color: #f6e3e3; }
.faq-item summary::after { color: #ff6b5e; }
.faq-item p { background: transparent; }

/* =========================================================
   Podstránky služeb a kontaktů (css/sluzby.css, css/kategorie.css)
   ========================================================= */
h1, h2, h3, h4, .nadpis_nahore, .nadpis_hero { font-weight: 700; }

#hero_sluzby {
  background:
    radial-gradient(ellipse at 25% 30%, rgba(200, 16, 46, .45), transparent 60%),
    #160c0c;
}
#hero_sluzby_section {
  background: rgba(22, 12, 12, .6);
  border: 1px solid rgba(255, 42, 77, .30);
  box-shadow: 0 20px 60px rgba(0, 0, 0, .5);
  color: #f6e3e3;
}
#hero_sluzby_section .nadpis_hero {
  background: var(--brand-heat);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
}
#hero_sluzby_section p { color: #d9bcbc; }

#sluzby_vypis { background: transparent; box-shadow: none; }
#sluzby { background: transparent; }
.nadpis_nahore { color: #fff; text-shadow: none; }
.nadpis_nahore::after {
  content: ""; display: block; width: 120px; height: 2px; margin: 14px auto 0;
  background: linear-gradient(90deg, transparent, #ff2a4d, transparent);
}

.karta_s_obrazkem, .karta {
  background: linear-gradient(145deg, #2a1616, #1f1212);
  border-color: rgba(255, 42, 77, .22);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .45);
}
.karta_s_obrazkem:hover, .karta:hover { border-color: #ff2a4d; box-shadow: 0 14px 40px rgba(200, 16, 46, .35); }
.obsah_karty img { border-color: rgba(255, 42, 77, .25); background: transparent; }
.text_karty, .text_karty h3, .karta h3 { color: #fff; }
.text_karty p, .karta p { color: #c9a9a9; }
.text_karty h4 { color: #ff6b5e; }
.text_karty .link { color: #ff9a5a; }
.text_karty .link:hover { color: #ffd27a; }
.ico-inline { color: #ff6b5e; }

/* Patička a hlavička – jistota i kdyby prohlížeč držel starší CSS */
footer.footer { background: #0f0808; color: #c9a9a9; }
footer.footer .footer-section h3 { color: #ff6b5e; }
footer.footer a { color: #d9bcbc; }
header.glass-header img { background: transparent !important; border: 0 !important; border-radius: 0 !important; }
header.glass-header nav.hlavicka-vpravo a { color: #f6e3e3; }
header.glass-header nav.hlavicka-vpravo a:hover { color: #fff; }