/*
Theme Name: Newsmag Child
Theme URI: https://clutterlessnest.com
Template: Newsmag
Author: ClutterlessNest
Description: Newsmag child theme for ClutterlessNest — Coastal Calm palette
Version: 1.2.0
*/

/* ============================================
   ClutterlessNest — Coastal Calm Editorial CSS
   Palette:
     Primary/Teal:  #2A7B88
     CTA/Gold:      #D4A574
     Dark/Slate:    #2D3436
     Background:    #FAFCFC
     Alt/Seafoam:   #E8F4F3
     Hover Teal:    #1F5C66
     Light Teal:    #5BC0C8
   ============================================ */

/* --- Global --- */
body {
    background-color: #FAFCFC;
}

/* --- Links --- */
.td-post-content a,
.td-post-content a:visited {
    color: #2A7B88;
    text-decoration: underline;
    text-decoration-color: rgba(42,123,136,0.3);
    text-underline-offset: 2px;
}
.td-post-content a:hover {
    color: #1F5C66;
    text-decoration-color: #1F5C66;
}

/* --- H2 — gold underline accent --- */
.td-post-content h2 {
    color: #2D3436;
    padding-bottom: 8px;
    border-bottom: 3px solid #D4A574;
    margin-bottom: 20px;
}

/* --- H3 — teal left border --- */
.td-post-content h3 {
    color: #2D3436;
    padding-left: 14px;
    border-left: 4px solid #2A7B88;
    margin-bottom: 16px;
}

/* --- H4 --- */
.td-post-content h4 {
    color: #2A7B88;
}

/* --- Blockquotes + Quick Answer — Brand Guide: teal bg, white text, compact --- */
.td-post-content blockquote,
blockquote,
.td-post-content .wp-block-quote,
.quick-answer-box,
.cn-quick-answer {
    background: #2A7B88;
    border-left: none;
    border: none;
    padding: 14px 18px;
    margin: 18px 0;
    font-style: normal;
    font-size: 15px !important;
    line-height: 1.6;
    color: #fff;
    border-radius: 8px;
    text-align: left !important;
}
.td-post-content blockquote p,
.td-post-content .wp-block-quote p,
.quick-answer-box p,
.cn-quick-answer p {
    font-size: 15px !important;
    line-height: 1.6;
    margin-bottom: 8px;
    text-align: left !important;
    color: #fff;
}
.td-post-content blockquote p:last-child {
    margin-bottom: 0;
}
.td-post-content blockquote strong,
.td-post-content .wp-block-quote strong,
.quick-answer-box strong,
.cn-quick-answer strong {
    color: #fff;
    font-weight: 700;
}
.td-post-content blockquote ol,
.td-post-content blockquote ul,
.td-post-content .wp-block-quote ol,
.td-post-content .wp-block-quote ul,
.quick-answer-box ol,
.cn-quick-answer ol {
    font-size: 14px !important;
    margin: 6px 0 0 16px;
    padding: 0;
    color: #fff;
}
.td-post-content blockquote li,
.td-post-content .wp-block-quote li,
.quick-answer-box li,
.cn-quick-answer li {
    margin-bottom: 2px;
    font-size: 14px !important;
    color: #fff;
}
.td-post-content blockquote li::marker,
.td-post-content .wp-block-quote li::marker {
    color: #D4A574;
}
.td-post-content blockquote a,
.td-post-content .wp-block-quote a,
.quick-answer-box a,
.cn-quick-answer a {
    color: #E8F4F3 !important;
    text-decoration: underline;
}
.td-post-content blockquote a:hover,
.td-post-content .wp-block-quote a:hover {
    color: #fff !important;
}

/* Quick Answer classes handled above in blockquote section */

/* --- Category badges — pill style --- */
.td-post-category {
    background-color: #2A7B88 !important;
    border-radius: 3px;
    padding: 3px 8px;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* --- Author box --- */
.td-author-name a {
    color: #2A7B88;
}
.td-author-name a:hover {
    color: #1F5C66;
}
.td-author-descr .cn-author-social a {
    display: inline-block;
    margin-top: 8px;
    padding: 4px 14px;
    background: #2A7B88;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
    font-size: 13px;
}
.td-author-descr .cn-author-social a:hover {
    background: #1F5C66;
}

/* --- Tables (only default tables, not custom HTML tables) --- */
.td-post-content table:not([class]) {
    border-collapse: collapse;
    width: 100%;
    margin: 20px 0;
}
.td-post-content table:not([class]) th {
    background: #2A7B88;
    color: #fff;
    padding: 10px 14px;
    text-align: left;
    font-weight: 600;
}
.td-post-content table:not([class]) td {
    padding: 10px 14px;
    border-bottom: 1px solid #E8F4F3;
}
.td-post-content table:not([class]) tr:nth-child(even) td {
    background: #FAFCFC;
}
.td-post-content table:not([class]) tr:hover td {
    background: #E8F4F3;
}

/* --- Lists --- */
.td-post-content ul li::marker {
    color: #2A7B88;
}
.td-post-content ol li::marker {
    color: #2A7B88;
    font-weight: 700;
}

/* --- Scroll to top (if Newsmag has one) --- */
.td-scroll-up {
    background: #2A7B88 !important;
}
.td-scroll-up:hover {
    background: #1F5C66 !important;
}

/* --- Section headings on homepage (module block titles) --- */
.block-title > span,
.block-title > a {
    border-color: #2A7B88;
}

/* --- Trending Now tag --- */
.td-trending-now-title {
    background-color: #2A7B88;
}

/* --- Sidebar widget titles --- */
.td-sidebar .block-title > span,
.td-sidebar .block-title > a {
    border-color: #D4A574;
}

/* --- Read More links --- */
.td-read-more a {
    color: #2A7B88;
}
.td-read-more a:hover {
    color: #1F5C66;
}

/* --- Pagination --- */
.page-nav .current {
    background: #2A7B88 !important;
    border-color: #2A7B88 !important;
    color: #fff !important;
}
.page-nav a:hover {
    background: #2A7B88 !important;
    border-color: #2A7B88 !important;
    color: #fff !important;
}

/* --- Breadcrumbs --- */
.entry-crumbs a {
    color: #2A7B88;
}
.entry-crumbs a:hover {
    color: #1F5C66;
}

/* --- Tags --- */
.td-tags li a {
    color: #2A7B88;
    border: 1px solid #2A7B88;
    border-radius: 3px;
}
.td-tags li a:hover {
    background: #2A7B88;
    color: #fff;
}

/* --- Mobile responsive --- */

/* --- Section headers: white text on colored backgrounds --- */
h4.block-title,
h4.block-title span,
h4.block-title a,
h4.block-title .td-pulldown-size,
.td_block_wrap h4.block-title,
.td_block_wrap h4.block-title span {
    color: #fff !important;
}

@media (max-width: 767px) {
    .td-post-content h2 {
        font-size: 22px;
        padding-bottom: 6px;
    }
    .td-post-content h3 {
        font-size: 19px;
        padding-left: 12px;
    }
    .quick-answer-box,
    .cn-quick-answer {
        padding: 12px 14px;
        margin: 14px 0;
        font-size: 13px;
    }
    .td-post-content blockquote {
        padding: 12px 14px;
        margin: 14px 0;
        font-size: 13px;
    }
    .td-post-content table {
        font-size: 14px;
    }
    .td-post-content table th,
    .td-post-content table td {
        padding: 8px 10px;
    }
}


/* --- FIX: Slider images - cover to prevent gray bars (images are 4:3, slider expects wider) --- */
.td_block_big_grid .td-module-thumb img,
.td-big-grid-post .entry-thumb,
.td_module_mx1 .td-module-thumb img,
.td_module_mx2 .td-module-thumb img,
.td-big-grid-post .td-module-thumb img,
.td-big-grid-post img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.td_block_big_grid .td-module-thumb,
.td-big-grid-post .td-module-thumb {
    overflow: hidden;
}

/* --- FIX: Hide author name and date on homepage --- */
.td-is-filter .td-post-author-name,
.td-is-filter .td-post-date,
.td-is-filter .td-module-meta-info .td-post-author-name,
.td-is-filter .td-module-meta-info .td-post-date,
.td_block_big_grid .td-post-author-name,
.td_block_big_grid .td-post-date,
.td_module_mx1 .td-post-author-name,
.td_module_mx1 .td-post-date,
.td_module_mx2 .td-post-author-name,
.td_module_mx2 .td-post-date,
.td_module_mx4 .td-post-author-name,
.td_module_mx4 .td-post-date,
.page-id-2819 .td-post-author-name,
.page-id-2819 .td-post-date,
.page-id-2819 .td-module-meta-info .td-post-author-name,
.page-id-2819 .td-module-meta-info .td-post-date {
    display: none !important;
}

/* --- FIX: Hide social counter widget (0 Fans/Followers/Subscribers) --- */
.td_block_social_counter_widget,
.td-social-counter,
.td_block_social_counter {
    display: none !important;
}