/*
 * Instagram-inspired preview palette
 *
 * Source references:
 * https://www.instagram.com/p/DRZp0RbjFFh/
 * https://www.instagram.com/p/Dan_EMyOpyz/
 * https://www.instagram.com/p/Damj4LksCtB/
 * https://www.instagram.com/p/DamjvvUt5t_/
 * https://www.instagram.com/p/Dadj18bOzHU/
 */

body.clube-basket-instagram-preview {
    --cb-ig-purple-900: #4f257f;
    --cb-ig-purple-700: #6f4aa6;
    --cb-ig-purple-300: #d8cbe8;
    --cb-ig-gold-500: #f6bf22;
    --cb-ig-gold-200: #f6ebc7;
    --cb-ig-paper: #f1f0ed;
    --cb-ig-paper-strong: #ebe8e1;
    --cb-ig-ink: #27173f;
    --cb-ig-white: #ffffff;
    --cb-ig-shadow: 0 18px 40px rgba(79, 37, 127, 0.14);
    --cb-ig-page-background:
        linear-gradient(180deg, rgba(241, 240, 237, 0.8) 0%, rgba(235, 232, 225, 0.82) 100%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.18), rgba(216, 203, 232, 0.08)),
        url("../../plugins/clube-basket-site-core/assets/site-background-v2.png");
    background-color: #ece9e4;
    background-image: var(--cb-ig-page-background);
    background-attachment: scroll, scroll, fixed;
    background-position: center center, center center, center top;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: auto, auto, 1400px auto;
    color: var(--cb-ig-ink);
}

body.clube-basket-instagram-preview #wrapper,
body.clube-basket-instagram-preview #content,
body.clube-basket-instagram-preview .clube-basket-theme-main {
    background-color: transparent !important;
}

body.clube-basket-instagram-preview a {
    color: var(--cb-ig-purple-900);
}

body.clube-basket-instagram-preview a:hover,
body.clube-basket-instagram-preview a:focus {
    color: var(--cb-ig-purple-700);
}

body.clube-basket-instagram-preview .club-data-service-page {
    --cds-purple: var(--cb-ig-purple-900);
    --cds-gold: var(--cb-ig-gold-500);
    --cds-charcoal: var(--cb-ig-ink);
    --cds-dark: var(--cb-ig-ink);
    --cds-light: #5f4d79;
    --cds-white: var(--cb-ig-white);
    color: var(--cb-ig-ink);
}

body.clube-basket-instagram-preview .club-data-service-page.custom-background,
body.clube-basket-instagram-preview .club-data-service-page #wrapper {
    background-color: transparent !important;
    background-image: var(--cb-ig-page-background) !important;
    background-attachment: scroll, scroll, scroll !important;
    background-position: center center, center center, center top !important;
    background-repeat: no-repeat, no-repeat, no-repeat !important;
    background-size: auto, auto, 1400px auto !important;
}

body.clube-basket-instagram-preview .club-data-service-site-header {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.12), transparent 48%),
        linear-gradient(110deg, #62359a 0%, var(--cb-ig-purple-900) 58%, #341554 100%);
    border-bottom: 4px solid var(--cb-ig-gold-500);
    box-shadow: 0 14px 30px rgba(39, 23, 63, 0.24);
}

body.clube-basket-instagram-preview .club-data-service-site-header__brand-title,
body.clube-basket-instagram-preview .club-data-service-hero-club,
body.clube-basket-instagram-preview .club-data-service-home-hero .club-data-service-title,
body.clube-basket-instagram-preview .club-data-service-home-hero .club-data-service-home-highlight-title,
body.clube-basket-instagram-preview .club-data-service-home-hero .club-data-service-home-headline span,
body.clube-basket-instagram-preview .club-data-service-home-hero .club-data-service-home-headline strong {
    color: #fffdf7;
}

body.clube-basket-instagram-preview .club-data-service-site-header__brand-title,
body.clube-basket-instagram-preview .club-data-service-home-highlight-title,
body.clube-basket-instagram-preview .club-data-service-home-hero .club-data-service-home-headline strong,
body.clube-basket-instagram-preview .club-data-service-home-hero .club-data-service-title {
    text-shadow: 0 8px 22px rgba(111, 74, 166, 0.16);
}

body.clube-basket-instagram-preview .club-data-service-site-header__brand-subtitle,
body.clube-basket-instagram-preview .club-data-service-topbar__tag,
body.clube-basket-instagram-preview .club-data-service-eyebrow,
body.clube-basket-instagram-preview .club-data-service-section-heading__link,
body.clube-basket-instagram-preview .cb-team__meta {
    color: var(--cb-ig-gold-500);
}

body.clube-basket-instagram-preview .club-data-service-site-header__nav::before {
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0) 14%),
        linear-gradient(90deg, #f8cb39 0%, var(--cb-ig-gold-500) 68%, #e2ab11 100%);
}

body.clube-basket-instagram-preview .club-data-service-site-header__menu-link {
    color: var(--cb-ig-purple-900);
}

body.clube-basket-instagram-preview .club-data-service-topbar__icon-link {
    color: #fffdf7;
}

body.clube-basket-instagram-preview .club-data-service-site-header__menu-link:hover,
body.clube-basket-instagram-preview .club-data-service-site-header__menu-link:focus,
body.clube-basket-instagram-preview .club-data-service-site-header__menu-item.is-active .club-data-service-site-header__menu-link {
    color: #341554;
}

body.clube-basket-instagram-preview .club-data-service-topbar__icon-link:hover,
body.clube-basket-instagram-preview .club-data-service-topbar__icon-link:focus {
    color: var(--cb-ig-gold-500);
}

body.clube-basket-instagram-preview .club-data-service-site-header__menu-link::after {
    background: #341554;
}

body.clube-basket-instagram-preview .club-data-service-card,
body.clube-basket-instagram-preview .cb-team,
body.clube-basket-instagram-preview .cb-training-card,
body.clube-basket-instagram-preview .post.vrsn-four,
body.clube-basket-instagram-preview .widget,
body.clube-basket-instagram-preview .woocommerce ul.products li.product,
body.clube-basket-instagram-preview .woocommerce div.product div.summary,
body.clube-basket-instagram-preview .comment-body {
    background: rgba(223, 223, 223, 0.5);
    border: 1px solid rgba(111, 74, 166, 0.18);
    border-radius: 24px;
    box-shadow: var(--cb-ig-shadow);
    color: var(--cb-ig-ink);
}

body.clube-basket-instagram-preview .club-data-service-home-hero,
body.clube-basket-instagram-preview .club-data-service-shop-hero,
body.clube-basket-instagram-preview .club-data-service-spotlight,
body.clube-basket-instagram-preview .club-data-service-featured-game,
body.clube-basket-instagram-preview .club-data-service-scoreboard,
body.clube-basket-instagram-preview .club-data-service-game-sidebar-card {
    background:
        radial-gradient(circle at top left, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0) 34%),
        linear-gradient(135deg, rgba(111, 74, 166, 0.08), rgba(246, 191, 34, 0.08)),
        linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(246, 235, 199, 0.42) 100%);
}

body.clube-basket-instagram-preview .club-data-service-home-hero::before,
body.clube-basket-instagram-preview .club-data-service-home-hero::after,
body.clube-basket-instagram-preview .club-data-service-spotlight::before {
    opacity: 0.22;
}

body.clube-basket-instagram-preview .club-data-service-button,
body.clube-basket-instagram-preview button,
body.clube-basket-instagram-preview input[type="submit"],
body.clube-basket-instagram-preview .wp-block-button__link {
    background: var(--cb-ig-purple-900);
    border: 1px solid var(--cb-ig-purple-900);
    border-radius: 999px;
    box-shadow: 0 12px 24px rgba(79, 37, 127, 0.18);
    color: var(--cb-ig-white);
}

body.clube-basket-instagram-preview .club-data-service-button:hover,
body.clube-basket-instagram-preview .club-data-service-button:focus,
body.clube-basket-instagram-preview button:hover,
body.clube-basket-instagram-preview button:focus,
body.clube-basket-instagram-preview input[type="submit"]:hover,
body.clube-basket-instagram-preview input[type="submit"]:focus,
body.clube-basket-instagram-preview .wp-block-button__link:hover,
body.clube-basket-instagram-preview .wp-block-button__link:focus {
    background: var(--cb-ig-purple-700);
    border-color: var(--cb-ig-purple-700);
    color: var(--cb-ig-white);
}

body.clube-basket-instagram-preview .club-data-service-button--gold,
body.clube-basket-instagram-preview .club-data-service-button--gold:hover,
body.clube-basket-instagram-preview .club-data-service-button--gold:focus {
    background: var(--cb-ig-gold-500);
    border-color: var(--cb-ig-gold-500);
    color: var(--cb-ig-purple-900);
}

body.clube-basket-instagram-preview .club-data-service-button--ghost {
    background: rgba(255, 255, 255, 0.58);
    border-color: rgba(79, 37, 127, 0.22);
    color: var(--cb-ig-purple-900);
}

body.clube-basket-instagram-preview input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
body.clube-basket-instagram-preview textarea,
body.clube-basket-instagram-preview select {
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(79, 37, 127, 0.2);
    border-radius: 16px;
    color: var(--cb-ig-ink);
}

body.clube-basket-instagram-preview input:focus,
body.clube-basket-instagram-preview textarea:focus,
body.clube-basket-instagram-preview select:focus {
    border-color: var(--cb-ig-purple-700);
    box-shadow: 0 0 0 4px rgba(111, 74, 166, 0.12);
    outline: none;
}

body.clube-basket-instagram-preview .club-data-service-site-footer {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent),
        linear-gradient(180deg, #341554 0%, #251137 100%);
}

body.clube-basket-instagram-preview .club-data-service-site-footer__panel {
    border-top: 4px solid var(--cb-ig-gold-500);
}

body.clube-basket-instagram-preview .club-data-service-site-footer__heading {
    color: var(--cb-ig-gold-500);
}

body.clube-basket-instagram-preview .club-data-service-site-footer__logo {
    background: rgba(255, 255, 255, 0.92);
    border-radius: 18px;
    box-shadow: 0 12px 24px rgba(21, 10, 32, 0.2);
}

body.clube-basket-instagram-preview .club-data-service-news-card__title a,
body.clube-basket-instagram-preview .entry-title a,
body.clube-basket-instagram-preview .club-data-service-team-pill,
body.clube-basket-instagram-preview .club-data-service-standings-table a {
    color: var(--cb-ig-purple-900);
}

body.clube-basket-instagram-preview .club-data-service-news-card__title a:hover,
body.clube-basket-instagram-preview .entry-title a:hover,
body.clube-basket-instagram-preview .club-data-service-team-pill:hover,
body.clube-basket-instagram-preview .club-data-service-standings-table a:hover {
    color: var(--cb-ig-purple-700);
}

body.clube-basket-instagram-preview .club-data-service-team-pill,
body.clube-basket-instagram-preview .club-data-service-standings-table tr,
body.clube-basket-instagram-preview .club-data-service-game-list__item,
body.clube-basket-instagram-preview .club-data-service-upcoming-games__item {
    border-color: rgba(79, 37, 127, 0.14);
}

body.clube-basket-instagram-preview .club-data-service-scoreboard__score,
body.clube-basket-instagram-preview .club-data-service-stat-card__value,
body.clube-basket-instagram-preview .club-data-service-home-headline strong,
body.clube-basket-instagram-preview .club-data-service-home-highlight-title,
body.clube-basket-instagram-preview .club-data-service-featured-game__competition {
    color: var(--cb-ig-purple-900);
}

body.clube-basket-instagram-preview .club-data-service-badge,
body.clube-basket-instagram-preview .club-data-service-eyebrow,
body.clube-basket-instagram-preview .club-data-service-featured-game__tag,
body.clube-basket-instagram-preview .club-data-service-scoreboard__status {
    background: rgba(79, 37, 127, 0.08);
    border-radius: 999px;
    color: var(--cb-ig-purple-900);
}

@media (max-width: 991px) {
    body.clube-basket-instagram-preview .club-data-service-site-header {
        background:
            linear-gradient(140deg, rgba(255, 255, 255, 0.1), transparent 42%),
            linear-gradient(180deg, #62359a 0%, #3b195f 100%);
    }

    body.clube-basket-instagram-preview .club-data-service-card,
    body.clube-basket-instagram-preview .cb-team,
    body.clube-basket-instagram-preview .cb-training-card {
        border-radius: 20px;
    }
}