/* DropTaps visual theme for the /dropclub/ member flow. */
:root {
    --dt-blue: #008cff;
    --dt-blue-dark: #0569c7;
    --dt-blue-deep: #071f35;
    --dt-coral: #e66f61;
    --dt-coral-dark: #ce5e52;
    --dt-ink: #111820;
    --dt-muted: #66717c;
    --dt-line: #dfe6ec;
    --dt-soft: #f4f8fb;
    --dt-white: #ffffff;
}

html, body { background: var(--dt-white); color: var(--dt-ink); }
body { font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }

/* Shared Drop Club chrome */
.dc-site-header {
    background: rgba(7,31,53,.97);
    border-bottom: 1px solid rgba(255,255,255,.10);
    box-shadow: 0 8px 28px rgba(7,31,53,.12);
}
.dc-header-link { color: rgba(255,255,255,.82); }
.dc-header-link:hover { color: #fff; }
.dc-back-link { color: rgba(255,255,255,.66); }
.dc-site-footer { background: var(--dt-blue-deep); border-top: 0; }
.dc-footer-brand p, .dc-footer-links a { color: rgba(255,255,255,.70); }
.dc-footer-links a:hover { color: #fff; }
.dc-footer-bottom { color: rgba(255,255,255,.48); border-top-color: rgba(255,255,255,.10); }

/* Shared controls */
.primary-button,
.dc-button-primary,
.dc-button-coral {
    background: var(--dt-coral) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: none !important;
}
.primary-button:hover,
.dc-button-primary:hover,
.dc-button-coral:hover { background: var(--dt-coral-dark) !important; }
.outline-button {
    background: transparent !important;
    border: 1px solid var(--dt-blue) !important;
    color: var(--dt-blue) !important;
}
.outline-button:hover { background: var(--dt-blue) !important; color: #fff !important; }

/* Hero areas */
.dc-collection-page,.dc-join-page,.dc-login-page,.dc-member-page,.dc-review-page,.dcr-page,.dcq-page { background: #fff !important; color: var(--dt-ink) !important; }
.dc-collection-hero,.dc-join-hero,.dc-login-hero,.dc-member-hero,.dc-review-hero,.dcr-hero,.dcq-hero {
    background: linear-gradient(135deg, #006ecb 0%, var(--dt-blue) 56%, #29a2ff 100%) !important;
    color: #fff !important;
}
.dc-collection-hero h1,.dc-join-hero h1,.dc-login-hero h1,.dc-member-hero h1,.dc-review-hero h1,.dcr-hero h1,.dcq-hero h1 { color:#fff !important; }
.dc-collection-hero p,.dc-join-hero p,.dc-login-hero p,.dc-member-hero p,.dc-review-hero p,.dcr-hero p,.dcq-hero p { color: rgba(255,255,255,.86) !important; }
.dc-collection-kicker,.dc-join-kicker,.dc-login-kicker,.dc-member-kicker,.dc-review-kicker,.dcr-kicker,.dcq-kicker,.dc-panel-kicker { color: var(--dt-coral) !important; }
.dc-collection-hero .dc-collection-kicker,.dc-join-hero .dc-join-kicker,.dc-login-hero .dc-login-kicker,.dc-member-hero .dc-member-kicker,.dc-review-hero .dc-review-kicker,.dcr-hero .dcr-kicker,.dcq-hero .dcq-kicker { color: #fff !important; opacity:.82; }

/* Main page backgrounds */
.dc-collection-section,.dc-join-content,.dc-login-content,.dc-dashboard-section,.dc-my-collection-section,.dc-review-content,.dcr-content,.dcq-content { background: var(--dt-soft) !important; }

/* Panels and cards */
.dc-release-card,.dc-order-panel,.dc-account-panel,.dc-login-panel,.dc-progress-card,.dc-stat-card,.dc-alert-card,.dc-complete-card,.dc-owned-card,.dc-review-panel,.dc-checkout-panel,.dcr-card,.dcr-agreement,.dcr-empty,.dcq-release-panel,.dcq-summary-panel {
    background: #fff !important;
    color: var(--dt-ink) !important;
    border-color: var(--dt-line) !important;
    box-shadow: 0 12px 34px rgba(7,31,53,.07) !important;
}
.dc-release-copy h2,.dc-account-panel h2,.dc-login-panel h2,.dc-progress-card strong,.dc-stat-card strong,.dc-alert-card h2,.dc-complete-card h2,.dc-section-heading h2,.dc-owned-copy strong,.dc-review-panel h2,.dc-checkout-panel strong,.dcr-card h3,.dcr-section-heading h2,.dcr-empty h2,.dcq-release-copy h2,.dcq-summary-panel strong { color: var(--dt-ink) !important; }

/* Muted copy */
.dc-release-artist,.dc-release-copy p,.dc-login-panel p,.dc-progress-card p,.dc-stat-card p,.dc-alert-card p,.dc-complete-card p,.dc-owned-copy span,.dc-member-panel p,.dc-agreement-panel p,.dc-square-note,.dcr-section-copy,.dcr-card-copy p,.dcq-release-copy p,.dcq-summary-row,.dcq-cancel { color: var(--dt-muted) !important; }

/* Forms */
.dc-join-form input[type=text],.dc-join-form input[type=email],.dc-join-form input[type=password],
.dc-login-form input[type=email],.dc-login-form input[type=password] {
    background: #fff !important;
    color: var(--dt-ink) !important;
    border-color: #cbd8e2 !important;
}
.dc-join-form input:focus,.dc-login-form input:focus { border-color: var(--dt-blue) !important; box-shadow: 0 0 0 3px rgba(0,140,255,.12) !important; }
.dc-agreement,.dc-success-summary,.dcr-success-status,.dcq-progress-box { background: var(--dt-soft) !important; border-color: var(--dt-line) !important; }
.dc-agreement p,.dc-agreement-check span { color: var(--dt-ink) !important; }
.dc-agreement ul { color: var(--dt-muted) !important; }

/* Collection selection bar */
.dc-selection-bar { background: rgba(255,255,255,.96) !important; border-color: var(--dt-line) !important; box-shadow: 0 8px 24px rgba(7,31,53,.07); }
.dc-selection-label { color: var(--dt-muted) !important; }
#selectionCount { color: var(--dt-ink) !important; }
.dc-clear-button { color: var(--dt-muted) !important; border-color: var(--dt-line) !important; background:#fff !important; }
.dc-release-card.is-selected { border-color: var(--dt-blue) !important; box-shadow: 0 0 0 3px rgba(0,140,255,.10), 0 12px 34px rgba(7,31,53,.07) !important; }
.dc-selected-badge,.dc-owned-pill { background: var(--dt-blue) !important; color:#fff !important; }
.dc-remove-button,.dc-modal-remove,.dc-change-selection,.dc-login-note a { color: var(--dt-blue) !important; }

/* Dashboard accent sections */
.dc-first-drop-alert,.dc-complete-section { background: #fff !important; }
.dc-progress-current { background: linear-gradient(90deg, var(--dt-blue), var(--dt-coral)) !important; }
.dc-featured-section {
    background: linear-gradient(135deg, var(--dt-blue-deep), #0d4e79) !important;
    color:#fff !important;
}
.dc-featured-copy h2,.dc-featured-artist { color:#fff !important; }
.dc-featured-copy p { color:rgba(255,255,255,.75) !important; }
.dc-featured-price { color:var(--dt-coral) !important; }

/* Review / checkout */
.dc-summary-row,.dc-summary-total { border-color: var(--dt-line) !important; color: var(--dt-muted) !important; }
.dc-summary-row strong,.dc-summary-total strong { color: var(--dt-ink) !important; }
.dc-secure-note,.dcq-secure { color: #87939e !important; }

/* Renewal */
.dcr-counter { color: var(--dt-blue) !important; }
.dcr-card.is-selected { border-color: var(--dt-blue) !important; box-shadow: 0 0 0 3px rgba(0,140,255,.10) !important; }
.dcr-reward-price { color: var(--dt-coral) !important; }

/* Success / error standalone pages */
.dc-error-page,.dc-success-page,.dcr-success-page,.dcq-error-page,.dcq-success-page { background: var(--dt-soft) !important; color: var(--dt-ink) !important; }
.dc-error-card,.dc-success-card,.dcr-success-card,.dcq-error-card,.dcq-success-card { background:#fff !important; color:var(--dt-ink) !important; border-color:var(--dt-line) !important; box-shadow:0 18px 48px rgba(7,31,53,.10) !important; }
.dc-error-card h1,.dc-success-card h1,.dcr-success-card h1,.dcq-error-card h1,.dcq-success-card h1 { color:var(--dt-ink) !important; }
.dc-error-card p,.dc-success-card>p,.dcr-success-card>p,.dcq-error-card p,.dcq-success-card>p { color:var(--dt-muted) !important; }
.dc-success-check,.dcr-success-check,.dcq-success-check { color:var(--dt-blue) !important; border-color:rgba(0,140,255,.45) !important; }

/* Modal */
.dc-preview-dialog { background:#fff !important; color:var(--dt-ink) !important; border-color:var(--dt-line) !important; }
.dc-preview-x { color:var(--dt-muted) !important; }
.dc-preview-artist,.dc-preview-content h2 { color:var(--dt-ink) !important; }
.dc-track-list { border-color:var(--dt-line) !important; }

@media (max-width: 820px) {
    .dc-site-header { position: sticky; }
}

/* 2026-09-19 path/chrome fix: /dropclub/ is self-contained. */
.dc-site-header {
    background: rgba(255,255,255,.98) !important;
    border-bottom: 1px solid var(--dt-line) !important;
    box-shadow: 0 6px 24px rgba(7,31,53,.07) !important;
}
.dc-header-link { color: var(--dt-ink) !important; }
.dc-header-link:hover { color: var(--dt-blue) !important; }
.dc-back-link { color: var(--dt-muted) !important; }
.dc-header-logo { height: 52px; }
.dc-site-footer { background: var(--dt-blue-deep) !important; }
.dc-footer-logo {
    height: 42px;
    width: auto;
    padding: 6px 10px;
    border-radius: 8px;
    background: #fff;
}

/* Landing-page button colors after the shared theme is loaded. */
.dropclub-page .dc-button-primary,
.dropclub-page .dc-button-coral {
    background: var(--dt-coral) !important;
    color: #fff !important;
}
.dropclub-page .dc-button-primary:hover,
.dropclub-page .dc-button-coral:hover {
    background: var(--dt-coral-dark) !important;
}

@media (max-width: 820px) {
    .dc-header-logo { height: 40px; }
}