/*
Theme Name: Astra - obredendom-ruse.eu
Description: Дъщерна тема на Astra за Обреден дом - Русе. Съдържа цветова система с 2 палитри (сватбена/траурна), превключвани автоматично по секция.
Author: Obreden Dom Ruse
Template: astra
Version: 1.0
Text Domain: astra-child-odr
*/

/* ==========================================================
   ЦВЕТОВА СИСТЕМА
   Дефинирана като CSS custom properties (променливи).
   Използвайте ги в Elementor цветовите полета, като напишете
   var(--clr-accent) вместо конкретен hex код - тогава цветът
   автоматично ще се сменя между секциите.
   ========================================================== */

:root {
  /* Сватбена секция (по подразбиране за целия сайт) */
  --clr-bg: #FBF6F0;
  --clr-surface: #FFFFFF;
  --clr-text: #3B2E2A;
  --clr-text-muted: #8A6F5C;
  --clr-accent: #C9A26D;
  --clr-accent-soft: #F1DCCB;
  --clr-border: #E9DCD3;

  /* Типография - обща за целия сайт */
  --font-heading: 'Playfair Display', serif;
  --font-body: 'Montserrat', sans-serif;
}

/* Траурна секция - активира се само когато body има клас .section-traurni
   (виж functions.php - класът се добавя автоматично на страниците
   от секция "Траурни обреди и услуги") */
body.section-traurni {
  --clr-bg: #1F2023;
  --clr-surface: #26272B;
  --clr-text: #E8E6E3;
  --clr-text-muted: #9C9A97;
  --clr-accent: #A98F5C;
  --clr-accent-soft: #35363A;
  --clr-border: #35363A;
}

/* ==========================================================
   БАЗОВИ СТИЛОВЕ
   ========================================================== */

body {
  background-color: var(--clr-bg);
  color: var(--clr-text);
  font-family: var(--font-body);
  transition: background-color 0.2s ease;
}

h1, h2, h3, h4, h5, h6,
.elementor-heading-title {
  font-family: var(--font-heading);
  color: var(--clr-text);
}

a {
  color: var(--clr-accent);
}

::selection {
  background: var(--clr-accent-soft);
  color: var(--clr-text);
}

/* Помощни класове - може да ги ползвате директно в Elementor
   (Advanced -> CSS Classes) при нужда */
.odr-surface {
  background-color: var(--clr-surface);
  border: 1px solid var(--clr-border);
}

.odr-text-muted {
  color: var(--clr-text-muted);
}

.odr-accent {
  color: var(--clr-accent);
}

.odr-btn-accent {
  background-color: var(--clr-accent);
  color: var(--clr-bg);
  border: none;
  border-radius: 6px;
  padding: 12px 28px;
  font-family: var(--font-body);
  font-weight: 500;
  display: inline-block;
}