/*
 Theme Name:   Inspiro Child Puy du Craft
 Theme URI:    https://www.puyducraft.com
 Description:  Thème personnalisé pour le site Puy du Craft
 Author:       Puy du Craft
 Template:     inspiro
 Version:      2.0.0
*/

/* ===========================
   STYLES GLOBAUX DU SITE
   =========================== */

* {
    box-sizing: border-box;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #fefbf3;
    color: #1a1a1a;
    position: relative;
    overflow-x: hidden;
}

/* --- MASQUER LE HEADER PAR DÉFAUT DU THÈME PARENT --- */
#masthead.site-header {
    display: none !important;
}

/* --- HEADER / NAVIGATION PERSONNALISÉ --- */
#site-navigation .menu > li > a {
    color: #fff !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
    font-family: 'Georgia', 'Times New Roman', serif;
    font-weight: 600;
    font-size: 0.9rem;
}

#site-navigation .menu > li > a:hover {
    color: #ffeb3b !important;
}

.site-branding .site-title a {
    color: #b81d24 !important;
    font-family: 'Georgia', 'Times New Roman', serif;
    text-transform: uppercase;
    font-weight: 800;
}

/* Masquer le hero image par défaut du thème parent */
.starter-content-intro,
.custom-header-media,
.wp-custom-header {
    display: none !important;
}

/* --- FOOTER --- */
#colophon {
    background-color: #1e1e1e !important;
    color: #ccc !important;
    border-top: 2px solid #b81d24;
}

#colophon a {
    color: #ff4d4d !important;
}

#colophon a:hover {
    color: #ffeb3b !important;
}

.site-info {
    background-color: #111 !important;
    color: #888 !important;
    font-size: 0.85rem;
}

/* Supprimer les marges/padding du thème parent sur la page d'accueil, mais l'ajouter sur les autres pages pour éviter que le titre soit caché par le header fixe */
body.home .site-content-contain,
body.page-template-page-spectacles-incontournables .site-content-contain {
    padding-top: 0 !important;
}

body:not(.home):not(.page-template-page-spectacles-incontournables) .site-content-contain {
    padding-top: 120px !important;
}

#content.site-content {
    padding: 0 !important;
}

/* Fix footer width */
#colophon {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

/* FOOTER & SOCIAL LINKS OVERRIDE */
.pdc-site-info {
    background-color: #111 !important;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding: 20px 15px !important;
    text-align: center;
}

.pdc-footer-content {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.pdc-social-links {
    display: flex;
    gap: 20px;
    justify-content: center;
}

.pdc-social-links a {
    color: #888;
    transition: color 0.3s;
}

.pdc-social-links a:hover {
    color: #b81d24;
}

.pdc-site-info .copyright {
    color: #888;
    font-size: 0.85rem;
}

/* PASTILLE STATUT SERVEUR (Haut Gauche) */
.pdc-server-banner {
    position: fixed;
    top: 20px;
    left: 20px;
    padding: 8px 16px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 0.85rem;
    font-weight: bold;
    color: #fff;
    z-index: 99999;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.pdc-server-indicator {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(255,255,255,0.5);
}

.pdc-banner-closed {
    background-color: #b81d24; /* Red */
}
.pdc-banner-closed .pdc-server-indicator {
    background-color: #ffb3b3;
    animation: pulse-red 2s infinite;
}

.pdc-banner-open {
    background-color: #2e7d32; /* Green */
}
.pdc-banner-open .pdc-server-indicator {
    background-color: #a5d6a7;
    animation: pulse-green 2s infinite;
}

@keyframes pulse-red {
    0% { box-shadow: 0 0 0 0 rgba(255, 179, 179, 0.7); }
    70% { box-shadow: 0 0 0 6px rgba(255, 179, 179, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 179, 179, 0); }
}

@keyframes pulse-green {
    0% { box-shadow: 0 0 0 0 rgba(165, 214, 167, 0.7); }
    70% { box-shadow: 0 0 0 6px rgba(165, 214, 167, 0); }
    100% { box-shadow: 0 0 0 0 rgba(165, 214, 167, 0); }
}