/* 
Theme Name: Chea Child (Override)
Author: Antigravity
Description: Custom color overrides for Luxury Pale Rose / Dark Brown theme.
*/

:root {
    /* New Color Palette: Pale Rose Luxury */
    --qode-main-color: #b17a7a !important;
    /* Deep Dusty Rose Accent */
    --qode-background-color: #f2dcdd !important;
    /* Pale Rose Pink Background */
    --qode-text-color: #3c291a !important;
    /* Luxury Dark Brown */
    --qode-header-light-color: #3c291a;
    --qode-header-dark-color: #3c291a;
}

/* ============================================================
   GLOBAL BACKGROUND - cover every major container
   ============================================================ */
html,
body,
#qodef-page-wrapper,
#qodef-page-outer,
.qodef-page-content,
.qodef-content-grid,
.elementor-section,
.elementor-container,
.elementor-column,
.elementor-column-gap-default,
.elementor-column-wrap,
.elementor-widget-wrap {
    background-color: var(--qode-background-color) !important;
    color: var(--qode-text-color) !important;
}

/* ============================================================
   PAGE TITLE / HERO SECTIONS (Masterclass, About Lesley etc.)
   ============================================================ */
.qodef-page-title,
.qodef-page-title .qodef-m-inner,
.qodef-page-title-holder,
#qodef-page-title,
.qodef-header-standard-wrapper,
.qodef-header-sticky,
#qodef-page-header,
#qodef-page-header-inner {
    background-color: var(--qode-background-color) !important;
}

/* ============================================================
   TEXT - make every text element readable
   ============================================================ */
h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
a,
span,
div,
label,
blockquote,
.wp-block-quote,
.qodef-m-text,
.qodef-m-title,
.qodef-e-text,
.qodef-e-title,
.elementor-heading-title,
.elementor-text-editor,
.elementor-widget-text-editor *,
.elementor-widget-heading *,
.qodef-page-title .qodef-m-title {
    color: var(--qode-text-color) !important;
}

/* ============================================================
   ACCORDION / TOGGLE BLOCKS (Highlights & Balayage etc.)
   ============================================================ */
.elementor-accordion,
.elementor-accordion-item,
.elementor-tab-title,
.elementor-tab-mobile-title,
.elementor-tab-content,
.e-collapse,
.elementor-accordion .elementor-tab-title,
.elementor-accordion .elementor-tab-title a,
.elementor-accordion .elementor-tab-content {
    background-color: var(--qode-background-color) !important;
    color: var(--qode-text-color) !important;
    border-color: #dcb1b2 !important;
}

/* The open/active accordion item */
.elementor-tab-title.elementor-active,
.elementor-accordion-item.elementor-active .elementor-tab-title {
    background-color: #e5cbcc !important;
    color: var(--qode-text-color) !important;
}

/* Accordion content area (expanded) */
.elementor-tab-content {
    background-color: #fbefef !important;
    color: var(--qode-text-color) !important;
}

/* ============================================================
   BUTTONS - White text on Dusty Rose background
   ============================================================ */
button,
input[type="submit"],
input[type="button"],
.elementor-button,
.elementor-button-wrapper .elementor-button,
.qodef-button,
.qodef-btn,
.wp-block-button__link,
a.elementor-button {
    background-color: var(--qode-main-color) !important;
    color: #fff !important;
    border-color: var(--qode-main-color) !important;
}

button:hover,
input[type="submit"]:hover,
.elementor-button:hover,
.qodef-button:hover {
    background-color: #9a6060 !important;
    color: #fff !important;
    border-color: #9a6060 !important;
}

/* ============================================================
   FOOTER
   ============================================================ */
#qodef-page-footer,
#qodef-page-footer-top-area,
#qodef-page-footer-bottom-area,
#qodef-page-footer-top-area-inner {
    background-color: #e5cbcc !important;
    border-color: #dcb1b2 !important;
    color: var(--qode-text-color) !important;
}

#qodef-page-footer *,
#qodef-page-footer-top-area *,
#qodef-page-footer-bottom-area * {
    color: var(--qode-text-color) !important;
}

/* ============================================================
   MOBILE HEADER & NAVIGATION
   ============================================================ */
#qodef-page-mobile-header,
.qodef-mobile-header-navigation,
.qodef-mobile-header-navigation-wrapper {
    background-color: var(--qode-background-color) !important;
    border-color: #dcb1b2 !important;
}

.qodef-mobile-header-navigation ul li a,
.qodef-mobile-header-navigation * {
    color: var(--qode-text-color) !important;
}

/* ============================================================
   HOVER LINK ACCENT
   ============================================================ */
a:hover,
.qode-btn:hover {
    color: var(--qode-main-color) !important;
}

/* ============================================================
   BORDERS & SEPARATORS
   ============================================================ */
blockquote,
.wp-block-quote {
    border-left-color: var(--qode-main-color) !important;
}

/* ============================================================
   ICONS / SVG - keep them in dark brown, not white
   ============================================================ */
.qodef-mobile-header-opener svg,
.qodef-mobile-header-opener svg path,
.qodef-menu-item-arrow svg,
.qodef-menu-item-arrow svg path {
    fill: var(--qode-text-color) !important;
    stroke: var(--qode-text-color) !important;
}