/*
 Theme Name:   Buronex - Storefront Child
 Theme URI:    https://buronex.fr
 Description:  Thème enfant de Storefront personnalisé pour Buronex, mobilier de bureau et aménagement d'espace de travail.
 Author:       Buronex
 Author URI:   https://buronex.fr
 Template:     storefront
 Version:      1.0.0
 Text Domain:  buronex-storefront-child
*/

/* =========================================================
   Vos personnalisations CSS commencent ici.
   Le CSS du thème parent (Storefront) est chargé automatiquement
   avant ce fichier, donc tout ce que vous écrivez ici le
   surcharge (pas besoin de !important dans la plupart des cas).
   ========================================================= */

/* Exemple : couleur des boutons principaux */
/*
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background-color: #ff6a00;
    color: #fff;
}
*/
/* Top bar Buronex */
#buronex-top-bar {
    background-color: #2b2b2b;
    color: #ffffff;
    text-align: center;
    font-size: 15px;
    padding: 10px 12px;
    width: 100%;
    box-sizing: border-box;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

#buronex-top-bar.tb-hidden {
    transform: translateY(-100%);
    opacity: 0;
}

.buronex-top-bar-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
}

/* Top bar Buronex */
#buronex-top-bar {
    background-color: #2b2b2b;
    color: #ffffff;
    text-align: center;
    font-size: 15px;
    padding: 10px 12px;
    width: 100%;
    box-sizing: border-box;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

#buronex-top-bar.tb-hidden {
    transform: translateY(-100%);
    opacity: 0;
}

.buronex-top-bar-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
}

#buronex-top-bar a {
    color: #ffffff;
    text-decoration: none;
    font-weight: 600;
}

#buronex-top-bar a:hover {
    text-decoration: underline;
}

.tb-sep {
    opacity: 0.5;
}

@media (max-width: 480px) {
    #buronex-top-bar {
        font-size: 14px;
    }
    .tb-sep {
        display: none;
    }
    .buronex-top-bar-inner {
        flex-direction: column;
        gap: 4px;
    }
}