/*
 * Richard Casino UI layer: buttons, tables, cards, backdrop.
 * Loaded last (after sticky-cta.css); the "body" prefix beats global.css,
 * core-blocks-v2.css and the inlined block styles.
 * Colours live in global.css :root; this file only adds the Richard-specific shapes.
 */
:root {
    --rich-bg: #0d271f;
    --rich-card: #12392c;
    --rich-head: #0b2019;
    --rich-accent: #1e6d54;
    --rich-gold: #f4d081;
    --rich-gold-2: #d89b38;
    --rich-beige: #e0ba6c;
    --rich-muted: #a2c7b5;
    --rich-card-border: rgba(255, 255, 255, 0.05);
    --rich-row-border: rgba(162, 199, 181, 0.1);
    --rich-card-shadow: 0 6px 24px rgba(0, 0, 0, 0.35);
}

/* Primary CTA: gold gradient pill, black uppercase text */
body .wp-block-button__link,
body .wp-block-new-theme-hero .wp-block-button__link,
body .wp-block-new-theme-hero .page-hero__cta,
body .wp-block-new-theme-hero.page-hero--promo .wp-block-button__link,
body .wp-block-new-theme-hero.page-hero--promo .page-hero__cta,
body .vox-header__btn .wp-block-button__link,
body .nt-sticky-cta .nt-sticky-cta__link,
body .nt-button--primary {
    background: linear-gradient(180deg, var(--rich-gold) 0%, var(--rich-gold-2) 100%);
    border: 0;
    border-radius: 25px;
    box-shadow: none;
    color: #000000;
    font-weight: 700;
    text-transform: uppercase;
    transition: filter .2s ease;
}

body .wp-block-button__link:hover,
body .wp-block-button__link:focus-visible,
body .wp-block-new-theme-hero .wp-block-button__link:hover,
body .wp-block-new-theme-hero .page-hero__cta:hover,
body .wp-block-new-theme-hero.page-hero--promo .wp-block-button__link:hover,
body .wp-block-new-theme-hero.page-hero--promo .page-hero__cta:hover,
body .vox-header__btn .wp-block-button__link:hover,
body .vox-header__btn .wp-block-button__link:focus-visible,
body .nt-sticky-cta .nt-sticky-cta__link:hover,
body .nt-button--primary:hover {
    background: linear-gradient(180deg, var(--rich-gold) 0%, var(--rich-gold-2) 100%);
    color: #000000;
    filter: brightness(1.1);
}

/* Header "Registration" keeps the pulse, recoloured to gold */
body .vox-header__btn--register .wp-block-button__link {
    box-shadow: 0 4px 14px rgba(216, 155, 56, 0.35);
}

/* Header "Log In" (second button in the header): solid beige-gold */
body .vox-header__actions .wp-block-button + .wp-block-button .wp-block-button__link {
    animation: none;
    background: var(--rich-beige);
    box-shadow: none;
    color: #000000;
}

body .vox-header__actions .wp-block-button + .wp-block-button .wp-block-button__link:hover,
body .vox-header__actions .wp-block-button + .wp-block-button .wp-block-button__link:focus-visible {
    background: var(--rich-beige);
    color: #000000;
    filter: brightness(1.1);
}

/* Secondary / outlined buttons and toggles */
body .wp-block-button.is-style-outline > .wp-block-button__link,
body .wp-block-button__link.is-style-outline,
body .wp-block-new-theme-hero.page-hero--promo .wp-block-button.is-style-outline > .wp-block-button__link,
body .nt-button--secondary {
    background: var(--rich-card);
    border: 1px solid var(--rich-accent);
    border-radius: 8px;
    box-shadow: none;
    color: var(--rich-muted);
    filter: none;
    text-transform: none;
}

body .wp-block-button.is-style-outline > .wp-block-button__link:hover,
body .wp-block-button__link.is-style-outline:hover,
body .wp-block-new-theme-hero.page-hero--promo .wp-block-button.is-style-outline > .wp-block-button__link:hover,
body .nt-button--secondary:hover {
    background: var(--rich-accent);
    border-color: var(--rich-accent);
    color: #ffffff;
    filter: none;
}

/* Tables: dark plate, gold headers, thin mint dividers */
body .wp-block-table table {
    background: var(--rich-card);
    border: 1px solid var(--rich-card-border);
    border-collapse: separate;
    border-radius: 8px;
    border-spacing: 0;
    overflow: hidden;
}

body .wp-block-table thead {
    border: 0;
}

body .wp-block-table th,
body .wp-block-table td {
    border: 0;
    border-bottom: 1px solid var(--rich-row-border);
    padding: 12px 16px;
}

body .wp-block-table th {
    background: var(--rich-head);
    color: var(--rich-gold);
    text-align: left;
}

body .wp-block-table td {
    color: #ffffff;
}

body .wp-block-table tbody tr:last-child td {
    border-bottom: 0;
}

body .wp-block-table tbody tr td,
body .wp-block-table.is-style-stripes tbody tr:nth-child(odd) td {
    background: transparent;
    transition: background .15s;
}

body .wp-block-table tbody tr:nth-child(even) td,
body .wp-block-table:not(.is-style-stripes) tbody tr:nth-child(even) td,
body .wp-block-table.is-style-stripes tbody tr:nth-child(even) td {
    background: rgba(0, 0, 0, 0.15);
}

body .wp-block-table tbody tr:hover td,
body .wp-block-table:not(.is-style-stripes) tbody tr:nth-child(even):hover td {
    background: rgba(30, 109, 84, 0.35);
}

body .wp-block-table td strong,
body .wp-block-table td b {
    color: var(--rich-gold);
}

/* Tables here have 2-3 columns: fit the phone width instead of scrolling sideways */
@media (max-width: 767px) {
    body .wp-block-table table {
        min-width: 0;
    }

    body .wp-block-table th,
    body .wp-block-table td {
        font-size: 14px;
        padding: 10px 12px;
        word-break: break-word;
    }
}

/* Cards */
body .nt-link-card,
body .nt-faq-item,
body .nt-icon-card {
    background: var(--rich-card);
    border: 1px solid var(--rich-card-border);
    border-radius: 12px;
    box-shadow: none;
    transition: box-shadow .2s, border-color .2s;
}

body .nt-link-card:hover,
body .nt-faq-item:hover,
body .nt-icon-card:hover {
    border-color: var(--rich-accent);
    box-shadow: var(--rich-card-shadow);
}

/* Pastel icon tiles and callouts from the light theme -> dark emerald */
body .nt-icon-card .nt-icon-card__icon {
    background: var(--rich-bg);
    color: var(--rich-gold);
}

body .nt-icon-card--tone-violet .nt-icon-card__icon,
body .nt-icon-card--tone-blue .nt-icon-card__icon,
body .nt-icon-card--tone-sky .nt-icon-card__icon,
body .nt-icon-card--tone-pink .nt-icon-card__icon {
    color: var(--rich-beige);
}

body .nt-icon-card--tone-green .nt-icon-card__icon {
    color: var(--rich-muted);
}

body .nt-icon-card__note,
body .wp-block-new-theme-warning-callout.nt-warning-callout {
    background: rgba(244, 208, 129, 0.07);
    border-color: rgba(244, 208, 129, 0.3);
    color: #ffffff;
}

body .wp-block-new-theme-warning-callout.nt-warning-callout {
    border-left-color: var(--rich-gold-2);
}

body .nt-warning-callout__icon,
body .nt-warning-callout__title,
body .nt-icon-card__note svg {
    color: var(--rich-gold);
}

/* Muted text and icons: mint, white on hover */
body .age-disclaimer,
body figcaption {
    color: var(--rich-muted);
}

/* Backdrop: emerald glow only at the top of the page, not pinned to the viewport */
body {
    background-attachment: scroll;
    background-color: var(--rich-bg);
    background-repeat: no-repeat;
    color: #ffffff;
}