/* ===============================================
   ASIYA ATELIER — премиум-каталог
   Палитра по фабрик-фото + лого:
   - матовый глубокий фиолет (баклажан)
   - антик-золото
   - почти чёрный сливовый
   -----------------------------------------------
   Подгружается только на /asiya*.
   Меняет ТОЛЬКО CSS-переменные и точечные акценты.
   Геометрия — общая с основной страницей (style.css).
   =============================================== */

body.asiya-catalog {
    --accent:        #4a3960;
    --accent-gold:   #b89968;
    --accent-teal:   #6b5a85;
    --bg-dark:       #1d1428;
    --bg-body:       linear-gradient(135deg, #2a1f3a 0%, #1d1428 50%, #2a1f3a 100%);

    font-family: 'Manrope', sans-serif;
}

body.asiya-catalog.light-theme {
    --accent-teal-light: #d8cfe1;
    --bg-body: linear-gradient(135deg, #e3dae8 0%, #d0c2da 25%, #efe9f0 50%, #ddd0e0 75%, #d8d0e3 100%);
}

body.asiya-catalog .bento-header { background: var(--bg-dark); }
body.asiya-catalog.light-theme .bento-header { background: rgba(74, 57, 96, 0.92); }

body.asiya-catalog .center-block::before {
    background: linear-gradient(180deg, rgba(232, 224, 240, 0.55) 0%, rgba(232, 224, 240, 0.95) 100%);
}

body.asiya-catalog .promo-card {
    background: linear-gradient(135deg, var(--accent-gold) 0%, #8a6f48 100%);
}

body.asiya-catalog .newsletter-icon,
body.asiya-catalog .booking-card .booking-icon,
body.asiya-catalog .benefit-icon {
    background: linear-gradient(135deg, var(--accent) 0%, #6b5a85 100%);
}

/* ------- Брендовый логотип в шапке: только монограмма, без фона ------- */
body.asiya-catalog .logo {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    border: 0 !important;
}

.asiya-header-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: inherit;
    height: 60px;
    background: transparent;
}

.asiya-header-logo img {
    height: 58px;
    width: auto;
    object-fit: contain;
    display: block;
    background: transparent;
    /* На тёмной теме делаем монограмму чисто белой */
    filter: brightness(0) invert(1)
            contrast(1.4)
            drop-shadow(0 2px 8px rgba(0, 0, 0, 0.35));
}

/* Светлая тема — оставляем оригинальный золотой цвет */
body.asiya-catalog.light-theme .asiya-header-logo img {
    filter: drop-shadow(0 2px 8px rgba(74, 57, 96, 0.25));
}

/* ------- .dark-header внутри .center-block: матовое стекло ------- */
body.asiya-catalog .dark-header {
    background: rgba(255, 255, 255, 0.10) !important;
    backdrop-filter: blur(18px) saturate(140%);
    -webkit-backdrop-filter: blur(18px) saturate(140%);
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 8px 24px rgba(29, 20, 40, 0.18), inset 0 1px 0 rgba(255,255,255,0.15);
    border-radius: 14px;
    padding: 18px 22px;
}

body.asiya-catalog.light-theme .dark-header {
    background: rgba(255, 255, 255, 0.45) !important;
    border-color: rgba(74, 57, 96, 0.18);
}

/* ------- Бренд-марка в .center-block (на главной /asiya) ------- */
.asiya-brand-mark {
    display: flex;
    align-items: center;
    gap: 14px;
}

.asiya-brand-mark img {
    width: 56px;
    height: 56px;
    object-fit: contain;
    flex-shrink: 0;
    /* Превращаем золотую монограмму (Asiya.png) в белую */
    filter: brightness(0) invert(1) drop-shadow(0 2px 6px rgba(0,0,0,0.25));
}

body.asiya-catalog.light-theme .asiya-brand-mark img {
    /* На светлой теме на стекле — оставляем тёплое золото */
    filter: drop-shadow(0 2px 6px rgba(74, 57, 96, 0.25));
}

.asiya-brand-mark-text {
    display: flex;
    flex-direction: column;
    line-height: 1;
}

.asiya-brand-mark-text .name {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 500;
    font-size: 30px;
    letter-spacing: 7px;
    color: #ffffff;
    text-transform: uppercase;
    text-shadow: 0 1px 2px rgba(0,0,0,0.25);
}

body.asiya-catalog.light-theme .asiya-brand-mark-text .name {
    color: var(--accent);
    text-shadow: none;
}

.asiya-brand-mark-text .sub {
    font-size: 11px;
    letter-spacing: 6px;
    color: var(--accent-gold);
    text-transform: uppercase;
    margin-top: 8px;
    font-family: 'Montserrat', 'Manrope', sans-serif;
}

/* Заголовки секций — серифом для премиальной подачи */
body.asiya-catalog .section-title,
body.asiya-catalog .catalog-page-title,
body.asiya-catalog .collection-name,
body.asiya-catalog .center-block h1,
body.asiya-catalog .center-block h2 {
    font-family: 'Cormorant Garamond', 'Times New Roman', serif;
    letter-spacing: 2px;
    font-weight: 500;
}

/* Кнопка-переключатель режима каталога */
.catalog-switch-btn.asiya-active i { color: var(--accent); }

/* ------- Чипы категорий: одна строка + цветной бордер ------- */
body.asiya-catalog .chip {
    border: 1px solid rgba(184, 153, 104, 0.55);   /* антик-золото */
    background: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.85);
    /* одна строка, ellipsis при переполнении */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    padding: 10px 14px;
    font-weight: 500;
    letter-spacing: 0.3px;
    transition: all 0.25s ease;
}

body.asiya-catalog .chip:hover {
    border-color: var(--accent-gold);
    background: rgba(184, 153, 104, 0.12);
    color: #fff;
}

body.asiya-catalog .chip.active {
    background: var(--accent);
    border-color: var(--accent-gold);
    color: #fff;
    box-shadow: 0 4px 14px rgba(74, 57, 96, 0.45),
                inset 0 0 0 1px rgba(184, 153, 104, 0.35);
}

body.asiya-catalog.light-theme .chip {
    background: rgba(255, 255, 255, 0.55);
    border-color: rgba(74, 57, 96, 0.35);
    color: var(--accent);
}
body.asiya-catalog.light-theme .chip:hover {
    border-color: var(--accent);
    background: rgba(74, 57, 96, 0.08);
}
body.asiya-catalog.light-theme .chip.active {
    background: var(--accent);
    color: #fff;
    border-color: var(--accent-gold);
}