/*
 Theme Name:   Divi Child
 Theme URI:    http://desiresoftheheart.local
 Description:  Divi Child Theme for Desires of the Heart
 Author:       Desires of the Heart
 Template:     Divi
 Version:      1.0.0
*/

/* =============================================
   DESIRES OF THE HEART — BRAND COLORS
   =============================================
   Background:   #E9E4DA  (Soft Linen Neutral)
   Accent:       #A7B2A0  (Sage Gray-Green)
   Header Text:  #2E2E2E  (Espresso Charcoal)
   Footer Text:  #C7C9C5  (Cool Gray Mist)
   ============================================= */

/* Background Color */
body,
#page-container {
    background-color: #E9E4DA !important;
}

/* Accent Color — links, buttons, highlights */
a,
a:visited {
    color: #A7B2A0;
}

a:hover,
a:focus {
    color: #8fa08a;
}

.et_pb_button,
button,
input[type="submit"] {
    background-color: #A7B2A0 !important;
    border-color: #A7B2A0 !important;
    color: #2E2E2E !important;
}

.et_pb_button:hover,
button:hover,
input[type="submit"]:hover {
    background-color: #D9C7D8 !important;
    border-color: #D9C7D8 !important;
    color: #2E2E2E !important;
}

/* Header Text Color */
h1, h2, h3, h4, h5, h6,
.et_pb_slide_title,
#main-header,
#main-header a,
#top-header,
#top-header a {
    color: #2E2E2E !important;
}

/* =============================================
   HEADER & NAVIGATION
   ============================================= */

/* Primary Menu Bar — Background */
#main-header,
#main-header .et-menu-nav,
.et_header_style_left #et-top-navigation,
.et_header_style_centered #et-top-navigation {
    background-color: #FAF9F7 !important;
}

/* Primary Menu Bar — Nav Text */
#et-top-navigation nav > ul > li > a,
#et-top-navigation nav > ul > li > a:visited {
    color: #2E2E2E !important;
}

/* Primary Menu Bar — Hover */
#et-top-navigation nav > ul > li > a:hover {
    color: #A7B2A0 !important;
}

/* Primary Menu Bar — Active Link */
#et-top-navigation nav > ul > li.current-menu-item > a,
#et-top-navigation nav > ul > li.current-menu-ancestor > a {
    color: #D9C7D8 !important;
}

/* =============================================
   MOBILE MENU
   ============================================= */

/* Mobile Menu Background */
.et_mobile_menu,
#et_mobile_nav_menu .et_mobile_menu {
    background-color: #FAF9F7 !important;
}

/* Mobile Menu Text */
.et_mobile_menu li a,
#et_mobile_nav_menu .et_mobile_menu li a {
    color: #2E2E2E !important;
    background-color: #FAF9F7 !important;
}

/* Mobile Menu Hover */
.et_mobile_menu li a:hover,
#et_mobile_nav_menu .et_mobile_menu li a:hover {
    color: #A7B2A0 !important;
    background-color: #FAF9F7 !important;
}

/* Fixed Navigation (when scrolling) — Background */
#main-header.et-fixed-header,
.et-fixed-header #et-top-navigation {
    background-color: #E9E4DA !important;
}

/* Fixed Navigation — Text */
.et-fixed-header #et-top-navigation nav > ul > li > a {
    color: #2E2E2E !important;
}

/* Fixed Navigation — Hover */
.et-fixed-header #et-top-navigation nav > ul > li > a:hover {
    color: #D9C7D8 !important;
}

/* =============================================
   BLOG MODULE — STYLE 12 (FEED / CARD LAYOUT)
   ============================================= */

/* Post card — only style the text content area, NOT the image */
.et_pb_blog .et_pb_post .post-content-inner,
.et_pb_blog_grid .et_pb_post .post-content-inner,
.et_pb_blog .et_pb_post .entry-content,
.et_pb_blog_grid .et_pb_post .entry-content {
    background-color: #FAF9F7 !important;
}

/* Post title — override Divi inline styles */
.et_pb_blog .entry-title,
.et_pb_blog .entry-title a,
.et_pb_blog .entry-title a:link,
.et_pb_blog .entry-title a:visited,
.et_pb_blog_grid .entry-title,
.et_pb_blog_grid .entry-title a,
.et_pb_blog_grid .et_pb_post h2 a,
.et_pb_blog_grid .et_pb_post h2,
.et_pb_blog_grid .et_pb_post h1 a,
.et_pb_blog_grid .et_pb_post h3 a {
    color: #2E2E2E !important;
}

.et_pb_blog .entry-title a:hover,
.et_pb_blog_grid .entry-title a:hover {
    color: #A7B2A0 !important;
}

/* Post meta (date, author, categories) */
.et_pb_blog .post-meta,
.et_pb_blog .post-meta a,
.et_pb_blog_grid .post-meta,
.et_pb_blog_grid .post-meta a {
    color: #A7B2A0 !important;
}

/* Post body text */
.et_pb_blog .post-content,
.et_pb_blog .post-content p,
.et_pb_blog_grid .post-content,
.et_pb_blog_grid .post-content p {
    color: #2E2E2E !important;
}

/* Read More button */
.et_pb_blog .et_pb_more_button,
.et_pb_blog_grid .et_pb_more_button {
    color: #2E2E2E !important;
    background-color: #A7B2A0 !important;
    border-color: #A7B2A0 !important;
}

.et_pb_blog .et_pb_more_button:hover,
.et_pb_blog_grid .et_pb_more_button:hover {
    background-color: #D9C7D8 !important;
    border-color: #D9C7D8 !important;
    color: #2E2E2E !important;
}

/* Category tags */
.et_pb_blog .post-meta .category a,
.et_pb_blog_grid .post-meta .category a {
    color: #A7B2A0 !important;
}

/* Pagination */
.et_pb_blog .pagination a,
.et_pb_blog_grid .pagination a {
    color: #2E2E2E !important;
    background-color: #FAF9F7 !important;
}

.et_pb_blog .pagination a:hover,
.et_pb_blog_grid .pagination a:hover,
.et_pb_blog .pagination .current,
.et_pb_blog_grid .pagination .current {
    background-color: #A7B2A0 !important;
    color: #ffffff !important;
}

/* =============================================
   FOOTER
   ============================================= */

/* Footer Background */
#main-footer,
.et_pb_footer_bottom_bar {
    background-color: #E9E4DA !important;
}

/* Footer Text */
#main-footer,
#main-footer p,
#main-footer li,
#main-footer .et_pb_widget {
    color: #C7C9C5 !important;
}

/* Footer Links */
#main-footer a,
#main-footer a:visited,
.et_pb_footer_bottom_bar a {
    color: #A7B2A0 !important;
}

/* Footer Hover */
#main-footer a:hover,
.et_pb_footer_bottom_bar a:hover {
    color: #D9C7D8 !important;
}
