
/* Full-page fixed background image */
#two-fixed-bg{position:fixed;inset:0;background-size:cover;background-position:center;background-attachment:fixed;z-index:-1;filter:contrast(1.03) saturate(1.05)}
/* add subtle backdrop to content for readability */
body .entry-content, body main, body #page, body #content{position:relative}
body .has-global-padding, body .wp-site-blocks{background:linear-gradient(180deg, rgba(16,17,20,.70), rgba(16,17,20,.70))}

/* Countdown banner */
#two-countdown{position:sticky;bottom:0;left:0;right:0;z-index:99999;background:#101114f0;color:#fff;border-top:1px solid rgba(255,255,255,.14);backdrop-filter:saturate(140%) blur(6px)}
#two-countdown .two-countdown-inner{max-width:1200px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:14px;justify-content:center;flex-wrap:wrap}
#two-countdown .two-countdown-text{font-weight:700;margin-right:8px}
#two-countdown .two-countdown-timer b{background:#ff3b30;color:#fff;border-radius:6px;padding:4px 6px;margin:0 2px}
#two-countdown .two-countdown-cta{background:#ff3b30;color:#fff;text-decoration:none;padding:8px 12px;border-radius:10px}
#two-countdown .two-countdown-cta:hover{opacity:.9}

/* v1.1 stronger background application across themes */
html, body { background: transparent !important; }
body:before{
  content:"";
  position:fixed; inset:0;
  background: rgba(16,17,20,0.60); /* darken for readability */
  z-index:-1;
}
/* force common wrappers transparent so fixed bg is visible */
.wp-site-blocks, #page, #content, .site, main, .site-content, .container, .entry-content, .wp-block-group{
  background: transparent !important;
}
/* increase contrast on cards if theme uses white boxes */
.card, .wp-block-group.has-background{ background: rgba(255,255,255,0.06) !important; }


/* v1.3 — improve readability and hero behavior */
#two-fixed-bg{ background-position: center 22% !important; }

/* darker, even overlay for text contrast */
body:before{
  background: linear-gradient(180deg, rgba(0,0,0,.62), rgba(0,0,0,.62)) !important;
}

/* Make general text readable over the bg */
body, .entry-content, .wp-site-blocks, main, .site, .site-content{
  color: #f2f4f7 !important;
}
.entry-content h1, .entry-content h2, .entry-content h3,
h1,h2,h3{ color:#ffffff !important; text-shadow: 0 2px 8px rgba(0,0,0,.35); }
.entry-content p, .entry-content li{ color:#e9edf2 !important; text-shadow: 0 1px 4px rgba(0,0,0,.25); }

/* Cards/feature boxes still readable */
.card, .wp-block-group.has-background, .wp-block-columns .wp-block-column{
  background: rgba(255,255,255,0.08) !important;
  color: #f4f7fa !important;
  border-radius: 14px !important;
  backdrop-filter: blur(6px) saturate(110%);
}

/* Hide the inner hero image box on the homepage (common Gutenberg markup) */
.home .entry-content > .wp-block-group:first-child .wp-block-image{ display:none !important; }
.home .wp-block-cover__image-background, 
.home .wp-block-cover__image-background img{ display:none !important; }

/* Buttons keep brand pop */
.wp-block-button__link, a.button, .button{
  font-weight:700;
  box-shadow: 0 6px 18px rgba(255,59,48,.25);
}

/* Optional: reduce top black bar height appearance */
header, .wp-block-template-part{ backdrop-filter: blur(8px); background: rgba(0,0,0,0.55) !important; }
