/*
Theme Name: WatchMaxTV Child
Theme URI: https://watchmaxtv.net
Description: Child theme for WatchMaxTV
Author: WatchMaxTV Ltd
Template: kadence
Version: 1.4.0
Text Domain: watchmaxtv-child
*/

/* ========================================
   Phase 12 — Visual polish (Apr 2026)
   ======================================== */

/* Cover heroes: smoother gradient + better text contrast */
.wp-block-cover.alignfull .wp-block-cover__background {
  background: linear-gradient(135deg, rgba(11,11,15,0.92) 0%, rgba(11,11,15,0.55) 60%, rgba(229,9,20,0.35) 100%) !important;
}
.wp-block-cover.alignfull h1,
.wp-block-cover.alignfull h2 {
  text-shadow: 0 2px 16px rgba(0,0,0,0.4);
  letter-spacing: -0.5px;
}

/* Buttons: shadow + lift on hover */
.wp-block-button__link {
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease !important;
  box-shadow: 0 4px 12px rgba(229,9,20,0.18);
}
.wp-block-button__link:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(229,9,20,0.28);
}

/* Feature cards (those palette-8 cards): hover lift */
.wp-block-group.has-palette-8-background-color {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.wp-block-group.has-palette-8-background-color:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.08);
}

/* Stat cards (dark cards): subtle red glow on hover */
.wp-block-group.has-palette-3-background-color {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  box-shadow: 0 4px 14px rgba(0,0,0,0.18);
}
.wp-block-group.has-palette-3-background-color:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(229,9,20,0.32);
}

/* Section headings — tighten the leading */
.wp-block-heading {
  letter-spacing: -0.3px;
}

/* Eyebrow text glow */
p[style*="letter-spacing:2px"],
p[style*="letter-spacing:3px"] {
  text-shadow: 0 0 18px rgba(229,9,20,0.35);
}

/* WhatsApp FAB: cleaner pulse */
.wmtv-wa-fab svg {
  filter: drop-shadow(0 0 4px rgba(255,255,255,0.18));
}

/* Image rounded corners site-wide */
.wp-block-image figure img,
.wp-block-cover__image-background {
  border-radius: 0;
}
.wp-block-image.has-custom-border img {
  box-shadow: 0 16px 40px rgba(0,0,0,0.18);
}

/* Inter font tightening */
body, h1, h2, h3, h4, h5, h6 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Smooth fade-in for hero content */
@keyframes wmtv-fade-up {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: translateY(0); }
}
.wp-block-cover__inner-container > * {
  animation: wmtv-fade-up 0.7s ease both;
}
.wp-block-cover__inner-container > *:nth-child(2) { animation-delay: 0.08s; }
.wp-block-cover__inner-container > *:nth-child(3) { animation-delay: 0.16s; }
.wp-block-cover__inner-container > *:nth-child(4) { animation-delay: 0.24s; }
.wp-block-cover__inner-container > *:nth-child(5) { animation-delay: 0.32s; }

/* Disclaimers — softer */
.wmtv-disclaimer {
  max-width: 900px;
  margin: 3rem auto 1rem !important;
  text-align: center;
  opacity: 0.7;
}

/* Mobile heading sizes */
@media (max-width: 768px) {
  .wp-block-cover h1 { font-size: 36px !important; line-height: 1.15 !important; }
  .wp-block-cover h2 { font-size: 30px !important; }
  .wp-block-cover .has-text-align-center[style*="font-size:22px"] { font-size: 17px !important; }
  h2[style*="font-size:42px"] { font-size: 30px !important; }
  h2[style*="font-size:54px"] { font-size: 38px !important; }
  p[style*="font-size:60px"] { font-size: 44px !important; }
  p[style*="font-size:56px"] { font-size: 38px !important; }
}

/* Cookie banner — match brand */
.cmplz-cookiebanner.cmplz-categories-type-categories.cmplz-bottom-right {
  border-radius: 14px !important;
  box-shadow: 0 16px 40px rgba(0,0,0,0.4) !important;
}
.cmplz-cookiebanner button.cmplz-accept {
  border-radius: 6px !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px !important;
}

/* ==========================================================
   Phase 12.1 — Force-fix the visible bugs (Apr 2026)
   ========================================================== */

/* Hide site title text — keep logo only */
.site-title,
.site-branding-title,
.kadence-site-title,
.site-branding > .site-title-wrap,
header .site-title-wrap {
    display: none !important;
}
.site-branding .site-title-wrap + img,
.site-branding img.custom-logo {
    margin-left: 0 !important;
}

/* Hide automatic page-title area above content */
.entry-hero,
.page-title-wrap,
.page-title-section,
.entry-hero-layout-standard,
.entry-hero.page-hero-section,
header.entry-header.page-title-style-above {
    display: none !important;
}

/* Remove the empty padding/space that came from page-title area */
body.page .content-container,
body.single .content-container {
    padding-top: 0 !important;
}

/* Force Complianz banner to bottom-right corner with brand styling */
#cmplz-cookiebanner-container {
    position: fixed !important;
    inset: auto 20px 20px auto !important;
    max-width: 420px !important;
    width: calc(100vw - 40px) !important;
    z-index: 99999 !important;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner {
    border-radius: 14px !important;
    box-shadow: 0 16px 40px rgba(0,0,0,0.4) !important;
    background: #0B0B0F !important;
    color: #fff !important;
    padding: 1.5rem !important;
    border: 1px solid #1F1F23 !important;
}
#cmplz-cookiebanner-container .cmplz-title { color: #fff !important; }
#cmplz-cookiebanner-container .cmplz-message,
#cmplz-cookiebanner-container .cmplz-message p { color: #cccccc !important; font-size: 14px !important; }
#cmplz-cookiebanner-container button.cmplz-accept {
    background: #E50914 !important;
    color: #fff !important;
    border-radius: 6px !important;
    border: 0 !important;
    padding: 0.6rem 1.2rem !important;
    font-weight: 700 !important;
}
#cmplz-cookiebanner-container button.cmplz-deny,
#cmplz-cookiebanner-container button.cmplz-view-preferences {
    background: transparent !important;
    color: #fff !important;
    border: 1px solid #555 !important;
    border-radius: 6px !important;
    padding: 0.6rem 1.2rem !important;
}

/* Hide the centered modal preferences view by default — bottom-right banner only */
#cmplz-manage-consent-container.cmplz-preferences {
    display: none !important;
}

/* Header: tighten when site title is hidden */
.site-branding {
    align-items: center;
}

/* Phase 12.2 — Remove top whitespace before hero */
body.page .site-container > .content-container,
body.single .site-container > .content-container {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
.entry-content > .alignfull:first-child,
.entry-content > .wp-block-cover.alignfull:first-of-type {
    margin-top: 0 !important;
}
article.entry,
.entry-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
/* Remove the empty before-content space */
body.page .content-style-boxed .entry,
body.page #primary {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ==========================================================
   Phase 12.2 — Comprehensive UX/UI fixes
   ========================================================== */

/* ==== HEADER / MENU — sticky, white bg with shadow, red hover ==== */
.site-header,
header.site-header,
#masthead {
    position: sticky !important;
    top: 0 !important;
    z-index: 100 !important;
    background: #ffffff !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
    border-bottom: 1px solid #f0f0f0 !important;
    transition: box-shadow 0.2s ease !important;
}

.main-navigation .primary-menu-container ul li a,
.header-menu-container ul li a,
nav .menu-item a {
    color: #0B0B0F !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    padding: 0.5rem 1rem !important;
    border-radius: 6px !important;
    transition: all 0.2s ease !important;
    position: relative !important;
}

.main-navigation .primary-menu-container ul li a:hover,
.header-menu-container ul li a:hover,
nav .menu-item a:hover,
nav .menu-item.current-menu-item a {
    color: #E50914 !important;
    background: rgba(229,9,20,0.06) !important;
}

/* CTA "Start Free Trial" header button — make it visually pop */
.header-button1 a,
[class*="header-button"] a,
.header-button-wrap a {
    background: #E50914 !important;
    color: #ffffff !important;
    padding: 0.6rem 1.4rem !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 12px rgba(229,9,20,0.25) !important;
    transition: all 0.2s ease !important;
}
.header-button1 a:hover,
[class*="header-button"] a:hover {
    background: #C40812 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 8px 20px rgba(229,9,20,0.4) !important;
    color: #fff !important;
}

/* Language switcher in header */
.wmtv-lang-switcher ul {
    gap: 4px !important;
}
.wmtv-lang-switcher li a {
    color: #0B0B0F !important;
    padding: 4px 10px !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    font-size: 13px !important;
}

/* ==== STATS CARDS — force black background with white labels ==== */
.wp-block-group.has-palette-3-background-color {
    background-color: #0B0B0F !important;
    color: #ffffff !important;
}
.wp-block-group.has-palette-3-background-color h2,
.wp-block-group.has-palette-3-background-color h3 {
    color: #E50914 !important;
}
.wp-block-group.has-palette-3-background-color p {
    color: #cccccc !important;
}

/* ==== FOOTER — force readable white-on-dark ==== */
.site-footer,
.site-footer-row,
.site-top-footer-wrap,
.site-bottom-footer-wrap,
.footer-widget-area {
    background: #0B0B0F !important;
    color: #cccccc !important;
}
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6 {
    color: #ffffff !important;
}
.site-footer p,
.site-footer li {
    color: #cccccc !important;
}
.site-footer a {
    color: #cccccc !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}
.site-footer a:hover {
    color: #E50914 !important;
}
.site-footer ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.site-footer ul li {
    padding: 0.4rem 0 !important;
}
.site-footer .footer-html {
    color: #999 !important;
    font-size: 14px !important;
    border-top: 1px solid #1F1F23 !important;
    padding-top: 1.5rem !important;
    margin-top: 1.5rem !important;
}

/* ==== Reduce empty space between sections ==== */
.wp-block-group.alignwide,
.wp-block-group.alignfull {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}
.wp-block-cover.alignfull {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Tighten content-container max-width and remove top padding */
.entry-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
.entry-content > *:first-child {
    margin-top: 0 !important;
}

/* ==== Section "What you get" cards — better contrast ==== */
.wp-block-group.has-palette-8-background-color {
    background-color: #ffffff !important;
    border: 1px solid #ececec !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
}

/* ==== Eyebrow text bigger + bolder ==== */
p[style*="letter-spacing:2px"][style*="textTransform:uppercase"],
p[style*="letter-spacing:3px"][style*="textTransform:uppercase"],
p[style*="letter-spacing: 2px"],
p[style*="letter-spacing: 3px"] {
    margin-bottom: 1rem !important;
}

/* ==== Mobile menu — proper styling ==== */
@media (max-width: 768px) {
    .site-header { padding: 0.5rem 1rem !important; }
    .header-button1 { display: none !important; }
    nav .menu-item a { font-size: 14px !important; padding: 0.4rem 0.8rem !important; }
}

/* ========== MOBILE FIXES ========== */
@media (max-width: 768px) {
    /* Force hero text to fit */
    .wp-block-cover h1,
    .entry-content h1,
    h1.wp-block-heading,
    .wp-block-cover .wp-block-heading {
        font-size: 28px !important;
        line-height: 1.15 !important;
        padding: 0 1rem !important;
    }
    .wp-block-cover h2,
    .wp-block-cover .wp-block-heading[class*="h2"] {
        font-size: 24px !important;
    }
    .wp-block-cover p,
    .wp-block-cover .has-text-align-center {
        font-size: 15px !important;
        padding: 0 1rem !important;
    }
    .wp-block-cover {
        min-height: 480px !important;
    }
    .wp-block-cover__inner-container {
        padding: 1rem !important;
        width: 100%;
    }
    /* Show hamburger menu */
    .menu-toggle,
    .mobile-toggle-open-button,
    .header-mobile-button-toggle {
        display: flex !important;
    }
    /* Hide desktop menu on mobile */
    .header-navigation:not(.mobile-navigation) {
        display: none !important;
    }
    /* Stack buttons in hero */
    .wp-block-buttons {
        flex-direction: column !important;
        gap: 0.5rem !important;
        width: 100% !important;
    }
    .wp-block-button {
        width: 100% !important;
    }
    .wp-block-button__link {
        width: 100% !important;
        text-align: center !important;
        font-size: 15px !important;
        padding: 0.9rem 1rem !important;
    }
    /* Section headings smaller on mobile */
    h2[style*="font-size:42px"],
    .wp-block-heading[style*="font-size:42px"] {
        font-size: 26px !important;
        line-height: 1.2 !important;
    }
    /* Tighter spacing */
    .wp-block-group.alignwide,
    .wp-block-group.alignfull {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }
    /* Footer columns stack */
    .site-footer .wp-block-columns,
    .site-top-footer-wrap .footer-widget-area {
        text-align: center;
    }
}

/* iPhone/small screens — even tighter */
@media (max-width: 480px) {
    .wp-block-cover h1,
    h1.wp-block-heading {
        font-size: 24px !important;
    }
    .wp-block-cover {
        min-height: 420px !important;
    }
}

/* ========== MOBILE FIXES v2 (corrected selectors) ========== */
@media (max-width: 1024px) {
    /* Show mobile hamburger */
    .mobile-toggle-open-container,
    .mobile-toggle-open-container .menu-toggle-open,
    #mobile-toggle {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    /* Style hamburger button */
    .mobile-toggle-open-container .menu-toggle-open {
        background: rgba(229,9,20,0.1) !important;
        color: #E50914 !important;
        border-radius: 8px !important;
        padding: 0.5rem 0.7rem !important;
    }
    /* Hide desktop primary nav on tablet/mobile */
    .header-navigation:not(.mobile-navigation),
    .site-header-section .header-navigation:not(.mobile-navigation) {
        display: none !important;
    }
}

@media (max-width: 768px) {
    /* Hero text sizing — high specificity */
    body .wp-block-cover h1.wp-block-heading,
    body .wp-block-cover .wp-block-heading[style*="font-size:56px"],
    body .wp-block-cover h1[class*="wp-block-heading"] {
        font-size: 28px !important;
        line-height: 1.15 !important;
    }
    body .wp-block-cover .has-text-align-center[style*="font-size:22px"],
    body .wp-block-cover p[style*="font-size:22px"] {
        font-size: 16px !important;
        line-height: 1.4 !important;
    }
    body .wp-block-cover .has-text-align-center[style*="font-size:15px"],
    body .wp-block-cover p[style*="font-size:15px"] {
        font-size: 12px !important;
    }
    body .wp-block-cover .has-text-align-center[style*="font-size:14px"],
    body .wp-block-cover p[style*="font-size:14px"] {
        font-size: 11px !important;
    }
    /* Smaller hero overall */
    body .wp-block-cover.alignfull,
    body .wp-block-cover {
        min-height: 460px !important;
    }
    body .wp-block-cover__inner-container {
        padding: 0.5rem 1rem !important;
    }
    /* Section H2 mobile */
    body .wp-block-heading[style*="font-size:42px"],
    body h2[style*="font-size:42px"] {
        font-size: 24px !important;
        line-height: 1.2 !important;
    }
    body .wp-block-heading[style*="font-size:54px"],
    body h2[style*="font-size:54px"] {
        font-size: 32px !important;
    }
    /* Big number stats */
    body p[style*="font-size:60px"] {
        font-size: 38px !important;
    }
    body p[style*="font-size:56px"],
    body .has-text-align-center[style*="font-size:56px"] {
        font-size: 30px !important;
    }
    body p[style*="font-size:30px"] {
        font-size: 22px !important;
    }
    /* Stack columns on mobile */
    .wp-block-columns {
        flex-direction: column !important;
        gap: 1rem !important;
    }
    .wp-block-column {
        flex-basis: 100% !important;
        margin: 0 !important;
    }
    /* Stack buttons */
    .wp-block-cover .wp-block-buttons {
        flex-direction: column !important;
        gap: 0.6rem !important;
        align-items: stretch !important;
    }
    .wp-block-cover .wp-block-button,
    .wp-block-cover .wp-block-button__link {
        width: 100% !important;
        max-width: 320px !important;
        margin: 0 auto !important;
    }
    /* Reduce vertical padding */
    .wp-block-group.alignwide,
    .wp-block-group.alignfull {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }
}