/*
 Theme Name:   Drip League
 Theme URI:    https://dripleague.gg
 Description:  Custom child theme for Drip League built on Alchemists by Dan Fisher.
               Overrides eSports preset styles with the Drip brand identity.
 Author:       Drip League
 Author URI:   https://dripleague.gg
 Template:     alchemists
 Version:      2.2.0
 License:      All rights reserved
 Text Domain:  drip-league
*/

/* =================================================================
   Drip League — Child Theme Overrides
   Parent: Alchemists (eSports preset)
   ================================================================= */

/* ── Body & Page Background ────────────────────────────────────── */
body.template-esports {
    background-color: #0d0e17;
}
body {
    background-color: #0d0e17 !important;
}

/* ── Header Color Overrides ────────────────────────────────────────
   SCSS Compiler replacement: these override the parent theme's purple
   defaults (#403351, #362b45) with the Drip dark palette. Previously
   compiled at runtime by alc-scss; now hardcoded permanently.
   DO NOT REMOVE -- removing these reverts the header to purple. */
.header {
    background-color: #1e1f2e !important;
    border-bottom: 1px solid rgba(0, 222, 255, 0.08);
}
.header__top-bar {
    background-color: #13141f !important;
}
.header__primary {
    background-color: rgba(13, 14, 23, 0.95) !important;
}
.header__secondary {
    background-color: #1e1f2e !important;
}
@media (min-width: 992px) {
    .header__primary {
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }
}

/* Header primary pseudo-element -- overrides the ::after layer that
   paints purple on top of the nav bar background. */
.header--layout-1 .header__primary::after,
.header--layout-2 .header__primary::after,
.header--layout-3 .header__primary::after,
.header--layout-4 .header__primary::after {
    background-color: rgba(13, 14, 23, 0.95) !important;
}

/* ── Header Social Icon Colors ────────────────────────────────────
   Top bar icons: muted white at rest, cyan on hover (not green). */
.header .social-links__link,
.header .social-links__item .fa,
.header .social-links__item .fab,
.header .social-links__item svg {
    color: rgba(255, 255, 255, 0.6) !important;
    fill: rgba(255, 255, 255, 0.6) !important;
    transition: color 0.2s ease, fill 0.2s ease;
}
.header .social-links__link:hover,
.header .social-links__link:hover .fa,
.header .social-links__link:hover .fab,
.header .social-links__link:hover svg {
    color: #00deff !important;
    fill: #00deff !important;
}

/* ── Navigation Link Styling ───────────────────────────────────── */
.main-nav__list > li > .menu-item-link {
    font-family: var(--drip-font-heading) !important; /* SW-1: was Roboto Condensed (theme default) */
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 12px;
    transition: color 0.2s ease;
}
.main-nav__list > li > .menu-item-link:hover {
    color: #00deff;
}

/* ── Card Enhancements ─────────────────────────────────────────── */
.card {
    border: 1px solid rgba(0, 222, 255, 0.06);
    transition: border-color 0.25s ease;
}
.card:hover {
    border-color: rgba(0, 222, 255, 0.15);
}

/* ── Page Title / Hero Section ─────────────────────────────────── */
.page-heading {
    background: linear-gradient(180deg, rgba(106, 59, 192, 0.08) 0%, rgba(13, 14, 23, 0) 100%);
    border-bottom: 1px solid rgba(0, 222, 255, 0.06);
}

/* ── SportsPress Table Refinements ─────────────────────────────── */
.sp-template .sp-data-table {
    border-color: rgba(0, 222, 255, 0.08);
}
.sp-template .sp-data-table thead th {
    font-family: 'Barlow', system-ui, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 11px;
}
.sp-template .sp-data-table tbody tr:hover {
    background: rgba(0, 222, 255, 0.03);
}

/* ── WooCommerce Button Overrides ──────────────────────────────── */
.woocommerce .button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
    font-family: 'Barlow', system-ui, sans-serif;
    font-weight: 700;
    letter-spacing: 0.5px;
    border-radius: 6px;
    transition: filter 0.2s ease, transform 0.15s ease;
}
.woocommerce .button:hover,
.woocommerce a.button:hover {
    filter: brightness(1.1);
    transform: translateY(-1px);
}

/* ── WooCommerce Shop Toolbar ─────────────────────────────────────
   SCSS Compiler replacement: product archive toolbar/sorting bar. */
.woocommerce-ordering,
.woocommerce .woocommerce-result-count,
.products-toolbar,
.woocommerce-products-header,
.shop-filter {
    background-color: #13141f !important;
}

/* ── News Category Filter Bar ─────────────────────────────────────
   cs-select / cs-skin-border used by Alchemists post filter. */
div.cs-select {
    background: #13141f !important;
}
div.cs-skin-border > span {
    border-left-color: rgba(0, 222, 255, 0.12) !important;
    border-right-color: rgba(0, 222, 255, 0.12) !important;
}

/* ── Footer Color Overrides ────────────────────────────────────────
   SCSS Compiler replacement: overrides parent theme purple footer
   defaults (#362b45, #3b2f4c) with the Drip dark palette. */
.footer {
    border-top: 1px solid rgba(0, 222, 255, 0.06);
}
.site-footer,
.footer__bottom {
    background-color: #0d0e17 !important;
}
.footer-social {
    background-color: #13141f !important;
}
.footer-widgets {
    background-color: #0d0e17 !important;
}

/* ── Footer Social Icon Colors ────────────────────────────────────
   Muted white at rest, cyan on hover (matching header). */
.footer .social-links__link,
.footer .social-links__item .fa,
.footer .social-links__item .fab,
.footer .social-links__item svg {
    color: rgba(255, 255, 255, 0.6) !important;
    fill: rgba(255, 255, 255, 0.6) !important;
    transition: color 0.2s ease, fill 0.2s ease;
}
.footer .social-links__link:hover,
.footer .social-links__link:hover .fa,
.footer .social-links__link:hover .fab,
.footer .social-links__link:hover svg {
    color: #00deff !important;
    fill: #00deff !important;
}
.footer-social__item {
    margin: 0 6px !important;
}
.footer-social__link {
    padding: 5px 6px 10px !important;
}
.footer-social__icon {
    font-size: 18px !important;
}
.footer-social__icon svg {
    width: 14px !important;
    height: 14px !important;
}
.footer-social__txt {
    padding-left: 8px !important;
}
.footer-social__name {
    font-size: 10px !important;
}
.footer-social__user {
    font-size: 8px !important;
}

/* ── Scrollbar Styling ─────────────────────────────────────────── */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #0d0e17;
}
::-webkit-scrollbar-thumb {
    background: rgba(106, 59, 192, 0.3);
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(106, 59, 192, 0.5);
}

/* ── Selection Color ───────────────────────────────────────────── */
::selection {
    background: rgba(106, 59, 192, 0.4);
    color: #fff;
}

/* alchemists-child/style.css P0 additions -- 2026-03-21 */

/* === SCSS COMPILER P0 FIX: HEADER === */
.header--layout-1 .header__primary-inner::before {
    background-color: #1e1f2e !important;
}
.header--layout-4 .header__primary-inner {
    background-color: #13141f !important;
}
.header--layout-4 .header__primary::after {
    background-color: #13141f !important;
}
.header-mobile {
    background-color: #1e1f2e !important;
}
.header-search-form {
    display: none !important;
}
input.header-mobile__search-control {
    background: #13141f !important;
    border-color: rgba(0, 222, 255, 0.12) !important;
}

/* === SCSS COMPILER P0 FIX: NAV DROPDOWNS === */
.main-nav__sub-0 {
    border-top-color: rgba(0, 222, 255, 0.12) !important;
}
.main-nav__list .main-nav__sub-0 {
    background: #13141f !important;
}
.main-nav .main-nav__list {
    border-top-color: rgba(0, 222, 255, 0.12) !important;
}
.main-nav .main-nav__list > li > a {
    border-bottom-color: rgba(0, 222, 255, 0.12) !important;
}
.no-mega-menu .main-nav__sub-0 li a {
    border-bottom-color: rgba(0, 222, 255, 0.12) !important;
}
.no-mega-menu .main-nav__sub-0 li a:hover {
    background: #13141f !important;
}
.main-nav__sub-1 li:hover .main-nav__sub-2 {
    border-top-color: rgba(0, 222, 255, 0.12) !important;
}
.main-nav .header-mobile__logo {
    border-bottom-color: rgba(0, 222, 255, 0.12) !important;
}
.secondary-nav__list > li.menu-item-has-children > a::after {
    color: #13141f !important;
}
.secondary-nav__list .main-nav__toggle::before {
    background: #13141f !important;
}
.secondary-nav__list .main-nav__toggle-2::before {
    background: #13141f !important;
}
.secondary-nav__list .main-nav__sub-0 > li > a:hover {
    background: #13141f !important;
}
.secondary-nav__list .main-nav__sub-0 > li:hover > a {
    background: #13141f !important;
}
.secondary-nav__list .main-nav__sub-0 > li [class*=main-nav__sub-] li a:hover {
    background: #13141f !important;
}
.secondary-nav__list .has-mega-menu .main-nav__sub-0 .main-nav__sub-1 > li > a:hover {
    background: #13141f !important;
}
.secondary-nav__list .no-mega-menu li a:hover {
    background: #13141f !important;
}
.secondary-nav__list .main-nav__sub-1 li:hover .main-nav__sub-2 {
    border-top-color: rgba(0, 222, 255, 0.12) !important;
}

/* === SCSS COMPILER P0 FIX: FOOTER === */
.footer-secondary {
    background: #13141f !important;
}
.footer-widgets.effect-duotone::before {
    background: #0d0e17 !important;
}
.footer-widgets--overlay::before {
    background: #13141f !important;
}

/* === SCSS COMPILER P0 FIX: FORMS AND INPUTS === */
.form-control,
select {
    border-color: rgba(0, 222, 255, 0.12) !important;
}
div.cs-skin-border > span {
    border-color: rgba(0, 222, 255, 0.12) !important;
}
div.cs-skin-border .cs-options {
    border-color: rgba(0, 222, 255, 0.12) !important;
    background: #13141f !important;
}
.post-filter--boxed .post-filter__form {
    background: #1e1f2e !important;
    border-color: rgba(0, 222, 255, 0.12) !important;
}
.post-filter--boxed .cs-select .cs-options {
    border-top-color: rgba(0, 222, 255, 0.12) !important;
}
.post-filter--boxed .cs-select .cs-options::before {
    background: #13141f !important;
}
.post-filter--boxed .cs-select .cs-options::after {
    background: #1e1f2e !important;
}
div.has-success .form-control:focus,
div.has-warning .form-control:focus,
div.has-error .form-control:focus,
.form-control.wpcf7-not-valid:focus {
    border-color: rgba(0, 222, 255, 0.12) !important;
}

/* Checkbox overrides */
.checkbox input[type=checkbox]:checked ~ .checkbox-indicator,
.checkbox input[type=checkbox]:checked ~ .wpcf7-list-item-label::before,
.wpcf7-checkbox .wpcf7-list-item label input[type=checkbox]:checked ~ .checkbox-indicator,
.wpcf7-checkbox .wpcf7-list-item label input[type=checkbox]:checked ~ .wpcf7-list-item-label::before {
    border-color: rgba(0, 222, 255, 0.12) !important;
}
.wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label::before,
.checkbox .wpcf7-list-item-label::before {
    border-color: rgba(0, 222, 255, 0.12) !important;
}
.checkbox input[type=checkbox]:disabled ~ .checkbox-indicator,
.checkbox input[type=checkbox]:disabled ~ .wpcf7-list-item-label::before,
.wpcf7-checkbox .wpcf7-list-item label input[type=checkbox]:disabled ~ .checkbox-indicator,
.wpcf7-checkbox .wpcf7-list-item label input[type=checkbox]:disabled ~ .wpcf7-list-item-label::before {
    background-color: #1e1f2e !important;
    border-color: rgba(0, 222, 255, 0.12) !important;
}

/* Radio overrides */
.radio .wpcf7-list-item-label::before,
.wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label::before {
    border-color: rgba(0, 222, 255, 0.12) !important;
}
.radio input[type=radio]:disabled ~ .radio-indicator,
.radio input[type=radio]:disabled ~ .wpcf7-list-item-label::before,
.wpcf7-radio .wpcf7-list-item label input[type=radio]:disabled ~ .radio-indicator,
.wpcf7-radio .wpcf7-list-item label input[type=radio]:disabled ~ .wpcf7-list-item-label::before {
    background-color: #1e1f2e !important;
    border-color: rgba(0, 222, 255, 0.12) !important;
}

/* alchemists-child/style.css v1.3.1 patch -- 2026-03-21 */

/* Fix 1: Hide empty SportsPress sponsors bar -- purple strip at page top */
.sp-header-sponsors {
    display: none !important;
}

/* Fix 2: Filter News button -- replace purple with branded gradient */
.post-filter__submit .btn,
.post-filter__submit .btn-primary {
    background: linear-gradient(135deg, #5a2db0, #6a3bc0) !important;
    border-color: #6a3bc0 !important;
    color: #fff !important;
}
.post-filter__submit .btn:hover,
.post-filter__submit .btn-primary:hover {
    background: linear-gradient(135deg, #6a3bc0, #00deff) !important;
    border-color: #00deff !important;
    box-shadow: 0 0 20px rgba(0, 222, 255, 0.3) !important;
}

/* Fix 3: WooCommerce VIEW PRODUCT button -- dark with cyan border.
   The button uses .btn-primary as its base class so we need higher
   specificity to override the purple background. */
.products.grid .product__footer .product__view,
.products.grid .product__footer .product__view.btn-primary,
.woocommerce > .products[class*=columns-] .product__footer .product__view,
.woocommerce > .products[class*=columns-] .product__footer .product__view.btn-primary {
    background: #13141f !important;
    background-color: #13141f !important;
    border: 1px solid rgba(0, 222, 255, 0.25) !important;
    color: #fff !important;
}
.products.grid .product__footer .product__view:hover,
.products.grid .product__footer .product__view.btn-primary:hover,
.woocommerce > .products[class*=columns-] .product__footer .product__view:hover,
.woocommerce > .products[class*=columns-] .product__footer .product__view.btn-primary:hover {
    background: #181926 !important;
    background-color: #181926 !important;
    border-color: #00deff !important;
}

/* =================================================================
   GLOBAL ACCENT COLOR OVERRIDE: GREEN (#00ff5b) -> CYAN (#00deff)
   alchemists-child/style.css v2.0.0 -- 2026-03-21

   The Alchemists eSports preset compiles $color-primary as #00ff5b
   (green) and $color-primary-darken as #1bd75e. The SCSS compiler
   was overriding this at runtime. With the compiler removed, we
   override every cascade point in the child theme.

   Green is PRESERVED for semantic success/win states only.
   Everything else becomes cyan #00deff.
   ================================================================= */

/* === ROLE 1: LINKS AND INTERACTIVE HOVER STATES === */

/* Base link color -- white at rest, cyan on hover. Scoped to content areas only.
   Buttons, nav, footer, and structural card links have their own rules below. */
.site-content a,
.entry-content a,
.page-content a,
.comment-body a,
.widget a {
    color: #fff !important;
    transition: color 0.2s ease;
}
.site-content a:hover,
.entry-content a:hover,
.page-content a:hover,
.comment-body a:hover,
.widget a:hover {
    color: #00deff !important;
}

/* Navigation: white by default, cyan only on active + hover */
.main-nav__list > li > a,
.main-nav__list > li > .menu-item-link {
    font-family: var(--drip-font-heading) !important; /* SW-1: ensure font-family on both nav selectors */
    color: #fff !important;
}
.main-nav__list > li.current-menu-item > a,
.main-nav__list > li.current-menu-item > .menu-item-link,
.main-nav__list > li > a:hover,
.main-nav__list > li > .menu-item-link:hover {
    color: #00deff !important;
}
.secondary-nav__list > li > a {
    color: #fff !important;
}
.secondary-nav__list > li > a:hover {
    color: #00deff !important;
}
.nav-account .nav-account__item > a:hover {
    color: #00deff !important;
}
.nav-account .nav-account__item.has-children ul li a:hover {
    color: #00deff !important;
}

/* Breadcrumbs -- white at rest, cyan on hover */
.breadcrumbs ul.trail-items > li > a,
.page-heading ul.trail-items > li > a {
    color: rgba(255, 255, 255, 0.7) !important;
}
.breadcrumbs ul.trail-items > li > a:hover,
.page-heading ul.trail-items > li > a:hover {
    color: #00deff !important;
}

/* Product titles: white at rest, cyan on hover */
.product__title > a,
.products.grid .product__title > a,
.products.list .product__category > a {
    color: #fff !important;
}
.posts__title a:hover,
.product__title > a:hover,
.products.grid .product__title > a:hover,
.products.list .product__category > a:hover,
.player-details__name > a:hover {
    color: #00deff !important;
}

/* Widget link hovers */
.widget--footer .posts--simple-list .posts__title:not(.posts__title--color-hover) > a:hover,
.widget--footer .twitter-feed__username > a:hover,
.widget_archive ul:first-child > li > a:hover,
.widget_nav_menu ul:first-child > li > a:hover,
.widget_meta ul:first-child > li > a:hover,
.widget_pages ul:first-child > li > a:hover,
.widget_recent_comments ul:first-child > li > a:hover,
.widget_recent_entries ul:first-child > li > a:hover,
.widget_categories ul:first-child > li > a:hover,
.widget_rss ul:first-child > li > a:hover,
.widget_product_categories ul:first-child > li > a:hover,
.widget_layered_nav ul li a:hover,
.widget_layered_nav_filters ul li a:hover,
.widget_recent_reviews ul.product_list_widget > li a:hover {
    color: #00deff !important;
}

/* Mega menu link hovers */
.has-mega-menu .main-nav__sub-0 .main-nav__sub-1 > li > a:hover,
.has-mega-menu .main-nav__sub-0 .widget ul > li > a:hover,
.no-mega-menu .main-nav__sub-0 li a:hover {
    color: #00deff !important;
}

/* Card/content link hovers */
.card--info .contact-info__label a:hover,
.shop_table .product__info .product__name > a:hover,
.products-list__product-title > a:hover,
.products-list__product-cat > a:hover,
.header-cart-dropdown .widget_shopping_cart_content .products-list__product-title > a:hover,
.sp-staff-directory .data-name > a:hover,
.sp-staff-directory .data-phone > a:hover,
.sp-staff-directory .data-email > a:hover,
.twitter-feed__timestamp > a:hover,
.twitter-feed__username > a:hover,
.comment__post-date a:hover,
.comments--alt .comment__reply-link:hover,
.sponsor-card__social .social-links__link:hover {
    color: #00deff !important;
}

/* Social icon hovers (top bar + general) */
.social-links--top-bar .social-links__link--svg:hover svg {
    fill: #00deff !important;
}
.social-links--top-bar .social-links__link:hover .fa,
.social-links--top-bar .social-links__link:hover .fab {
    color: #00deff !important;
}

/* Info block icons in header */
.info-block--header .info-block__item .df-icon-custom i {
    color: #00deff !important;
}

/* Post tags */
.post--single .post__tags--simple a::before {
    color: #00deff !important;
}
.post--single .post__tags--simple a:hover {
    color: #00deff !important;
}

/* Tab active state */
.nav-tabs--login > li.active > a:hover,
.nav-tabs--login > li > a:hover {
    color: #00deff !important;
}

/* Modal */
.modal--login .modal-header .close:hover {
    background-color: #00deff !important;
}
.modal-form .form-group--pass-reminder a:hover {
    color: #00deff !important;
}

/* === ROLE 2: BUTTON HOVER STATES === */

/* Default buttons (BUY PRODUCT, general CTAs) */
.btn-default:hover,
.button:hover {
    background-color: #00deff !important;
    border-color: #00deff !important;
    color: #fff !important;
}
.btn-default:focus,
.button:focus {
    background-color: #00deff !important;
    border-color: #00deff !important;
    color: #fff !important;
}
.btn-default:active,
.button:active {
    background-color: #00b8dd !important;
    border-color: #00b8dd !important;
    color: #fff !important;
}
.btn-default:not(:disabled):not(.disabled):active,
.btn-default:not(:disabled):not(.disabled).active,
.button:not(:disabled):not(.disabled):active,
.button:not(:disabled):not(.disabled).active {
    background-color: #00b8dd !important;
    border-color: #00b8dd !important;
    color: #fff !important;
}

/* Primary-inverse buttons (green base -> cyan base) */
.btn-primary-inverse {
    background-color: #00deff !important;
    border-color: #00deff !important;
}
.btn-primary-inverse:hover {
    background-color: #00b8dd !important;
    border-color: #00b8dd !important;
}
.btn-primary-inverse:focus {
    background-color: #00deff !important;
    border-color: #00deff !important;
}
.btn-primary-inverse:active {
    background-color: #00b8dd !important;
    border-color: #00b8dd !important;
}
.btn-primary-inverse:not(:disabled):not(.disabled):active,
.btn-primary-inverse:not(:disabled):not(.disabled).active {
    background-color: #00b8dd !important;
    border-color: #00b8dd !important;
}

/* Outline button hover fills */
.btn.btn-outline.btn-primary:hover,
.btn.btn-outline.btn-inverse:hover {
    background-color: #00deff !important;
    border-color: #00deff !important;
}
.btn.btn-outline.btn-primary:hover.btn-circle,
.btn.btn-outline.btn-inverse:hover.btn-circle {
    background-color: #00deff !important;
}

/* Added to cart button */
.added_to_cart:hover {
    background-color: #00b8dd !important;
    border-color: #00b8dd !important;
}
.added_to_cart:focus {
    background-color: #00deff !important;
}
.added_to_cart:active {
    background-color: #00b8dd !important;
}
.added_to_cart:not(:disabled):not(.disabled):active,
.added_to_cart:not(:disabled):not(.disabled).active {
    background-color: #00b8dd !important;
}

/* Pagination hovers */
.pagination > li > a:hover,
.pagination > li > span:hover,
.page-numbers > li > a:hover,
.page-numbers > li > span:hover,
.woocommerce-pagination .page-numbers > li > a:hover,
.woocommerce-pagination .page-numbers > li > span:hover {
    background-color: #00deff !important;
    border-color: #00deff !important;
}
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span:hover,
.pagination > .active > span:focus,
.page-numbers > .active > a:hover,
.page-numbers > .active > a:focus,
.page-numbers > .active > span:hover,
.page-numbers > .active > span:focus {
    background-color: #00b8dd !important;
    border-color: #00b8dd !important;
}
.paging_simple_numbers .paginate_button:not(.current):hover {
    background-color: #00deff !important;
}

/* Slider arrow hovers */
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    background-color: #00deff !important;
}
.featured-carousel .slick-prev:hover,
.featured-carousel .slick-prev:focus,
.featured-carousel .slick-next:hover,
.featured-carousel .slick-next:focus,
.team-roster--slider .slick-prev:hover,
.team-roster--slider .slick-prev:focus,
.team-roster--slider .slick-next:hover,
.team-roster--slider .slick-next:focus,
.awards--slider .slick-prev:hover,
.awards--slider .slick-prev:focus,
.awards--slider .slick-next:hover,
.awards--slider .slick-next:focus {
    background-color: #00deff !important;
}
.team-roster--card-slider .slick-prev:hover:not(.slick-disabled),
.team-roster--card-slider .slick-next:hover:not(.slick-disabled),
.js-team-roster--card-compact .slick-prev:hover:not(.slick-disabled),
.js-team-roster--card-compact .slick-next:hover:not(.slick-disabled) {
    background-color: #00deff !important;
}
.team-roster--case-slider .slick-prev:hover,
.team-roster--case-slider .slick-next:hover {
    background-color: #00deff !important;
}
.team-roster--slider-with-nav .slick-prev:hover:not(.slick-disabled)::before,
.team-roster--slider-with-nav .slick-next:hover:not(.slick-disabled)::before,
.team-roster-nav .slick-prev:hover:not(.slick-disabled)::before,
.team-roster-nav .slick-next:hover:not(.slick-disabled)::before,
.sponsors--carousel .slick-prev:hover:not(.slick-disabled)::before,
.sponsors--carousel .slick-next:hover:not(.slick-disabled)::before {
    color: #00deff !important;
}

/* SportsPress gallery links */
.sp-team-gallery-link > a:hover {
    background-color: #00deff !important;
    border-color: #00deff !important;
}
.sp-team-gallery-link > a:focus {
    background-color: #00deff !important;
}
.sp-team-gallery-link > a:active {
    background-color: #00b8dd !important;
}
.sp-team-gallery-link > a:not(:disabled):not(.disabled):active,
.sp-team-gallery-link > a:not(:disabled):not(.disabled).active {
    background-color: #00b8dd !important;
}

/* WooCommerce review submit */
.woocommerce #review_form #respond .form-submit input[type=submit]:hover {
    background-color: #00deff !important;
    border-color: #00deff !important;
}
.woocommerce #review_form #respond .form-submit input[type=submit]:focus {
    background-color: #00deff !important;
}
.woocommerce #review_form #respond .form-submit input[type=submit]:active {
    background-color: #00b8dd !important;
}
.woocommerce #review_form #respond .form-submit input[type=submit]:not(:disabled):not(.disabled):active,
.woocommerce #review_form #respond .form-submit input[type=submit]:not(:disabled):not(.disabled).active {
    background-color: #00b8dd !important;
}

/* Calendar nav hovers */
.calendar_wrap > table #prev a:hover,
.calendar_wrap > table #next a:hover,
.sp-calendar-wrapper > table #prev a:hover,
.sp-calendar-wrapper > table #next a:hover {
    background-color: #00deff !important;
}

/* Comment nav hovers */
.comment-navigation > a:hover,
.comment-navigation > span:hover {
    background-color: #00deff !important;
}
.comment-navigation > a.current:hover,
.comment-navigation > a.current:focus,
.comment-navigation > span.current:hover,
.comment-navigation > span.current:focus {
    background-color: #00b8dd !important;
}

/* Game result video icon */
.game-result__score-video-icon:hover {
    background-color: #00deff !important;
}

/* Team roster member number on hover */
.team-roster--grid .team-roster__holder:hover .team-roster__member-number {
    background-color: #00deff !important;
}

/* Team roster nav nickname on hover */
.team-roster-nav__item:hover .team-roster-nav__nickname {
    color: #00deff !important;
}

/* Toggle switch */
.alc-switch-toggle:checked + label {
    background-color: #00deff !important;
}

/* Checkbox cell */
.checkbox--cell input[type=checkbox]:checked + .checkbox-indicator {
    background-color: #00deff !important;
}

/* === ROLE 3: DECORATIVE ACCENTS (bars, lines, ::before/::after) === */

/* Card header accent bar */
.card__header::before {
    background-color: #00deff !important;
}

/* Footer decorative bars */
.footer-secondary--has-decor .footer-secondary__inner::before,
.footer-secondary--has-decor .footer-secondary__inner::after {
    background-color: #00deff !important;
}

/* Shop banner decorative lines */
.shop-banner__subtitle::before,
.shop-banner__subtitle::after {
    background-color: #00deff !important;
}

/* Marquee accent */
.marquee-wrapper::before {
    background-color: #00deff !important;
}

/* Carousel slide accent */
.featured-carousel .slick-slide::after {
    background-color: #00deff !important;
}

/* Post thumbnail hover overlay */
.posts__thumb--hover::before {
    background-color: #00deff !important;
}

/* Post carousel link accent */
.posts--carousel .posts__link-wrapper::before {
    background-color: #00deff !important;
}

/* Video grid overlay */
.posts--video-grid .posts__link-wrapper::before {
    background-color: #00deff !important;
}

/* Lightbox play icon */
.lightbox-holder__link--play::before,
.lightbox-holder__overlay--video::before {
    background-color: #00deff !important;
}

/* News banner image accent */
.main-news-banner--img-left .main-news-banner__img::before {
    background-color: #00deff !important;
}

/* Product tab accent */
.product-tabs .nav-product-tabs > li > a::before {
    background-color: #00deff !important;
}

/* Widget player footer accent */
.widget-player__footer-txt::before {
    background-color: #00deff !important;
}

/* SportsPress post caption accent */
.sp-section-content-content:not(:empty) .sp-post-caption::before {
    background-color: #00deff !important;
}

/* Icon grid/list active states */
.icon-grid-layout.active .icon-grid-layout__item::before,
.icon-grid-layout.active .icon-grid-layout__item::after,
.icon-grid-layout:hover .icon-grid-layout__item,
.icon-grid-layout:hover .icon-grid-layout__item::before,
.icon-grid-layout:hover .icon-grid-layout__item::after,
.icon-list-layout.active .icon-list-layout__item::before,
.icon-list-layout:hover .icon-list-layout__item,
.icon-list-layout:hover .icon-list-layout__item::before {
    background-color: #00deff !important;
}

/* Fab button */
.btn-fab--clean::before,
.btn-fab--clean::after {
    background-color: #00deff !important;
}

/* 404 page */
.error-404__figure--cross::before,
.error-404__figure--cross::after {
    background-color: #00deff !important;
}

/* Duotone effect -- primary layer */
.effect-duotone--primary .effect-duotone__layer-inner {
    background-color: #00deff !important;
}

/* Content filter link accent */
.content-filter__link::before {
    background-color: #00deff !important;
}

/* Slick dots hover */
.slick-dots li button:hover {
    background-color: #00deff !important;
}

/* WooCommerce star rating */
.woocommerce .star-rating span::before {
    color: #00deff !important;
}

/* WooCommerce cart header rating */
.header-cart-dropdown .widget_shopping_cart_content .products-list__product-ratings span::before {
    color: #00deff !important;
}

/* Accordion hover */
.accordion .btn.accordion__header-link:hover,
.accordion .accordion__header-link:hover {
    color: #00deff !important;
}

/* Color filter */
.color-filters-wrap .color-item .color-link a:hover {
    border-color: #00deff !important;
}

/* List bullet markers */
.widget_text ul:not([class]) > li::before,
div.wpb_text_column ul:not([class]) > li::before,
.list ul:not([class]) > li::before,
.hentry ul:not([class]) > li::before {
    color: #00deff !important;
}

/* Figure captions */
figure.aligncenter figcaption::before,
figure.alignleft figcaption::before,
figure.alignright figcaption::before,
figure.alignnone figcaption::before,
figure.wp-block-image figcaption::before {
    background-color: #00deff !important;
}

/* Instagram widget */
#sb_instagram #sbi_images .sbi_item .sbi_photo_wrap .sbi_photo::before {
    background-color: #00deff !important;
}
#sb_instagram #sbi_load .sbi_load_btn:hover {
    background-color: #00b8dd !important;
}
#sb_instagram #sbi_load .sbi_load_btn:focus {
    background-color: #00deff !important;
}
.alc-sbi--insta-section#sb_instagram #sbi_load .sbi_follow_btn > a:hover {
    background-color: #00b8dd !important;
}

/* === ROLE 4: SUCCESS/WIN STATES -- PRESERVED AS GREEN === */
/* These selectors intentionally keep #00ff5b per the design system.
   DO NOT override these with cyan. */

/* Win score indicators -- keep green */
/* .game-result__score-result--winner::before -- KEEP GREEN */
/* .widget-results__score-winner::before -- KEEP GREEN */
/* .widget-game-result__score-result--winner::before -- KEEP GREEN */
/* .alert-success::before -- KEEP GREEN */
/* .woocommerce-message::before -- KEEP GREEN */
/* .has-success .form-control:focus -- KEEP GREEN */
/* .drip-acct-trigger.drip-acct-authed::after -- KEEP GREEN (logged-in dot) */
/* .drip-shop-check -- KEEP GREEN (subscription checkmarks) */

/* Newslog join/news icons -- keep green for category meaning */
/* .newslog__item--join .newslog__item-inner::before -- KEEP GREEN */
/* .newslog__item--news .newslog__item-inner::before -- KEEP GREEN */

/* === v2.0.2 PATCH -- 2026-03-21 === */

/* Footer social icons: force white icons, remove green inheritance.
   The SVGs inside .footer-social__icon inherit color from the
   theme's $color-primary. Override with white + cyan hover. */
.footer-social__icon,
.footer-social__icon svg,
.footer-social__icon i,
.footer-social__icon .fa,
.footer-social__icon .fab {
    color: rgba(255, 255, 255, 0.7) !important;
    fill: rgba(255, 255, 255, 0.7) !important;
}
.footer-social__link:hover .footer-social__icon,
.footer-social__link:hover .footer-social__icon svg,
.footer-social__link:hover .footer-social__icon i {
    color: #00deff !important;
    fill: #00deff !important;
}

/* Product category labels (JERSEY, HOODIE, etc.) -- white, not cyan */
.products .product__category,
.products .product__category a,
.products.grid .product__category,
.products.grid .product__category a,
.woocommerce .products .product__category a {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* Product prices -- white */
.products .product__price,
.products .price,
.woocommerce .products .price {
    color: #fff !important;
}

/* "SHOWING ALL X RESULTS" result count text -- white */
.woocommerce-result-count {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* Shop toolbar sorting/per-page dropdowns -- white text */
.products-toolbar select,
.products-toolbar .orderby,
.products-toolbar a {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Footer nav links row (About Drip, League Guidelines, etc.) -- white, cyan hover */
.footer a,
.footer-secondary a,
.footer__bottom a {
    color: rgba(255, 255, 255, 0.6) !important;
}
.footer a:hover,
.footer-secondary a:hover,
.footer__bottom a:hover {
    color: #00deff !important;
}

/* Footer legal links (PRIVACY POLICY, TERMS & CONDITIONS) -- white, cyan hover */
.footer-secondary__inner a,
.footer-secondary__copyright a {
    color: rgba(255, 255, 255, 0.6) !important;
}
.footer-secondary__inner a:hover,
.footer-secondary__copyright a:hover {
    color: #00deff !important;
}

/* Landing page hero "Join Discord" link -- white */
.dl-hero a:not(.btn),
.dl-cta a:not(.btn) {
    color: #fff !important;
}
.dl-hero a:not(.btn):hover,
.dl-cta a:not(.btn):hover {
    color: #00deff !important;
}

/* Header "JOIN OUR COMMUNITY" Discord icon -- white, not green */
.header .info-block__item .df-icon-custom i,
.header .info-block__item svg {
    color: rgba(255, 255, 255, 0.7) !important;
    fill: rgba(255, 255, 255, 0.7) !important;
}

/* WooCommerce shop filter toolbar text -- white */
.shop-filter a,
.shop-filter select {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Ensure all button text stays white on colored backgrounds (0,3,0 specificity) */
.btn.product_type_external.btn-primary-inverse,
.site-content .btn.btn-primary-inverse,
.site-content .btn.btn-primary,
.site-content .btn.btn-default,
.site-content a.btn,
.site-content a.button,
.btn,
.button,
.btn-default,
.btn-primary,
.btn-primary-inverse {
    color: #fff !important;
}

/* ── v2.0.3 fixes (2026-03-22) ── */

/* Fix 1: Page heading highlight -- green to cyan */
.page-heading__title .highlight {
    color: #00deff !important;
}

/* Fix 2: Pagination -- green active to cyan, purple inactive to dark */
.pagination > .active > a,
.pagination > .active > span,
.page-numbers > .active > a,
.page-numbers > .active > span,
.page-numbers > li > .current,
.woocommerce-pagination .page-numbers > li > .current {
    background-color: #00deff !important;
    border-color: #00deff !important;
    color: #000 !important;
}
.pagination > li > a,
.pagination > li > span,
.page-numbers > li > a,
.page-numbers > li > span,
.woocommerce-pagination .page-numbers > li > a,
.woocommerce-pagination .page-numbers > li > span {
    background-color: #1e1f2e !important;
    border-color: rgba(0, 222, 255, 0.12) !important;
    color: #fff !important;
}
.paging_simple_numbers .paginate_button.current {
    background-color: #00deff !important;
    border-color: #00deff !important;
    color: #000 !important;
}

/* Fix 3: Header info block link -- cyan to muted white */
.info-block--header a,
.header__primary .info-block a {
    color: rgba(255, 255, 255, 0.5) !important;
}
.info-block--header a:hover,
.header__primary .info-block a:hover {
    color: #fff !important;
}

/* === Site Audit Fixes (2026-03-26) === */

/* SW-2: Preloader banned bg -- #403351 replaced with body bg */
.preloader-overlay {
    background-color: var(--drip-bg-body, #0d0e17) !important;
}

/* SW-3: Body text color -- #a59cae (Alchemists default) replaced with design system body text */
body,
.site-content,
.site-wrapper {
    color: var(--drip-text-body, #e0e0ec);
}

/* B10-1: .card__header global bg -- #403351 (banned) replaced with card bg.
   Fixes: shop filter bar (B1-4), product page widget headers, cart sidebar,
   my-account login card, and all other .card__header instances site-wide. */
.card__header {
    background: var(--drip-bg-card, #13141f) !important;
}

/* B10-3: Textarea dark theme -- WooCommerce review form and any bare textarea */
textarea {
    background: var(--drip-bg-input, #1e1f2a) !important;
    color: var(--drip-text-body, #e0e0ec) !important;
    border-color: var(--drip-border-subtle, rgba(0, 222, 255, 0.08)) !important;
}

/* B10-4: Form input universal dark theme -- covers password, email, tel, number, search.
   drip-wc-account.php only covers some input types; this catches the rest. */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="number"],
input[type="search"] {
    background: var(--drip-bg-input, #1e1f2a) !important;
    color: var(--drip-text-body, #e0e0ec) !important;
    border-color: var(--drip-border-subtle, rgba(0, 222, 255, 0.08)) !important;
}

/* === v2.2.0 -- White links with cyan hover + cyan button glow (2026-03-26) === */

/* Buttons inside site-content: preserve white text on hover.
   .site-content a:hover (0,2,1) would otherwise override button text color
   set by design-system inline styles (lower specificity, earlier in cascade). */
.site-content a.drip-btn:hover,
.site-content .drip-btn a:hover,
.site-content a.da-btn:hover,
.site-content .da-btn a:hover,
.site-content a.btn:hover,
.site-content a.button:hover {
    color: #fff !important;
}

/* Cyan buttons: glow on hover instead of filter:brightness(1.15).
   Brightening a near-white color is barely perceptible. Glow pattern follows
   .menu-item-cta > a:hover (THEME-REFERENCE.md) -- cyan-dominant shadow. */
.drip-btn.drip-btn--cyan:hover,
.rp-card--league:hover .rp-card-cta,
.rp-done-btn--primary:hover,
.da-btn--cyan:hover {
    box-shadow: 0 0 20px rgba(0, 222, 255, 0.4), 0 4px 12px rgba(0, 222, 255, 0.2);
    filter: none !important;
}