/*
Theme Name: KHAYRON - Thème Enfant
Theme URI: https://khayron.com
Description: Thème enfant basé sur Beauty Cosmetic Store Pro
Author: Murdas
Template: beauty-cosmetic-store-pro
Version: 1.0.0
Text Domain: khayron
*/

@import url("../beauty-cosmetic-store-pro/style.css");

body {
    background-color: #ffffff;
    color: #000000;
}

a {
    color: #000000;
}

button,
input[type="submit"] {
    background-color: #000000;
    color: #ffffff;
    border: 1px solid #000000;
}

button:hover,
input[type="submit"]:hover {
    background-color: #ffffff;
    color: #000000;
}

/* Supprimer l'espace blanc au-dessus de la barre de message */
.kh-topbar {
    margin-top: 0 !important;
    position: relative;
    z-index: 999;
}

/* S'assurer qu'il n'y a pas d'espace au-dessus du header */
body {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Supprimer les marges par défaut du header */
header {
    margin-top: 0 !important;
}

/* Supprimer tout espace blanc potentiel avant la topbar */
.kh-topbar:before,
.kh-topbar:after {
    display: none !important;
}

/* Hero pleine largeur sur la page d'accueil */
.home .kh-front-hero {
    margin: 0;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: calc(-50vw);
    margin-right: calc(-50vw);
    min-height: clamp(420px, 68vh, 760px);
}

.home .kh-front-hero__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Forcer l'affichage du footer */
.outer_dpage {
    overflow: visible !important;
}

/* Footer visibility override */
footer,
.site-footer,
.khayron-footer {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 10 !important;
    margin-top: 40px !important;
    background: #ffffff !important;
    border: 2px solid #f7f4ef !important;
    padding: 20px !important;
    min-height: 200px !important;
}

.khayron-footer * {
    visibility: visible !important;
    opacity: 1 !important;
    color: #000 !important;
}