/*
    Version: V1
    Last Modified: 2026-01-14
    File Name: lay.css
    Theme: ANDAR - Aroma & Spa (Deep Green & Earthy)
*/

:root {
    /* [ANDAR Brand Colors] */
    --damso-color-primary: #2C3E30;
    /* Dark Green (Headings) */
    --damso-color-secondary: #435248;
    /* Deep Sage Green (Subtitles) */
    --damso-color-accent: #7A6C54;
    /* Earthy Beige/Gold (Buttons/Links) */
    --damso-color-bg: #F9F8F6;
    /* Off-White (Background) */
    --damso-color-surface: #FFFFFF;
    /* White (Card BG) */
    --damso-color-text: #2B2B2B;
    /* Dark Grey (Body Text) */
    /* Beige Border */
    --damso-card-border: #D4CEB5;

    /* [UI Overrides] */
    --damso-nav-bg-image: linear-gradient(135deg, rgba(249, 248, 246, 0.95), rgba(255, 255, 255, 0.95));
    --damso-card-color-bg: #FFFFFF;
    --damso-btn-color-bg: #2C3E30;
    --damso-btn-color-bg-hover: #3E5244;

    --damso-canvas-btn-color-icon-hover: var(--damso-btn-color-bg-hover);

    --damso-lang-color-bg: #E8E3DA;
    --damso-lang-color-bg-hover: #D6D0C5;
    --damso-lang-color-bg-active: #2C3E30;

    --damso-offer-color-bg: #7A6C54;
    --damso-overlay-color-bg: rgba(93, 64, 55, 0.05);

    --damso-heading-color-text: #2C3E30;
    --damso-text-color-secondary: #435248;
    --damso-text-color-accent: #7A6C54;

    --damso-nav-color-text: #2C3E30;
    --damso-lang-color-text: #2C3E30;
    --damso-lang-color-text-active: #FFFFFF;
    --damso-btn-color-text: #FFFFFF;
    --damso-section-title-color-icon: #7A6C54;
    --damso-header-color-title: #FFFFFF;
    --damso-header-color-description: #F0F0F0;
    --damso-footer-color-text: #CCCCCC;

    --damso-footer-color-bg: #2C3E30;
    --damso-card-color-border: #D4CEB5;
    --damso-nav-color-border-bottom: rgba(44, 62, 48, 0.1);
    --damso-section-heading-color-underline: #7A6C54;
    --damso-radius: 12px;
}

[data-theme="dark"] {
    --damso-color-primary: #E0E5E1;
    --damso-color-secondary: #A0AFA5;
    --damso-color-accent: #C5BBA4;
    --damso-color-bg: #1A1F1C;
    --damso-color-surface: #252B27;
    --damso-color-text: #D0D0D0;
    --damso-color-text-light: #AAAAAA;
    --damso-color-border: #3A423D;

    /* Dark Mode UI Overrides */
    --damso-nav-bg-image: linear-gradient(135deg, rgba(26, 31, 28, 0.95), rgba(37, 43, 39, 0.95));
    --damso-nav-color-text: var(--damso-color-primary);
    --damso-nav-color-border-bottom: rgba(224, 229, 225, 0.1);

    --damso-footer-color-bg: #111512;
    --damso-footer-color-text: var(--damso-color-text-light);

    --damso-card-color-bg: var(--damso-color-surface);
    --damso-card-color-border: #3A423D;

    --damso-btn-color-bg: #5F6F65;
    --damso-btn-color-bg-hover: #728479;
    --damso-btn-color-text: #FFFFFF;

    --damso-lang-color-bg: #252B27;
    --damso-lang-color-bg-hover: #3A423D;
    --damso-lang-color-bg-active: var(--damso-color-primary);
    --damso-lang-color-text: var(--damso-color-secondary);
    --damso-lang-color-text-active: #111512;

    --damso-radius: 12px;
}

/* Typography & Layout Overrides */
body {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 400;
}

/* Fonts: Logos only get custom font */
.brand-logo {
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-size: clamp(3rem, 2rem + 6vw, 6rem);
    text-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.brand-slogan {
    font-weight: 300;
    letter-spacing: 1px;
}

.damso-nav__logo {
    letter-spacing: 2px;
}

/* UI Overrides */
.damso-btn {
    border-radius: var(--damso-radius);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 16px 40px;
    box-shadow: none;
    border: 1px solid transparent;
}

.damso-btn:hover {
    background-color: var(--damso-btn-color-bg-hover);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* [Extracted Styles] */
.andar-interview-grid {
    margin-bottom: 30px;
}

.damso-card__tag--center {
    align-self: center;
}

/* [NEW] Map & Promotion Styles */
.damso-card__map {
    width: 100%;
    height: 450px;
    border: 0;
    border-radius: var(--damso-radius);
}

.andar-promotion-bg {
    background-image: url('./section/promotion/bg.webp');
}