/* Satta King style theme */
:root {
    --satta-bg: #1a0a0a;
    --satta-card: #2d1515;
    --satta-gold: #ffd700;
    --satta-red: #c41e3a;
    --satta-green: #25d366;
}

body.satta-site {
    background: var(--satta-bg);
    color: #f5f5f5;
    font-family: "Segoe UI", Tahoma, sans-serif;
}

.top-bar {
    background: var(--satta-red);
    color: #fff;
    font-weight: 600;
    font-size: 0.9rem;
}

.blink-text {
    animation: blink 1.2s infinite;
}

@keyframes blink {
    50% { opacity: 0.4; }
}

.site-header .navbar {
    background: linear-gradient(90deg, #8b0000, #c41e3a) !important;
}

.disclaimer-bar {
    background: #3d1a1a;
    border-bottom: 2px solid var(--satta-gold);
    color: #ffecb3;
}

.hero-satta {
    background: linear-gradient(135deg, #5c1010, #1a0a0a);
    border: 2px solid var(--satta-gold);
    color: #fff;
}

.result-table-card {
    background: var(--satta-card);
    border: 2px solid var(--satta-gold);
    color: #fff;
}

.result-table-card .card-header {
    background: var(--satta-red);
    color: var(--satta-gold);
    font-weight: bold;
}

.satta-table thead {
    background: #5c1010;
    color: var(--satta-gold);
}

.satta-table td, .satta-table th {
    border-color: #5c3a3a !important;
    vertical-align: middle;
}

.result-number {
    font-size: 1.8rem;
    font-weight: 900;
    color: var(--satta-gold);
    letter-spacing: 2px;
}

.game-name {
    color: #ff6b6b;
    text-transform: uppercase;
}

.whatsapp-card {
    background: #1e3d1e;
    border: 2px solid var(--satta-green);
    color: #fff;
}

.whatsapp-float {
    position: fixed;
    bottom: 24px;
    right: 24px;
    width: 58px;
    height: 58px;
    background: var(--satta-green);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    box-shadow: 0 4px 15px rgba(0,0,0,0.4);
    z-index: 9999;
    text-decoration: none;
}

.whatsapp-float:hover {
    color: #fff;
    transform: scale(1.08);
}

.message-float {
    position: fixed;
    bottom: 24px;
    right: 24px;
    width: 58px;
    height: 58px;
    background: linear-gradient(135deg, #8b0000, #c41e3a);
    color: var(--satta-gold);
    border: 2px solid var(--satta-gold);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    box-shadow: 0 4px 15px rgba(0,0,0,0.5);
    z-index: 10050;
    cursor: pointer;
    transition: transform 0.2s;
    pointer-events: auto;
}

.message-float:hover {
    transform: scale(1.08);
    color: #fff;
}

/* Contact wizard modal */
.contact-wizard-dialog {
    max-width: 520px;
}

.contact-wizard-content {
    background: var(--satta-card);
    border: 2px solid var(--satta-gold);
    color: #eee;
}

.contact-wizard-header {
    background: var(--satta-red);
    color: var(--satta-gold);
    border-bottom: 1px solid #5c3a3a;
}

.contact-wizard-body {
    padding: 1.25rem;
}

.wizard-step-title {
    font-weight: 700;
    color: var(--satta-gold);
    margin-bottom: 1rem;
    text-align: center;
}

.language-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.6rem;
}

.wizard-lang-btn {
    background: #1a0a0a;
    border: 2px solid #5c3a3a;
    color: var(--satta-gold);
    font-weight: 600;
    padding: 0.65rem 0.5rem;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.15s;
}

.wizard-lang-btn:hover,
.wizard-lang-btn.selected {
    border-color: var(--satta-gold);
    background: #5c1010;
    color: #fff;
}

.reason-list {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.wizard-reason-btn {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    width: 100%;
    text-align: left;
    background: #1a0a0a;
    border: 2px solid #5c3a3a;
    border-radius: 8px;
    padding: 0.75rem;
    color: #eee;
    cursor: pointer;
    transition: all 0.15s;
}

.wizard-reason-btn:hover,
.wizard-reason-btn.selected {
    border-color: var(--satta-gold);
    background: #3d1515;
}

.wizard-reason-btn .reason-icon {
    font-size: 1.25rem;
    color: var(--satta-gold);
    min-width: 28px;
    padding-top: 2px;
}

.wizard-reason-btn .reason-text strong {
    display: block;
    color: #fff;
    font-size: 0.9rem;
}

.wizard-reason-btn .reason-text small {
    color: #bbb;
    font-size: 0.78rem;
}

.wizard-input {
    background: #1a0a0a;
    border-color: #5c3a3a;
    color: #eee;
}

.wizard-input:focus {
    background: #1a0a0a;
    border-color: var(--satta-gold);
    color: #fff;
    box-shadow: 0 0 0 0.2rem rgba(255, 215, 0, 0.15);
}

.wizard-input::placeholder {
    color: #888;
}

.contact-wizard-body .form-label {
    color: #ddd;
    font-size: 0.9rem;
}

.site-footer {
    background: #0d0505;
    color: #ccc;
    border-top: 2px solid var(--satta-gold);
}

.footer-links a {
    color: var(--satta-gold);
    text-decoration: none;
    font-size: 0.9rem;
}

.footer-links a:hover {
    color: #fff;
    text-decoration: underline;
}

.footer-sep {
    color: #666;
    margin: 0 0.5rem;
}

.card {
    background: var(--satta-card);
    color: #eee;
    border-color: #5c3a3a;
}

.card-header {
    background: #5c1010;
    color: var(--satta-gold);
    border-color: #5c3a3a;
}

.list-group-item {
    background: var(--satta-card);
    color: #eee;
    border-color: #5c3a3a;
}

a { color: #ff8a80; }
a:hover { color: var(--satta-gold); }

.alert-warning {
    background: #3d3000;
    border-color: var(--satta-gold);
    color: #ffecb3;
}

@media (max-width: 576px) {
    .result-number { font-size: 1.4rem; }
}

/* Monthly record chart grid */
.chart-grid thead th {
    font-size: 0.85rem;
    white-space: nowrap;
}

.chart-col-date {
    color: #ff6b6b !important;
    font-weight: 700;
    background: #3d1515;
}

.chart-col-focus {
    background: #4a3000 !important;
    color: var(--satta-gold) !important;
    font-weight: 700;
}

.chart-grid tbody tr:nth-child(even) {
    background: #221010;
}

.chart-grid tbody td {
    font-size: 0.95rem;
    padding: 0.45rem 0.35rem;
}

.chart-link {
    color: var(--satta-gold) !important;
    text-decoration: none;
    font-weight: 600;
}

.chart-link:hover {
    color: #fff !important;
    text-decoration: underline;
}

.result-number-sm {
    font-size: 1.35rem;
    font-weight: 800;
    color: var(--satta-gold);
    letter-spacing: 1px;
}

.live-result-grid td {
    vertical-align: middle;
}

.contact-wizard-body[dir="rtl"] .reason-text {
    text-align: right;
}

.contact-wizard-body[dir="rtl"] .wizard-reason-btn {
    flex-direction: row-reverse;
    text-align: right;
}

.contact-wizard-body[dir="rtl"] .form-label {
    text-align: right;
    width: 100%;
}