/*
Theme Name: AffiliateCMS Child
Theme URI: https://lat.vn/
Description: Child theme for AffiliateCMS Theme. Add your custom styles and overrides here.
Author: AffiliateCMS Team
Author URI: https://lat.vn/
Template: affiliateCMS-theme
Version: 1.0.4
Requires at least: 6.0
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: affiliatecms-child
*/

/* ==========================================================================
   Custom Styles - Add your overrides below
   ========================================================================== */

/* === Migrated from Customizer Additional CSS (kept for history; now lives in child style.css) === */

/* ============================================
   CHRISTMASTREEZONE — FOOTER 4-COLUMN + SITE POLISH
   Palette: deep green #0d3b2e, gold #d4a94e, cream #f5f1e6
   ============================================ */
/* ---------- GOAL 1: FOOTER 4-COLUMN LAYOUT ---------- */
/* Footer base */
.site-footer {
    background: #0d3b2e;
    color: #f5f1e6;
}
/* Main footer: Brand | Nav (3 columns) */
.footer__main {
    display: grid !important;
    grid-template-columns: 1.2fr 2fr;
    gap: 3rem;
    align-items: start;
    max-width: 1200px;
    margin: 0 auto;
    padding: 3rem 1.5rem 2rem;
}
/* Nav becomes 3-column grid for link columns */
.footer__links {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.3rem 2rem;
    align-content: start;
    align-items: start;
}
/* Column headers: Buying Guides, Tree Types, Company */
.footer__links > a:nth-child(2),
.footer__links > a:nth-child(3),
.footer__links > a:nth-child(4) {
    font-weight: 700;
    font-size: 0.95rem;
    color: #d4a94e;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 0.6rem;
    text-decoration: none;
}
/* --- Buying Guides column (col 1): header + 8 posts, explicit rows so links sit tight under the header --- */
.footer__links > a:nth-child(2)  { grid-column: 1; grid-row: 1; }
.footer__links > a:nth-child(11) { grid-column: 1; grid-row: 2; } /* Artificial */
.footer__links > a:nth-child(8)  { grid-column: 1; grid-row: 3; } /* Pre-Lit */
.footer__links > a:nth-child(9)  { grid-column: 1; grid-row: 4; } /* Flocked */
.footer__links > a:nth-child(12) { grid-column: 1; grid-row: 5; } /* 7.5 ft */
.footer__links > a:nth-child(7)  { grid-column: 1; grid-row: 6; } /* Slim & Pencil */
.footer__links > a:nth-child(6)  { grid-column: 1; grid-row: 7; } /* Tabletop */
.footer__links > a:nth-child(10) { grid-column: 1; grid-row: 8; } /* Fiber Optic */
.footer__links > a:nth-child(5)  { grid-column: 1; grid-row: 9; } /* Real vs Artificial */
/* --- Tree Types column (col 2): header + 5 categories --- */
.footer__links > a:nth-child(3)  { grid-column: 2; grid-row: 1; }
.footer__links > a:nth-child(13) { grid-column: 2; grid-row: 2; }
.footer__links > a:nth-child(14) { grid-column: 2; grid-row: 3; }
.footer__links > a:nth-child(15) { grid-column: 2; grid-row: 4; }
.footer__links > a:nth-child(16) { grid-column: 2; grid-row: 5; }
.footer__links > a:nth-child(17) { grid-column: 2; grid-row: 6; }
/* --- Company column (col 3): header + 4 pages --- */
.footer__links > a:nth-child(4)  { grid-column: 3; grid-row: 1; }
.footer__links > a:nth-child(1)  { grid-column: 3; grid-row: 2; } /* About */
.footer__links > a:nth-child(19) { grid-column: 3; grid-row: 3; } /* Contact */
.footer__links > a:nth-child(20) { grid-column: 3; grid-row: 4; } /* Affiliate Disclosure */
.footer__links > a:nth-child(18) { grid-column: 3; grid-row: 5; } /* Privacy Policy */
/* Footer link style */
.footer__link {
    color: #f5f1e6;
    text-decoration: none;
    font-size: 0.93rem;
    line-height: 1.65;
    padding: 0.2rem 0;
    display: block;
    transition: color 0.2s ease, padding-left 0.2s ease;
}
.footer__link:hover {
    color: #d4a94e;
    padding-left: 5px;
}
/* Brand logo: icon + two-tone text */
.footer__logo img {
    width: 56px;
    height: 56px;
    border-radius: 14px;
    object-fit: cover;
    vertical-align: middle;
}
.footer__logo::after {
    content: "ChristmasTreeZone";
    font-family: Georgia, "Times New Roman", serif;
    font-size: 30px;
    font-weight: 700;
    margin-left: 0.75rem;
    vertical-align: middle;
    background: linear-gradient(90deg, #f5f1e6 0%, #f5f1e6 48%, #d4a94e 52%, #d4a94e 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
/* Footer description */
.footer__description, .footer__main > p {
    color: rgba(245, 241, 230, 0.85);
    font-size: 0.95rem;
    line-height: 1.7;
    margin: 1rem 0;
    max-width: 32ch;
}
/* Social links */
.footer__social a {
    color: #f5f1e6;
    border: 1px solid rgba(212, 169, 78, 0.4);
    border-radius: 10px;
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.5rem;
    transition: background 0.2s, border-color 0.2s, transform 0.2s;
}
.footer__social a:hover {
    background: #d4a94e;
    border-color: #d4a94e;
    color: #0d3b2e;
    transform: translateY(-2px);
}
/* Disclosure box */
.footer__disclosure {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1.25rem 1.5rem;
    border-top: 1px solid rgba(212, 169, 78, 0.25);
    font-size: 0.85rem;
    line-height: 1.7;
    color: rgba(245, 241, 230, 0.75);
}
/* Bottom bar */
.footer__bottom {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1rem 1.5rem 2rem;
    border-top: 1px solid rgba(212, 169, 78, 0.25);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
    font-size: 0.85rem;
    color: rgba(245, 241, 230, 0.7);
}
/* ---------- GOAL 2: SITE-WIDE POLISH ---------- */
/* Softer body text */
body {
    line-height: 1.7;
}
/* Rounded cards + soft shadow + hover lift */
.card, .post-card, .guide-card, article.type-post {
    border-radius: 14px;
}
.post-card, .guide-card, .card {
    box-shadow: 0 2px 14px rgba(13, 59, 46, 0.08);
    transition: transform 0.28s ease, box-shadow 0.28s ease;
}
.post-card:hover, .guide-card:hover, .card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 28px rgba(13, 59, 46, 0.14);
}
/* Rounded images (keep logos crisp) */
.entry-content img, .post-content img, .wp-block-image img {
    border-radius: 12px;
}
/* Rounded buttons */
button, .button, .btn, input[type="submit"], .wp-block-button__link {
    border-radius: 10px;
}
/* Styled blockquotes */
blockquote {
    border-left: 4px solid #d4a94e;
    background: rgba(212, 169, 78, 0.09);
    border-radius: 0 12px 12px 0;
    padding: 1rem 1.5rem;
    margin: 1.6rem 0;
    font-style: italic;
    line-height: 1.75;
}
/* Gold underline for content links */
.entry-content a, .post-content a {
    text-decoration: underline;
    text-decoration-color: rgba(212, 169, 78, 0.45);
    text-underline-offset: 3px;
    transition: text-decoration-color 0.2s ease, color 0.2s ease;
}
.entry-content a:hover, .post-content a:hover {
    text-decoration-color: #d4a94e;} .page-id-18 .about-section__badge,.page-id-18 .about-section__title,.page-id-18 .about-section__tagline,.page-id-18 .about-section__divider{display:none} .page-id-19 .page-header,.page-id-20 .page-header,.page-id-21 .page-header{display:none} .footer__social{display:none} .entry-content a:hover, .post-content a:hover{
    color: #0d3b2e;
}
/* ---------- RESPONSIVE ---------- */
@media (max-width: 900px) {
    .footer__main {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    .footer__links {
        grid-template-columns: 1fr 1fr;
    }
    /* Stack Company below on tablet */
    .footer__links > a:nth-child(4),
    .footer__links > a:nth-child(1),
    .footer__links > a:nth-child(19),
    .footer__links > a:nth-child(20),
    .footer__links > a:nth-child(18) {
        grid-column: 1;
    }
}
@media (max-width: 600px) {
    .footer__links {
        grid-template-columns: 1fr;
    }
    .footer__links > a {
        grid-column: 1 !important;
    }
    .footer__links > a:nth-child(2),
    .footer__links > a:nth-child(3),
    .footer__links > a:nth-child(4) {
        margin-top: 1.25rem;
    }
    .footer__links > a:nth-child(2) {
        margin-top: 0;
    }
    .footer__bottom {
        flex-direction: column;
        text-align: center;
    }
    .footer__logo::after {
        font-size: 24px;
    }
}

/* === Header logo size (was Additional CSS) === */

.site-logo-wrap .custom-logo-link img{height:64px!important;max-height:64px!important;max-width:320px!important}
@media(max-width:640px){.site-logo-wrap .custom-logo-link img{height:44px!important;max-height:44px!important;max-width:220px!important}}

/* === Christmas redesign (was Additional CSS) === */

/* ============================================================
   CHRISTMAS REDESIGN — Classic Christmas editorial
   Pine + cranberry + cream + antique gold. Serif display type.
   No neon gradients, no glows, no glassmorphism, no emoji spam.
   ============================================================ */
:root{
  --xmas-pine:#0e3b2c;
  --xmas-pine-deep:#082a20;
  --xmas-berry:#a62b25;
  --xmas-berry-deep:#7c1f1a;
  --xmas-cream:#faf6ea;
  --xmas-parchment:#f4edd9;
  --xmas-gold:#c9a227;
  --xmas-gold-soft:#e6cf7e;
  --xmas-ink:#2b2f2a;
  --xmas-serif:Georgia,'Palatino Linotype','Book Antiqua',Palatino,serif;
}
/* ---------- base ---------- */
body{background:#fdfbf3;color:var(--xmas-ink)}
::selection{background:var(--xmas-berry);color:#fff}
:focus-visible{outline:2px solid var(--xmas-gold);outline-offset:2px}
/* ---------- serif display headlines ---------- */
.ctz-hero h1,.ctz-h2,.ctz-cta h2,
.post-hero__title,.post-article h2,
.page-header__title,.about-section__title,
.ctzp-hero h1,.ctzp-h2,
.ctz-card h3,.ctz-why-card h3{
  font-family:var(--xmas-serif)!important;
  letter-spacing:0!important;font-weight:700;
}
/* ---------- header: warm white + double gold rule ---------- */
.site-header{background:#fffdf8!important;border-bottom:3px double var(--xmas-gold)}
.header__menu a{color:var(--xmas-pine);font-weight:600}
.header__menu a:hover{color:var(--xmas-berry)}
.header__cta{background:var(--xmas-berry)!important;border-color:var(--xmas-berry)!important;border-bottom:3px solid var(--xmas-berry-deep)!important;color:#fff!important}
.header__cta:hover{background:var(--xmas-berry-deep)!important;border-color:var(--xmas-berry-deep)!important;color:#fff!important}
/* ---------- eyebrow ornament diamonds ---------- */
.ctz-eyebrow{color:var(--xmas-gold)}
.ctz-eyebrow::before{content:"\25C6\00A0";font-size:8px;vertical-align:3px}
.ctz-eyebrow::after{content:"\00A0\25C6";font-size:8px;vertical-align:3px}
/* ---------- hero ---------- */
.ctz-hero h1{font-size:54px;line-height:1.12}
.ctz-hero-badge{background:rgba(166,43,37,.94)!important;border:1px solid var(--xmas-gold-soft)!important;color:#fff!important}
/* ---------- search + chips ---------- */
.ctz-search button{background:var(--xmas-berry);border-bottom:3px solid var(--xmas-berry-deep)}
.ctz-search button:hover{background:var(--xmas-berry-deep)}
.ctz-chip{background:rgba(255,253,248,.07);border:1px solid rgba(201,162,39,.5);color:#f5f1e6}
.ctz-chip:hover{border-color:var(--xmas-gold);color:#fff;background:rgba(201,162,39,.16)}
/* ---------- section titles: gold flourish bar ---------- */
.ctz-h2{position:relative;padding-bottom:14px}
.ctz-h2::after{content:"";position:absolute;left:0;bottom:0;width:64px;height:3px;background:var(--xmas-gold)}
/* ---------- cards: parchment borders, gold hover ---------- */
.ctz-card{background:#fffdf8;border:1px solid #e8dcc0}
.ctz-card:hover{border-color:var(--xmas-gold)}
.ctz-card-badge{background:var(--xmas-pine)}
.ctz-pbadge{background:var(--xmas-berry);color:#fff8ea}
/* ---------- top picks table ---------- */
.ctz-table{border:1px solid #e8dcc0}
.ctz-rank{background:var(--xmas-berry);color:#fff8ea}
.ctz-row-info .pname{font-family:var(--xmas-serif)}
/* ---------- Amazon buttons: classic cranberry ---------- */
.ctz-amz,.btn-amazon{background:var(--xmas-berry)!important;color:#fffdf8!important;border-bottom:3px solid var(--xmas-berry-deep)}
.ctz-amz:hover,.btn-amazon:hover{background:var(--xmas-berry-deep)!important;color:#fff!important}
/* ---------- CTA band: deep cranberry, double gold rules ---------- */
.ctz-cta{background:var(--xmas-berry-deep);border-top:4px double var(--xmas-gold);border-bottom:4px double var(--xmas-gold)}
.ctz-cta-btn{border-bottom:3px solid #d8c690}
/* ---------- why + trust ---------- */
.ctz-why-card{background:var(--xmas-parchment);border:1px solid #e8dcc0}
.ctz-trust-num{font-family:var(--xmas-serif);color:var(--xmas-pine)}
/* ---------- post article: editorial ---------- */
.post-article{background:#fffdf8;border:1px solid #ece1c6;border-radius:14px}
.post-article h2{color:var(--xmas-pine);font-size:27px;margin-top:2.4em;padding-bottom:10px;border-bottom:2px solid var(--xmas-parchment)}
.post-article h3{color:var(--xmas-berry);font-size:21px}
.post-article a:not(.ctz-amz):not(.btn-amazon){color:var(--xmas-berry)}
.post-article blockquote{background:var(--xmas-parchment);border-left:4px solid var(--xmas-gold);font-family:var(--xmas-serif);font-style:italic;color:var(--xmas-pine)}
/* ---------- disclosure ---------- */
.post-disclosure{background:var(--xmas-pine)}
.post-disclosure__text{color:#f5f1e6!important}
.post-disclosure__icon{color:var(--xmas-gold-soft)}
.disclosure-box{background:var(--xmas-parchment);border:1px solid #e3d3a3;border-left:4px solid var(--xmas-berry)}
/* ---------- archive headers ---------- */
.page-header{background:var(--xmas-pine-deep)}
.page-header__title{color:#fff}
.breadcrumb a{color:var(--xmas-gold-soft)}
/* ---------- footer: double gold top rule ---------- */
.site-footer{border-top:4px double var(--xmas-gold)}
/* ---------- decorated company pages harmonize ---------- */
.ctzp-num{background:var(--xmas-berry)}
.ctzp-btn{background:var(--xmas-berry);border-bottom:3px solid var(--xmas-berry-deep)}
.ctzp-btn:hover{background:var(--xmas-berry-deep)}
.ctzp-card{border-color:#e8dcc0}
/* ---------- mobile ---------- */
@media(max-width:640px){
  .ctz-hero h1{font-size:36px!important}
  .ctz-h2{font-size:26px}
  .post-article h2{font-size:23px}
}