/* =============================================================
   LovelyHomes Brand Theme Overrides
   Brand guide: Pink #FF66C4 (anchor) · Poppins / Inter / JetBrains Mono
   ============================================================= */

:root {
    --lh-pink-50:  #FFF0F9;
    --lh-pink-100: #FFE0F3;
    --lh-pink-200: #FFB8DF;
    --lh-pink-400: #FF66C4;  /* BRAND */
    --lh-pink-600: #E63FA6;
    --lh-pink-800: #9B2B73;

    --lh-white:    #FFFFFF;
    --lh-cloud:    #F9FAFB;
    --lh-mist:     #E5E7EB;
    --lh-slate:    #6B7280;
    --lh-charcoal: #555555;
    --lh-ink:      #1A1A1A;

    --lh-success:  #0F8F5F;
    --lh-warning:  #E2A400;
    --lh-alert:    #D64545;
    --lh-navy:     #1E2A4A;
}

/* -------------------------------------------------------------
   Typography — Poppins for headings, Inter for body, Mono for code
   ------------------------------------------------------------- */
body,
body.et_pb_gutters3,
.et_pb_section,
.et_pb_module,
.et_pb_text_inner,
.et_pb_blurb_description,
.single .entry-content,
#main-content,
.et_pb_comments_module,
.et_pb_posts .entry-summary p {
    font-family: 'Inter', -apple-system, 'Segoe UI', Roboto, sans-serif !important;
    color: var(--lh-ink);
}

h1, h2, h3, h4, h5, h6,
.et_pb_module_header,
.et_pb_section_title,
.entry-title,
.post-title,
.widget-title,
.not-found-title,
.et_pb_blurb_content h4,
.et_pb_post_title h1 {
    font-family: 'Poppins', -apple-system, 'Segoe UI', Roboto, sans-serif !important;
    color: var(--lh-ink);
    letter-spacing: -.01em;
    font-weight: 700;
}

code, pre, kbd, samp, .mono {
    font-family: 'JetBrains Mono', 'Menlo', 'Consolas', monospace !important;
    font-size: .92em;
}

/* -------------------------------------------------------------
   Red → Pink.  Override Divi/Directorist/theme defaults.
   Targets every place the red/crimson accent appears.
   ------------------------------------------------------------- */

/* Links — default + hover */
a,
.et_pb_text a,
.entry-content a,
.post-meta a,
.widget a,
.comment-body a {
    color: var(--lh-pink-600);
}
a:hover,
.et_pb_text a:hover,
.entry-content a:hover,
.post-meta a:hover,
.widget a:hover {
    color: var(--lh-pink-800);
}

/* Buttons — Divi .et_pb_button, Directorist .directorist-btn,
   WP .button, comment submit .submit */
.et_pb_button,
.et_pb_button_inner,
a.et_pb_button,
button.et_pb_button,
.directorist-btn,
.directorist-btn-primary,
.wp-block-button__link,
.button,
input[type="submit"],
#commentform #submit,
#commentform .submit,
.comment-form .submit,
.comment-form input[type="submit"],
.submit-comment,
.form-submit .submit {
    background-color: var(--lh-pink-400) !important;
    background: var(--lh-pink-400) !important;
    border-color: var(--lh-pink-400) !important;
    color: var(--lh-white) !important;
    border-radius: 999px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: .01em !important;
    box-shadow: 0 4px 12px rgba(255, 102, 196, .22);
    transition: background-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
.et_pb_button:hover,
a.et_pb_button:hover,
button.et_pb_button:hover,
.directorist-btn:hover,
.wp-block-button__link:hover,
.button:hover,
input[type="submit"]:hover,
#commentform #submit:hover,
.comment-form input[type="submit"]:hover {
    background-color: var(--lh-pink-600) !important;
    background: var(--lh-pink-600) !important;
    border-color: var(--lh-pink-600) !important;
    color: var(--lh-white) !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(230, 63, 166, .28);
}

/* Divi's ::after arrow/airplane icon on buttons — remove everywhere */
.et_pb_button::after,
a.et_pb_button::after,
.et_pb_button_module_wrapper a::after,
#commentform #submit::after,
.comment-form .submit::after,
.form-submit .submit::after,
input[type="submit"]::after {
    content: '' !important;
    display: none !important;
    margin: 0 !important;
    width: 0 !important;
}

/* Remove the hover-reveal margin-right that Divi reserves for the arrow */
.et_pb_button:hover,
a.et_pb_button:hover {
    padding-right: 1em !important;
}

/* Tags / categories — pills, pink on pink-100 */
.tagcloud a,
.post-tags a,
.entry-tags a,
.et_pb_post_meta a[rel~="tag"],
.et_pb_widget a[rel~="tag"],
.post-meta .et_pb_categories a,
.single .entry-meta a,
.comment-tags a,
.post-meta a[href*="/tag/"],
.post-meta a[href*="/category/"] {
    display: inline-block;
    background: var(--lh-pink-100) !important;
    color: var(--lh-pink-800) !important;
    border: 1px solid var(--lh-pink-200) !important;
    padding: 4px 12px !important;
    border-radius: 999px !important;
    margin: 3px 4px 3px 0 !important;
    font-size: 13px !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all .15s ease;
}
.tagcloud a:hover,
.post-tags a:hover,
.entry-tags a:hover,
.et_pb_post_meta a[rel~="tag"]:hover,
.post-meta a[href*="/tag/"]:hover,
.post-meta a[href*="/category/"]:hover {
    background: var(--lh-pink-400) !important;
    color: var(--lh-white) !important;
    border-color: var(--lh-pink-400) !important;
}

/* The tag separator pipes from WP's the_tags() — keep but in slate */
.post-meta,
.entry-meta,
.et_pb_post_meta {
    color: var(--lh-slate);
}

/* -------------------------------------------------------------
   Default site accent (logo, icons, highlights) — pink
   ------------------------------------------------------------- */

/* Divi accent colour defaults to Divi red → push pink everywhere */
.et_pb_section.et_pb_section_first_child_free_photo_1 .et_pb_button,
.et_pb_blurb .et-pb-icon,
.et_pb_counter_amount,
.et_pb_counters_inner,
.et_pb_circle_counter .percent p,
.et_pb_pricing_table .et_pb_pricing_content_top,
.et_pb_toggle_open .et_pb_toggle_title,
.et_pb_tabs_controls li.et_pb_tab_active {
    color: var(--lh-pink-400) !important;
}

/* Section/column focal colours that default to red in Divi child themes */
.et_pb_section[style*="#e02b20"],
.et_pb_section[style*="#c61d23"],
.et_pb_section[style*="#ff0000"] {
    /* these are deliberately broad — if a section tries to use Divi red, push it pink */
    background-color: var(--lh-pink-400) !important;
}

/* Price / highlight spans in Directorist cards */
.directorist-listing-single__info__price,
.atbdp_listing_price,
.price .amount,
.directorist-cat-item__title {
    color: var(--lh-pink-600) !important;
}

/* -------------------------------------------------------------
   Blue → Pink for article callouts and table headers.
   Covers post-content inline styles written before the rebrand
   AND any future blocks using navy/blue tokens.
   ------------------------------------------------------------- */

/* Callout box: legacy blue "Quick Answer" treatment */
.entry-content div[style*="#eef4ff"],
.entry-content div[style*="#eaf2ff"],
.entry-content div[style*="#e6eaf4"] {
    background: var(--lh-pink-50) !important;
    border-left-color: var(--lh-pink-400) !important;
}

/* Table headers rendered with legacy dark-blue inline fill */
.entry-content thead tr[style*="#0f264f"],
.entry-content thead tr[style*="#1e2a4a"],
.entry-content thead tr[style*="#112a59"],
.entry-content thead th[style*="#0f264f"],
.entry-content thead th[style*="#1e2a4a"] {
    background: var(--lh-pink-400) !important;
    color: var(--lh-white) !important;
}

/* Default (unstyled) table headings */
.entry-content table:not([class]) thead tr,
.entry-content table:not([class]) thead th,
.wp-block-table thead tr,
.wp-block-table thead th {
    background: var(--lh-pink-400);
    color: var(--lh-white);
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    letter-spacing: .01em;
}
.entry-content table,
.wp-block-table table {
    border-collapse: collapse;
    border: 1px solid var(--lh-mist);
    border-radius: 8px;
    overflow: hidden;
}
.entry-content tbody tr:nth-child(even) td,
.wp-block-table tbody tr:nth-child(even) td {
    background: var(--lh-cloud);
}
.entry-content td,
.wp-block-table td {
    border: 1px solid var(--lh-mist);
    padding: 10px 12px;
}

/* Blockquotes — pink left rule */
blockquote,
.entry-content blockquote,
.wp-block-quote {
    border-left: 4px solid var(--lh-pink-400);
    background: var(--lh-pink-50);
    padding: 16px 20px;
    margin: 24px 0;
    border-radius: 0 8px 8px 0;
    font-style: normal;
    color: var(--lh-charcoal);
}

/* -------------------------------------------------------------
   Hide the legacy "Orion Real Estate Properties" + empty blog
   footer section on single posts.  It lives in the Divi Theme
   Builder body template as #sale / section_5_tb_body and renders
   "No Results Found" because the Directorist posts it targeted
   no longer exist.  Until the template is refactored, simply hide.
   ------------------------------------------------------------- */
.single #sale,
.single-post #sale,
.single .et_pb_section_5_tb_body,
.single .et_pb_blurb_2_tb_body,
.single .et_pb_blog_1_tb_body,
.single .not-found-title {
    display: none !important;
}
/* Also hide the parent row if it's now empty so we don't leave whitespace */
.single .et_pb_row_4_tb_body,
.single .et_pb_row_5_tb_body {
    display: none !important;
}

/* -------------------------------------------------------------
   Entry titles, meta bar, structural polish
   ------------------------------------------------------------- */
.entry-title,
.post-title,
.et_pb_post_title h1.entry-title {
    color: var(--lh-ink) !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: -.015em;
}

.entry-meta,
.post-meta,
.comment-meta,
.widget_recent_comments,
.post-date,
.author-meta {
    color: var(--lh-slate) !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 12.5px !important;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.entry-meta a,
.post-meta a {
    color: var(--lh-pink-600);
}

/* Widget titles */
.widget-title,
.widgettitle,
h4.widgettitle,
.et_pb_widget h4 {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
    color: var(--lh-ink) !important;
    border-bottom: 2px solid var(--lh-pink-400);
    padding-bottom: 8px;
    margin-bottom: 14px;
}

/* Sidebar "Popular Properties" Directorist cards — card chrome only */
.directorist-listing-card,
.directorist-listing-single__card,
.et_pb_posts .et_pb_post {
    border-radius: 12px;
    overflow: hidden;
    transition: box-shadow .2s ease, transform .2s ease;
}
.directorist-listing-card:hover,
.et_pb_posts .et_pb_post:hover {
    box-shadow: 0 8px 24px rgba(26, 26, 26, .08);
    transform: translateY(-2px);
}

/* Comment form polish */
.comment-form label,
.comment-form p.logged-in-as {
    color: var(--lh-slate);
    font-size: 14px;
    font-family: 'Inter', sans-serif;
}
.comment-form textarea,
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
    border: 1px solid var(--lh-mist);
    border-radius: 8px;
    padding: 12px 14px;
    font-family: 'Inter', sans-serif;
}
.comment-form textarea:focus,
.comment-form input:focus {
    border-color: var(--lh-pink-400);
    outline: none;
    box-shadow: 0 0 0 3px rgba(255, 102, 196, .18);
}

/* Headings inside the comments area */
.comments-area h3,
.comments-area h4,
#reply-title,
#comments-title {
    font-family: 'Poppins', sans-serif !important;
    color: var(--lh-ink) !important;
}

/* Translate plugin floating button — keep but tone to pink */
#google_language_translator,
.goog-te-gadget {
    font-family: 'Inter', sans-serif !important;
}

/* Chaty floating chat button — leave as is (it's a third-party widget) */

/* -------------------------------------------------------------
   Directorist listings — surface pink accents on card titles + CTAs
   ------------------------------------------------------------- */
.directorist-listing-card__title a,
.directorist-listing-single__title a,
.directorist-listing-card a:hover {
    color: var(--lh-ink);
}
.directorist-listing-card a:hover,
.directorist-listing-single__title a:hover {
    color: var(--lh-pink-600);
}
.directorist-pagination .current,
.directorist-pagination a:hover {
    background: var(--lh-pink-400) !important;
    color: var(--lh-white) !important;
    border-color: var(--lh-pink-400) !important;
}

/* -------------------------------------------------------------
   Final sweep — kill any remaining red leaking in from Divi
   theme options, Directorist colour presets, or legacy inline
   styles in post-meta / tag modules / post-nav labels.

   Red is NOT part of the LovelyHomes palette (except Alert Red
   #D64545 reserved for error states).  Force pink everywhere.
   ------------------------------------------------------------- */

/* Divi text module inside Theme Builder body that renders post tags */
.et_pb_text.et_pb_text_0_tb_body a,
.et_pb_text.et_pb_text_0_tb_body a:link,
.et_pb_text.et_pb_text_0_tb_body a:visited,
[class*="et_pb_text"][class*="_tb_body"] a[href*="/tag/"],
[class*="et_pb_text"][class*="_tb_body"] a[href*="/category/"] {
    color: var(--lh-pink-600) !important;
    text-decoration: none !important;
    font-weight: 600;
}
[class*="et_pb_text"][class*="_tb_body"] a[href*="/tag/"]:hover,
[class*="et_pb_text"][class*="_tb_body"] a[href*="/category/"]:hover {
    color: var(--lh-pink-800) !important;
    text-decoration: underline !important;
}

/* Directorist sidebar Popular Properties "Condo" etc. category labels */
.post-meta,
.post-meta a,
p.post-meta,
p.post-meta a,
.directorist-listing-card .post-meta,
.directorist-listing-card .post-meta a,
.et_pb_posts .post-meta,
.et_pb_posts .post-meta a,
.atbdp_listing_type,
.directorist-category-term,
a.directorist-category-term {
    color: var(--lh-pink-600) !important;
}
.post-meta a:hover,
p.post-meta a:hover,
.directorist-listing-card .post-meta a:hover {
    color: var(--lh-pink-800) !important;
}

/* Divi's "Previous Articles / Next Articles" post nav label */
.nav-label,
.nav-previous .nav-label,
.nav-next .nav-label,
.et_pb_post_nav .nav-label,
.nav-previous a,
.nav-next a,
.nav-previous,
.nav-next,
.post-navigation a,
.posts-navigation a {
    color: var(--lh-pink-600) !important;
    text-decoration: none !important;
}
.nav-previous:hover,
.nav-next:hover,
.nav-previous a:hover,
.nav-next a:hover {
    color: var(--lh-pink-800) !important;
}

/* Directorist listing type badges that use #ff5a5f / Directorist red */
[style*="rgb(255, 90, 95)"],
[style*="#ff5a5f" i],
[style*="#FF5A5F"],
.directorist-bgcolor--primary,
.atbd_listing_type a {
    color: var(--lh-pink-600) !important;
    background-color: transparent !important;
}

/* Scorched-earth: any element whose class name hints it's a tag/category
   pill rendered by a non-standard WP module — push pink. */
a[class*="tag-"][href*="/tag/"],
a[href*="/tag/"],
a[href*="/category/"] {
    color: var(--lh-pink-600);
}
a[href*="/tag/"]:hover,
a[href*="/category/"]:hover {
    color: var(--lh-pink-800);
}

/* -------------------------------------------------------------
   Selection, focus outlines, horizontal rules
   ------------------------------------------------------------- */
::selection { background: var(--lh-pink-100); color: var(--lh-ink); }

hr,
.wp-block-separator {
    border: 0;
    border-top: 1px solid var(--lh-mist);
    margin: 32px 0;
}