/**
 * Thème Pretix personnalisé - Atmos Arena
 * Reprend les couleurs et styles du thème WordPress
 */

/* Variables de couleurs Atmos Arena */
:root {
    --atmos-primary: #001433;
    --atmos-secondary: #7D3594;
    --atmos-accent: #EB511C;
    --atmos-light: #f2f2f3;
    --atmos-dark: #001330;
}

/* Surcharge des variables Pretix avec les couleurs Atmos Arena */
:root {
    --pretix-brand-primary: var(--atmos-secondary) !important; /* #7D3594 - Violet */
    --pretix-brand-success: #408252 !important;
    --pretix-brand-info: #5f9cd4 !important;
    --pretix-brand-warning: var(--atmos-accent) !important; /* #EB511C - Orange */
    --pretix-brand-danger: #c44f4f !important;
    
    /* Couleurs de fond */
    --pretix-body-bg: #FFFFFF !important;
    
    /* Couleurs de texte */
    --pretix-text-color: #333333 !important;
    --pretix-headings-color: var(--atmos-primary) !important; /* #001433 */
    
    /* Liens */
    --pretix-link-color: var(--atmos-secondary) !important;
    --pretix-link-hover-color: var(--atmos-accent) !important;
}

/* Fond de page - optionnel, peut être blanc pour Pretix */
body {
    background-color: #FFFFFF !important;
}

/* Header et navigation */
header {
    background-color: var(--atmos-dark) !important;
    border-bottom: 3px solid var(--atmos-secondary) !important;
}

/* Boutons primaires */
.btn-primary {
    background-color: var(--atmos-secondary) !important;
    border-color: var(--atmos-secondary) !important;
    color: #FFFFFF !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--atmos-accent) !important;
    border-color: var(--atmos-accent) !important;
    color: #FFFFFF !important;
}

/* Boutons secondaires */
.btn-default {
    background-color: #FFFFFF !important;
    border-color: var(--atmos-secondary) !important;
    color: var(--atmos-secondary) !important;
}

.btn-default:hover,
.btn-default:focus {
    background-color: var(--atmos-light) !important;
    border-color: var(--atmos-accent) !important;
    color: var(--atmos-accent) !important;
}

/* Liens */
a {
    color: var(--atmos-secondary) !important;
}

a:hover,
a:focus {
    color: var(--atmos-accent) !important;
}

/* Formulaires */
.form-control:focus {
    border-color: var(--atmos-secondary) !important;
    box-shadow: 0 0 0 0.2rem rgba(125, 53, 148, 0.25) !important;
}

/* Checkbox et radio */
input[type="checkbox"]:checked,
input[type="radio"]:checked {
    background-color: var(--atmos-secondary) !important;
    border-color: var(--atmos-secondary) !important;
}

/* Badges et labels */
.badge-primary,
.label-primary {
    background-color: var(--atmos-secondary) !important;
}

.badge-warning,
.label-warning {
    background-color: var(--atmos-accent) !important;
}

/* Navigation active */
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    background-color: var(--atmos-secondary) !important;
}

/* Tableaux */
.table > thead > tr > th {
    background-color: var(--atmos-light) !important;
    color: var(--atmos-primary) !important;
    border-bottom: 2px solid var(--atmos-secondary) !important;
}

/* Alertes */
.alert-info {
    background-color: rgba(125, 53, 148, 0.1) !important;
    border-color: var(--atmos-secondary) !important;
    color: var(--atmos-primary) !important;
}

.alert-warning {
    background-color: rgba(235, 81, 28, 0.1) !important;
    border-color: var(--atmos-accent) !important;
    color: var(--atmos-primary) !important;
}

/* Footer */
footer {
    background-color: var(--atmos-dark) !important;
    color: #FFFFFF !important;
    border-top: 3px solid var(--atmos-secondary) !important;
}

footer a {
    color: #FFFFFF !important;
}

footer a:hover {
    color: var(--atmos-accent) !important;
}

/* Panier et checkout */
.cart-row {
    border-bottom: 1px solid var(--atmos-light) !important;
}

.cart-row:hover {
    background-color: rgba(125, 53, 148, 0.05) !important;
}

/* Progress bar */
.progress-bar {
    background-color: var(--atmos-secondary) !important;
}

/* Modals */
.modal-header {
    background-color: var(--atmos-dark) !important;
    color: #FFFFFF !important;
    border-bottom: 2px solid var(--atmos-secondary) !important;
}

.modal-header .close {
    color: #FFFFFF !important;
}

/* Cards */
.card-header {
    background-color: var(--atmos-light) !important;
    color: var(--atmos-primary) !important;
    border-bottom: 2px solid var(--atmos-secondary) !important;
}

/* Responsive - Mobile */
@media (max-width: 768px) {
    header {
        padding: 1rem 0 !important;
    }
    
    .btn {
        width: 100% !important;
        margin-bottom: 0.5rem !important;
    }
}

/* Amélioration de la lisibilité */
.main-box {
    background-color: #FFFFFF !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
    padding: 2rem !important;
    margin: 2rem auto !important;
}

/* Typographie - correspondre à WordPress si nécessaire */
body {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600 !important;
    color: var(--atmos-primary) !important;
}