/* ==========================================================================
   COMPOSANT : INTERRUPTEUR JOUR/NUIT (Version Filaire & Minimaliste)
   Design : Contours gris clair, Curseur rond Bois sombre
   ========================================================================== */

/* 1. Conteneur principal (Châssis) */
.lamp-toggle-global {
    position: fixed;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;

    background-color: transparent !important; /* Totalement transparent */
    backdrop-filter: none !important;
    
    padding-right:3px;
    padding-left:3px;
    padding-top:3px;
    padding-bottom:3px;
    border-color:transparent;
	
    /* border: 1px solid rgba(233, 236, 239, 0.4); /* Gris très clair discret */
    box-shadow: none;
    transition: all 0.4s ease;
}

/* 2. Structure du Switch (Taille réduite) */
.switch { 
    position: relative; 
    width: 14px;
    height: 32px;
    display: block;
    margin: 0;
}

.switch input { 
    opacity: 0; 
    width: 0; 
    height: 0; 
}

/* 3. Le rail (Slider) - Filaire Gris Très Clair */
.slider {
    position: absolute; 
    inset: 0; 
    cursor: pointer;
    background-color: transparent;
    border-radius: 10px; /* Très arrondi */
    transition: all 0.4s ease;
    border: 1px solid #E9ECEF; /* Gris très clair pur */
}

/* 4. Le curseur mobile (ROND couleur bois) */
.slider:before {
    position: absolute; 
    content: ""; 
    height: 10px;
    width: 10px;  
    left: 1px; 
    top: 1px; 
    
    background-color: #A68A64; /* Couleur bois sombre demandée */
    border-radius: 50%; /* Transformé en ROND */
    transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); /* Effet rebond léger */
}

/* 5. États lors de l'activation (Checked) */

/* Le rail reste gris clair même activé pour la sobriété */
input:checked + .slider { 
    border-color: #E9ECEF; 
}

/* Déplacement vertical du rond vers le BAS */
input:checked + .slider:before { 
    transform: translateY(18px);
}

/* 6. Adaptations Mobile */
@media (max-width: 768px) {
    .lamp-toggle-global {
        right: 15px;
        transform: translateY(-50%) scale(0.85);
    }
}