.elementor-kit-309258{--e-global-color-smartmag:var(--c-main);--e-global-color-primary:#5C2A6E;--e-global-color-secondary:#C06C84;--e-global-color-text:#333333;--e-global-color-accent:#F9A825;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-weight:500;font-family:"Source Serif 4", Sans-serif;font-size:18px;line-height:1.6em;}.elementor-kit-309258 e-page-transition{background-color:#FFBC7D;}.elementor-kit-309258 h1{font-family:"Libre Bodoni", Sans-serif;}.elementor-kit-309258 h2{font-family:"Libre Bodoni", Sans-serif;}.elementor-kit-309258 h3{font-family:"Libre Bodoni", Sans-serif;}.elementor-kit-309258 h4{font-family:"Libre Bodoni", Sans-serif;}.elementor-kit-309258 h5{font-family:"Libre Bodoni", Sans-serif;}.elementor-kit-309258 h6{font-family:"Libre Bodoni", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:940px;}.e-con{--container-max-width:940px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* Divine Magazine® Homepage Signature Styles */

/* Section headings */
div[class*="section"], /* generic catch */
.dm-section-heading, 
h2, h3.section-title, h4.section-title {
    /* ???? FIX 1: Enforce Manrope and the required 800 weight for Newsfy style */
    font-family: var(--font-manrope, "Manrope", sans-serif) !important; 
    font-weight: 800 !important; 
    
    font-size: clamp(1.8rem, 2.5vw, 2.6rem);
    color: var(--accent) !important; /* Force color using accent */
    margin-bottom: 0.4rem !important;
    position: relative;
    padding-bottom: 0.4rem;
}

/* Terracotta underline bar below headings */
div[class*="section"] > h2::after,
.dm-section-heading::after,
h2.section-title::after,
h3.section-title::after,
h4.section-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 4rem;
    height: 4px;
    background: var(--accent);
    border-radius: 2px;
}

/* Section sublines */
.section-subline,
.dm-section-subline,
p.section-intro {
    /* ???? FIX 2: Enforce Manrope for sublines */
    font-family: var(--font-manrope, "Manrope", sans-serif) !important;
    
    font-size: 1rem;
    color: var(--text-secondary) !important;
    max-width: 600px;
    margin-bottom: 2rem !important;
    line-height: 1.5;
}

/* Cards and post lists */
.eael-post-list-post-inner,
.elementor-post,
.ua-post-item,
.essential-addons-post-card {
    background-color: var(--bg-card) !important;
    border-radius: var(--radius) !important;
    box-shadow: var(--shadow-default) !important;
    padding: var(--card-padding, 1.5rem) !important; /* Added a default fallback value */
    transition: box-shadow var(--transition), transform var(--transition);
}

.eael-post-list-post-inner:hover,
.elementor-post:hover,
.ua-post-item:hover,
.essential-addons-post-card:hover {
    box-shadow: var(--shadow-hover) !important;
    transform: translateY(-4px);
}

/* Post titles */
.eael-post-list-title a,
.elementor-post__title a,
.ua-post-title a,
.essential-addons-post-title a {
    color: var(--text-primary) !important;
    /* ???? FIX 3: Enforce Manrope Bold for Post Titles */
    font-family: var(--font-manrope, "Manrope", sans-serif) !important;
    font-weight: 800 !important;
    
    text-decoration: none;
    transition: color 0.3s ease;
}

.eael-post-list-title a:hover,
.elementor-post__title a:hover,
.ua-post-title a:hover,
.essential-addons-post-title a:hover,
.eael-post-list-title a:focus-visible,
.elementor-post__title a:focus-visible,
.ua-post-title a:focus-visible,
.essential-addons-post-title a:focus-visible {
    color: var(--accent-hover) !important;
    text-decoration: underline;
    outline: 2px solid var(--focus-outline);
    outline-offset: 3px;
}

/* Post excerpts */
.eael-post-list-content p,
.elementor-post__excerpt,
.ua-post-excerpt,
.essential-addons-post-excerpt {
    color: var(--text-secondary) !important;
    /* ???? FIX 4: Enforce Manrope Regular for Excerpts */
    font-family: var(--font-manrope, "Manrope", sans-serif) !important;
    
    font-size: 0.95rem;
    line-height: 1.5;
}

/* Category pills */
.meta-el.meta-tax a,
.ua-post-category a,
.essential-addons-post-category a {
    background-color: var(--accent) !important; /* Added !important for safety */
    color: #fff !important;
    padding: 0.3rem 0.8rem;
    border-radius: 9999px;
    font-weight: 600;
    font-size: 0.85rem;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.meta-el.meta-tax a:hover,
.ua-post-category a:hover,
.essential-addons-post-category a:hover,
.meta-el.meta-tax a:focus-visible,
.ua-post-category a:focus-visible,
.essential-addons-post-category a:focus-visible {
    background-color: var(--accent-hover) !important;
    outline: 2px solid var(--focus-outline);
    outline-offset: 2px;
}

/* Responsive grid tweaks */
@media (min-width: 768px) {
    .p-wrap.p-grid-small-1 {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (min-width: 1024px) {
    .p-wrap.p-grid-small-1 {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* =============================================================
   DIVINE 2026: ARCHITECTURAL CORE + SILK REVEAL (V2.0)
============================================================= */

:root {
    /* Foundation Colors  */
    --terracotta: #E07B5A;
    --terracotta-dark: #C66344;
    --divine-ink: #0F0D0C;
    --bg-bone: #FFFFFF;
    --bg-paper: #F9F7F5;
    
    /* Dual-Typography System  */
    --font-primary-serif: 'Libre Bodoni', serif;
    --font-body-serif: 'Reddit Sans', sans-serif;
    --font-ui: 'Syne', sans-serif;
    
    /* High-Refresh Motion  */
    --ease-silk: cubic-bezier(0.22, 1, 0.36, 1);
    --transition-luxe: all 0.8s var(--ease-silk);
}

/* 1. GLOBAL IMAGE TREATMENT (The "Silk" Reveal)  */
:where(img) {
    filter: grayscale(100%) contrast(1.1) brightness(0.95);
    will-change: filter, transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transition: 
        filter 0.9s var(--ease-silk), 
        transform 1.1s var(--ease-silk),
        brightness 0.9s var(--ease-silk);
}

/* 2. HOVER STATE: CINEMATIC REVEAL  */
[class*="post"]:hover img,
.vogue-card:hover img,
.rb-item:hover img,
.vogue-spotlight-card:hover img {
    filter: grayscale(0%) contrast(1) brightness(1.05);
    transform: scale(1.04) translateZ(0); /* Hardware Acceleration */
}

/* 3. ARCHITECTURAL DEPTH (Flat Logic)  */
.vogue-card, .vogue-spotlight-card, .rb-item {
    transition: var(--transition-luxe);
}

.vogue-card:hover, 
.vogue-spotlight-card:hover, 
.rb-item:hover {
    box-shadow: 0 60px 140px rgba(15, 13, 12, 0.12); /* Heavy Offset  */
    transform: translateY(-8px);
}

/* 4. TECHNICAL METADATA (Syne UI)  */
.entry-meta, .is-meta, .p-categories a, .rb-meta {
    font-family: var(--font-ui) !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 0.4em !important;
    font-size: 8px !important;
    color: var(--terracotta) !important;
}

/* 5. GLOBAL SELECTION  */
::selection {
    background: var(--divine-ink);
    color: #fff;
}/* End custom CSS */