/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 07 2026 | 14:53:17 */
/* =========================================

   1. ГЛОБАЛЬНЫЕ ПЕРЕМЕННЫЕ (ПАЛИТРА)

   ========================================= */

:root {

    /* Основные цвета */

    --color-bg-cream: #FFFAF0;       /* Основной фон (Слоновая кость) */

    --color-bg-peach: #FFF5EE;       /* Вторичный фон (Персиковый) */

    --color-accent: #EBC8C4;         /* Акцент (Пыльная роза) */

    --color-text-dark: #4A423F;      /* Текст (Темный шоколад) */

    --color-text-light: #8C8583;     /* Вторичный текст */

    

    /* Тени */

    --shadow-soft: 0 10px 30px rgba(74, 66, 63, 0.05);

    --shadow-hover: 0 15px 40px rgba(235, 200, 196, 0.3);

    

    /* Радиусы */

    --radius-card: 24px;

    --radius-btn: 50px;

}

/* Применяем фон ко всему сайту */

body {

    background-color: var(--color-bg-cream);

    color: var(--color-text-dark);

    font-family: 'Montserrat', sans-serif; /* Убедись, что шрифт подключен в Elementor */

}

/* =========================================

   2. ТИПОГРАФИКА

   ========================================= */

h1, h2, h3, h4 {

    font-family: 'Lora', serif; /* Шрифт заголовков */

    color: var(--color-text-dark);

    font-weight: 500;

    line-height: 1.2;

}

h1 {

    font-size: clamp(32px, 5vw, 48px); /* Адаптивный размер */

    margin-bottom: 24px;

}

h2 {

    font-size: clamp(28px, 4vw, 36px);

    margin-bottom: 30px;

    position: relative;

    display: inline-block;

}

/* Декоративная линия под заголовками H2 */

h2::after {

    content: '';

    display: block;

    width: 60px;

    height: 2px;

    background-color: var(--color-accent);

    margin-top: 10px;

}

p {

    line-height: 1.6;

    color: var(--color-text-dark);

    margin-bottom: 20px;

    font-size: 16px;

}

/* =========================================

   3. КНОПКИ (Primary & Secondary)

   ========================================= */

/* Класс для основной кнопки: .btn-primary */

.btn-primary .elementor-button {

    background: linear-gradient(135deg, #EBC8C4 0%, #E6B2AC 100%) !important;

    color: #4A423F !important;

    border-radius: var(--radius-btn) !important;

    padding: 16px 40px !important;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: 1px;

    border: none;

    box-shadow: 0 5px 15px rgba(235, 200, 196, 0.4);

    transition: all 0.3s ease;

}

.btn-primary .elementor-button:hover {

    transform: translateY(-3px);

    box-shadow: 0 8px 25px rgba(235, 200, 196, 0.6);

}

/* Класс для вторичной кнопки (контур): .btn-outline */

.btn-outline .elementor-button {

    background: transparent !important;

    color: var(--color-text-dark) !important;

    border: 1px solid var(--color-accent) !important;

    border-radius: var(--radius-btn) !important;

    padding: 14px 38px !important;

}

.btn-outline .elementor-button:hover {

    background: var(--color-accent) !important;

    color: white !important;

}

/* =========================================

   4. КАРТОЧКИ УСЛУГ (Service Box)

   ========================================= */

/* Добавь класс .service-card секции или колонке в Elementor */

.service-card {

    background-color: white;

    padding: 40px 30px;

    border-radius: var(--radius-card);

    box-shadow: var(--shadow-soft);

    border: 1px solid rgba(235, 200, 196, 0.2);

    transition: all 0.3s ease;

    height: 100%; /* Одинаковая высота */

}

.service-card:hover {

    transform: translateY(-5px);

    box-shadow: var(--shadow-hover);

    border-color: var(--color-accent);

}

/* Иконки внутри карточек */

.service-card i, 

.service-card svg {

    color: var(--color-accent);

    font-size: 32px;

    margin-bottom: 20px;

}

.service-card h3 {

    font-family: 'Montserrat', sans-serif;

    font-size: 20px;

    font-weight: 600;

    margin-bottom: 15px;

}

/* =========================================

   5. ФОТОГРАФИЯ (Арка)

   ========================================= */

/* Класс для фото: .photo-arch */

.photo-arch img {

    border-radius: 200px 200px 20px 20px; /* Форма арки */

    box-shadow: 20px 20px 0px var(--color-bg-peach); /* Декоративная тень-подложка */

    object-fit: cover;

}

/* Адаптив для мобильных: уменьшаем тень */

@media (max-width: 768px) {

    .photo-arch img {

        box-shadow: 10px 10px 0px var(--color-bg-peach);

    }

}

/* Отступы между постами Royal Addons на мобильных */
@media (max-width: 767px) {
  /* карточка поста в Royal Post Grid */
  .rea-post-grid .rea-post,
  .rea-post-list .rea-post,
  .rea-post-block .rea-post {
    margin-bottom: 24px !important;
  }

  /* на всякий случай – контейнер виджета */
  .elementor-widget-rea-post-grid,
  .elementor-widget-rea-post-list,
  .elementor-widget-rea-post-block {
    margin-bottom: 24px !important;
  }
}
/* Текст в одиночных записях */
.single-post .page-content {
  max-width: 960px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.7;
}
.single-post .page-header {
  max-width: 960px;
  margin: 0 auto;
}

/* Заголовок записи */
.single-post h1.entry-title {
  text-align: left;
  margin-bottom: 16px;
}

/* Отступы сверху/снизу */
.single-post .site-main,
.single-post .content-area {
  padding-top: 40px;
  padding-bottom: 60px;
}

.site-footer .site-branding
 {
    margin-bottom: 16px;
}

/* Простое прилипание футера */
.site-footer {
  position: relative;
  margin-top: auto;
}

/* Растягиваем контейнер контента */
.elementor-section-wrap {
  min-height: calc(100vh - 200px); /* 200px — высота футера */
}

/* Футер всегда внизу */
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.site-main {
  flex: 1;
}

/* Футер прижимается к низу */
.site-footer,
.footer,
.elementor-footer,
#footer {
  margin-top: auto;
  flex-shrink: 0;
}