/* Premium Cricket Green Unified Override (styles only) */
:root{
  --cricket-green-950:#021b10;
  --cricket-green-900:#042615;
  --cricket-green-800:#06351f;
  --cricket-green-700:#0b6b3a; /* main */
  --cricket-green-600:#0f8046;
  --cricket-text-on-dark:#ffffff;
  --cricket-text-muted:#d6f3e3;

  /* override theme variables used across template */
  --default-color: var(--cricket-green-700);
  --default-lighten-color: #6ee7b7;
  --default-catifsh-color: rgb(51,51,51); /* keep readable for any catfish text */
  --default-header-color: var(--cricket-green-900);
}

/* Header + Footer base */
.site-header,
.site-footer{
  background: var(--cricket-green-900) !important;
  color: var(--cricket-text-on-dark) !important;
}

.site-footer p,
.site-footer li,
.site-footer .row_foot_left_txt,
.site-footer .iplbettingapp-container,
.site-footer .site-footer__menu a{
  color: var(--cricket-text-muted) !important;
}

.site-footer a{
  color: #bff7dd !important;
  text-decoration-color: rgba(191,247,221,.5);
}
.site-footer a:hover{ color: var(--cricket-text-on-dark) !important; }

/* Footer copyright strip */
.foot_copy{
  background-color: var(--cricket-green-950) !important;
}
.foot_copy .iplbettingapp-container{
  color: var(--cricket-text-muted) !important;
}

/* Buttons unified */
.site-header__btn-login a,
.ncr-rating__button,
.wp-block-button__link.wp-element-button,
a.iplbettingapp-header-banner--links__item{
  background: var(--cricket-green-700) !important;
  border-color: var(--cricket-green-700) !important;
  color: var(--cricket-text-on-dark) !important;
}
.site-header__btn-login a:hover,
.ncr-rating__button:hover,
.wp-block-button__link.wp-element-button:hover,
a.iplbettingapp-header-banner--links__item:hover{
  background: var(--cricket-green-800) !important;
  border-color: var(--cricket-green-800) !important;
}

/* FAQ readability + cricket styling */
.faq-block{
  border-radius: 10px;
}
.faq-block .faq-block--title,
.faq-block .faq-block--subtitle{
  color: var(--cricket-green-900) !important; /* on light page background */
}
.faq-block .faq-block--items .faq-block--items__item .faq-block--items__item--header{
  background: rgba(11,107,58,.10) !important;
  border-color: var(--cricket-green-700) !important;
  color: var(--cricket-green-900) !important;
}
.faq-block .faq-block--items .faq-block--items__item .title-faq{
  color: inherit !important;
}
.faq-block .faq-block--items .faq-block--items__item.-toggle .faq-block--items__item--header{
  background: var(--cricket-green-700) !important;
  color: var(--cricket-text-on-dark) !important;
}
.faq-block .faq-block--items .faq-block--items__item.-toggle .faq-block--items__item--content{
  background: rgba(6,53,31,.08) !important;
  border: 1px solid rgba(11,107,58,.35);
  border-top: 0;
  border-radius: 0 0 10px 10px;
  color: #0b1b10 !important;
}
.faq-block .faq-block--items .faq-block--items__item.-toggle .faq-block--items__item--content a{
  color: var(--cricket-green-700) !important;
}
.faq-block .faq-block--items .faq-block--items__item.-toggle .faq-block--items__item--content a:hover{
  color: var(--cricket-green-800) !important;
}

/* Callout blocks forced to green with white text */
[data-ugen-bid="2-76mcm4yxdz"]{
  background-color: var(--cricket-green-700) !important;
}
[data-ugen-bid="2-76mcm4yxdz"] p{
  color: var(--cricket-text-on-dark) !important;
}

/* How-to / ordered lists marker color */
ol.schema-how-to-steps li::marker{
  color: var(--cricket-green-700) !important;
  font-weight: 700;
}
ul.wp-block-list li::marker{
  color: var(--cricket-green-700) !important;
}

/* If list uses pseudo checkmarks */
ul.wp-block-list li::before{
  color: var(--cricket-green-700) !important;
  border-color: var(--cricket-green-700) !important;
}

/* Quotes */
.quote{
  border-left: 4px solid var(--cricket-green-700);
  background: rgba(11,107,58,.08);
}
.quote__content{ color:#0b1b10 !important; }

/* Tables */
table th{
  background: var(--cricket-green-700) !important;
  color: var(--cricket-text-on-dark) !important;
}
table td a{ color: var(--cricket-green-700) !important; }
table td a:hover{ color: var(--cricket-green-800) !important; }


/* === Fixes: popup + header placeholder + arrow icon + button centering === */

/* Bottom fixed popup (catfish) – make it cricket-green instead of grey */
.g-popup-block{
  background: var(--cricket-green-900) !important;
}
.g-popup-block .rating_title,
.g-popup-block .rating_stars,
.g-popup-block .bonus_text,
.g-popup-block .bonus_title,
.g-popup-block a,
.g-popup-block div{
  color: var(--cricket-text-on-dark) !important;
}
.g-popup-block .g-popup-cta-link a{
  background: var(--cricket-green-700) !important;
  border: 1px solid rgba(255,255,255,.15) !important;
}

/* Remove the empty menu item that creates a stray line/space */
#menu-item-12761{ display:none !important; }

/* Arrow icon: keep green bg, keep SVG visible (no filters) */
.iplbettingapp-arrow-icon{
  background-color: var(--cricket-green-600) !important;
}

/* WP buttons: true center text */
.wp-block-button__link.wp-element-button{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}
.wp-block-button__link.wp-element-button strong{
  line-height: 1.1;
}
/* --- FIXES: ensure header menu area + generic list markers stay cricket-green --- */

/* Header menu strip (the area that was staying blue) */
.site-header--menu-area,
.site-header__menu,
.site-header__menu .menu,
.site-header__menu .menu li,
.site-header__menu .menu a{
  background-color: var(--cricket-green-900) !important;
}
.site-header--menu-area{
  /* remove the thin line/strip under the header */
  border: none !important;
  box-shadow: none !important;
}

/* kill any other accidental 1px separators in header */
.site-header,
.site-header .site-header--row,
.site-header .site-header--menu-area{
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}
.site-header::before,
.site-header::after,
.site-header .site-header--row::before,
.site-header .site-header--row::after,
.site-header .site-header--menu-area::before,
.site-header .site-header--menu-area::after{
  box-shadow: none !important;
  border: none !important;
}

/* Header banner CTA buttons (Download on Android / iOS): premium + compact (no huge empty side padding) */
.iplbettingapp-header-banner .iplbettingapp-header-banner--links .iplbettingapp-header-banner--links__item{
  width: max-content !important;
  grid-template-columns: max-content max-content max-content !important;
  gap: 12px !important;
  padding: 14px 16px !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(15,128,70,.95), rgba(11,107,58,.95)) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.18) !important;
}
.iplbettingapp-header-banner .iplbettingapp-header-banner--links .iplbettingapp-header-banner--links__item span{
  color: var(--cricket-text-on-dark) !important;
  min-width: 0 !important;
  white-space: nowrap;
}
.iplbettingapp-header-banner .iplbettingapp-header-banner--links .iplbettingapp-header-banner--links__item:hover{
  transform: translateY(-1px);
}
/* Make the embedded SVG icons white */
.iplbettingapp-header-banner .iplbettingapp-header-banner--links .iplbettingapp-header-banner--links__item svg{
  fill: #ffffff !important;
}
.iplbettingapp-header-banner .iplbettingapp-header-banner--links .iplbettingapp-header-banner--links__item svg .cls-1,
.iplbettingapp-header-banner .iplbettingapp-header-banner--links .iplbettingapp-header-banner--links__item svg .cls-2{
  stroke: #ffffff !important;
  fill: #ffffff !important;
}
.iplbettingapp-header-banner .iplbettingapp-header-banner--links .iplbettingapp-header-banner--links__item .iplbettingapp-arrow-icon{
  background: rgba(255,255,255,.12) url(../wp-content/themes/aviator/images/icon-arrow-b.svg) no-repeat 50% !important;
  background-size: 14px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 10px !important;
}

/* Content buttons: remove the old left icon padding and make them look like modern pills */
.iplbettingapp-post-entry .wp-block-button__link,
.wp-block-button__link.wp-element-button{
  background-image: none !important;
  padding: 12px 18px !important;
  height: auto !important;
  line-height: 1.15 !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.16) !important;
}

/* Unordered list bullets were still yellow because of a later inline override (data-URI).
   Force the original green li-icon.svg everywhere in post content. */
.iplbettingapp-post-entry ul li:before,
.wp-block-list li:before{
  background-image: url(../wp-content/themes/aviator/images/li-icon.svg) !important;
  background-repeat: no-repeat !important;
  background-position: 50% 50% !important;
}

/* Make sure ALL content list markers are green (not only specific classes) */
main ul li::marker,
main ol li::marker,
article ul li::marker,
article ol li::marker,
.wp-block ul li::marker,
.wp-block ol li::marker{
  color: var(--cricket-green-700) !important;
  font-weight: 700;
}

/* If a theme uses SVG checkmark as background-image for list bullets, tint it */
main ul li::before,
article ul li::before,
.wp-block ul li::before{
  filter: none !important;
  /* try to force green if bullet is an SVG mask or font icon */
  color: var(--cricket-green-700) !important;
  border-color: var(--cricket-green-700) !important;
}