/**
 * Charte Graphique Château de Ronno - Sapins Portes Ouvertes
 * Police : Sen
 * Couleurs : 
 * - Vert foncé : #175252 (principal)
 * - Doré : #A98F23 (accent)
 * - Rouge : #6A041D (alertes/erreurs)
 * - Noir et blanc
 */

/* Import de la police Sen depuis Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Sen:wght@400;600;700;800&display=swap');

/* Variables CSS pour les couleurs */
:root {
    --color-primary: #175252;      /* Vert foncé */
    --color-primary-light: #1f6b6b;
    --color-primary-dark: #0f3d3d;
    
    --color-accent: #A98F23;       /* Doré */
    --color-accent-light: #c5a940;
    --color-accent-dark: #8a7419;
    
    --color-error: #6A041D;        /* Rouge */
    --color-error-light: #8b0528;
    --color-error-dark: #4a0214;
    
    --color-success: #175252;      /* Vert foncé pour succès */
    --color-warning: #A98F23;      /* Doré pour avertissements */
    
    --color-text: #000000;         /* Noir */
    --color-text-light: #666666;
    --color-bg: #FFFFFF;           /* Blanc */
    --color-bg-light: #F5F5F5;
    
    --font-family: 'Sen', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Application globale de la police */
body,
.sdb-calendar-v2,
.sdb-admin-wrap,
.sdb-restaurant-wrapper,
.sdb-reservation-form,
input,
textarea,
select,
button {
    font-family: var(--font-family) !important;
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family) !important;
    font-weight: 700;
    color: var(--color-primary);
}

/* Boutons principaux */
.button-primary,
.sdb-btn-primary,
.wp-core-ui .button-primary {
    background: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    color: white !important;
    font-weight: 600;
}

.button-primary:hover,
.sdb-btn-primary:hover,
.wp-core-ui .button-primary:hover {
    background: var(--color-primary-light) !important;
    border-color: var(--color-primary-light) !important;
}

/* Boutons secondaires (accent doré) */
.sdb-btn-secondary,
.button-secondary.sdb-accent {
    background: var(--color-accent) !important;
    border-color: var(--color-accent) !important;
    color: white !important;
    font-weight: 600;
}

.sdb-btn-secondary:hover {
    background: var(--color-accent-light) !important;
    border-color: var(--color-accent-light) !important;
}

/* Boutons d'erreur/suppression */
.button-link-delete,
.sdb-btn-danger {
    color: var(--color-error) !important;
    border-color: var(--color-error) !important;
}

.button-link-delete:hover,
.sdb-btn-danger:hover {
    background: var(--color-error) !important;
    color: white !important;
}

/* Liens */
a {
    color: var(--color-primary);
}

a:hover {
    color: var(--color-primary-light);
}

/* Badges/Pills */
.sdb-badge {
    font-family: var(--font-family);
    font-weight: 600;
}

.sdb-badge-success {
    background: var(--color-primary) !important;
    color: white !important;
}

.sdb-badge-warning {
    background: var(--color-accent) !important;
    color: white !important;
}

.sdb-badge-error {
    background: var(--color-error) !important;
    color: white !important;
}

/* Notices WordPress */
.notice-success,
.sdb-notice-success {
    border-left-color: var(--color-primary) !important;
}

.notice-warning,
.sdb-notice-warning {
    border-left-color: var(--color-accent) !important;
}

.notice-error,
.sdb-notice-error {
    border-left-color: var(--color-error) !important;
}

/* Headers avec gradient - seulement pour admin event cards */
.sdb-event-card-header,
.sdb-detail-card-header {
    background: linear-gradient(135deg, var(--color-primary), var(--color-primary-light)) !important;
}

/* Page headers frontend - pas de background */
.sdb-page-header {
    background: transparent !important;
}

.sdb-page-header h2 {
    color: var(--color-primary);
    font-weight: 700;
}

/* Accent doré pour les éléments importants */
.sdb-accent,
.sdb-highlight {
    color: var(--color-accent) !important;
}

.sdb-accent-bg {
    background: var(--color-accent) !important;
    color: white !important;
}

/* Barres de progression */
.sdb-capacity-fill {
    background: linear-gradient(90deg, var(--color-primary), var(--color-primary-light)) !important;
}

/* Inputs et formulaires */
input[type="text"],
input[type="email"],
input[type="number"],
input[type="date"],
input[type="password"],
textarea,
select {
    border-color: #ddd;
    font-family: var(--font-family);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    border-color: var(--color-primary) !important;
    box-shadow: 0 0 0 1px var(--color-primary) !important;
}

/* Stats cards */
.sdb-stat-card {
    border-top-color: var(--color-primary) !important;
}

.sdb-stat-card.accent {
    border-top-color: var(--color-accent) !important;
}

.sdb-stat-card.error {
    border-top-color: var(--color-error) !important;
}

/* Tables */
.wp-list-table thead,
.sdb-table thead {
    background: var(--color-primary) !important;
    color: white !important;
}

.wp-list-table tbody tr:hover,
.sdb-table tbody tr:hover {
    background: rgba(23, 82, 82, 0.05) !important;
}

/* Menu admin WordPress */
#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
#adminmenu .wp-menu-arrow,
#adminmenu .wp-has-current-submenu .wp-submenu a,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a {
    color: white;
}

#adminmenu li.menu-top:hover,
#adminmenu li.opensub > a.menu-top,
#adminmenu li > a.menu-top:focus {
    background-color: var(--color-primary) !important;
    color: white !important;
}

/* QR Code et éléments spéciaux */
.sdb-qr-container {
    border: 3px solid var(--color-primary);
}

/* Loading spinners */
.sdb-loading,
.spinner {
    border-top-color: var(--color-primary) !important;
}

/* Calendrier/Grille d'événements */
.sdb-event-card {
    border-top: 4px solid var(--color-primary);
}

.sdb-event-card:hover {
    box-shadow: 0 4px 12px rgba(23, 82, 82, 0.15) !important;
}

/* Responsive */
@media (max-width: 782px) {
    body,
    input,
    textarea,
    select,
    button {
        font-family: var(--font-family) !important;
    }
}