/*
 Theme Name:   Ca Graille Casino
 Theme URI:    https://ca-graille.com
 Description:  Child theme for Ca Graille casino site
 Author:       Ca Graille
 Template:     blocksy
 Version:      1.0.0
 Text Domain:  cag-casino
*/

/* ===== Casino Color Variables ===== */
:root {
    --cag-bg: #1b1b2f;
    --cag-bg-light: #252542;
    --cag-gold: #d4a843;
    --cag-gold-hover: #e6bc5a;
    --cag-green: #2ecc71;
    --cag-green-hover: #27ae60;
    --cag-card: #fafaf8;
    --cag-text: #e8e8e8;
    --cag-text-muted: #a0a0b8;
    --cag-border: rgba(212, 168, 67, 0.2);
    --cag-radius: 12px;
    --cag-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
}

/* ===== Global Overrides (Casino Pages Only) ===== */
body.page-template-default:not(.page-id-7):not(.page-id-8):not(.page-id-9) {
    background-color: var(--cag-bg);
    color: var(--cag-text);
    font-family: 'DM Sans', sans-serif;
}

/* ===== Casino Header ===== */
.cag-header {
    position: sticky;
    top: 0;
    z-index: 9999;
    background: var(--cag-bg);
    border-bottom: 1px solid var(--cag-border);
    padding: 0 2rem;
    backdrop-filter: blur(12px);
}

.cag-header-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 70px;
}

.cag-header .cag-logo img {
    height: 42px;
    width: auto;
}

.cag-header .cag-logo span {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--cag-gold);
    letter-spacing: -0.02em;
}

.cag-header nav a {
    color: var(--cag-text);
    text-decoration: none;
    margin: 0 1.2rem;
    font-size: 0.95rem;
    font-weight: 500;
    transition: color 0.2s;
}

.cag-header nav a:hover {
    color: var(--cag-gold);
}

.cag-header .cag-cta {
    background: linear-gradient(135deg, var(--cag-gold), var(--cag-gold-hover));
    color: var(--cag-bg);
    padding: 10px 24px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 0.9rem;
    text-decoration: none;
    transition: transform 0.2s, box-shadow 0.2s;
}

.cag-header .cag-cta:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(212, 168, 67, 0.4);
}

/* ===== Mobile Header ===== */
@media (max-width: 768px) {
    .cag-header-inner {
        height: 56px;
        padding: 0 1rem;
    }

    .cag-header nav {
        display: none;
    }

    .cag-header .cag-cta {
        padding: 8px 16px;
        font-size: 0.8rem;
    }
}