/* --- 1. GLOBAL HIDDEN ELEMENTS --- */
#subscribe-blog, .jetpack_subscription_widget, .wp-block-jetpack-subscriptions, #wpadminbar, .sharedaddy, .jp-relatedposts { 
    display: none !important; 
}

/* --- 2. HOMEPAGE SPECIFIC BRANDING --- */
/* Everything below this only works on the page designated as 'Home' */

.home html, .home body { 
    margin: 0 !important; padding: 0 !important; 
    background: #0c0516 !important;
    background-image: radial-gradient(circle at center, #311b57 0%, #0c0516 100%) !important;
    background-attachment: fixed !important;
    color: #fff; width: 100%; overflow-x: hidden !important;
}

.home .site-content, .home .entry-content, .home .post-inner, .home .article-inner {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* --- 3. OLD NAV PILL HEADER — REMOVED --------------------------------
   This section used to style a `.header-wrapper` / `.nav-pill` / `.cta-btn`
   header directly here in Additional CSS. It's been replaced by the
   self-contained header now living in the HFCM snippet (header-with-
   mobile-drawer.html), which carries its own <style> block and needs
   nothing added here.

   It was removed rather than left in because its `.home .nav-pill` selector
   (two chained classes) was silently overriding the HFCM header's `.nav-pill`
   rules (one class) on the homepage — two classes always beat one in CSS,
   regardless of file order — which is what was forcing the mobile pill to
   stay visible instead of collapsing into the hamburger menu.
   ----------------------------------------------------------------------- */

/* --- 4. HOME ANIMATIONS & TICKERS --- */
@keyframes scrollLeft { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes scrollRight { from { transform: translateX(-50%); } to { transform: translateX(0); } }

.home .froyo-scroll-container { display: flex; width: max-content; animation: scrollLeft 40s linear infinite; align-items: center; padding: 20px 0; }
.home .partner-logo { height: 35px; width: auto; margin: 0 60px; filter: grayscale(1) brightness(2) opacity(0.5); transition: 0.3s; }

.home .review-strip { padding: 100px 0; overflow: hidden; width: 100%; display: flex; flex-direction: column; align-items: center; }
.home .review-row-1 { animation: scrollLeft 80s linear infinite; display: flex; width: max-content; }
.home .review-card { width: 420px; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 24px; padding: 40px; margin: 0 15px; flex-shrink: 0; }

/* --- 5. FOOTER & MOBILE --- */
.home .site-footer { background: rgba(0, 0, 0, 0.4); border-top: 1px solid rgba(255, 255, 255, 0.05); padding: 80px 50px; margin-top: 100px; }

@media (max-width: 950px) {
    /* Old .header-wrapper mobile override removed along with section 3.
       The current header's own mobile breakpoint (768px, in its HFCM
       snippet) now fully controls header layout on phones/tablets. */
}