/**
 * Styles spécifiques pour le shortcode [cdclient_calendrier]
 * Ces styles s'appliquent uniquement dans le contexte du shortcode
 */

/* Box principale du shortcode - padding à 0 et min-height auto */
.cdclient-calendrier-shortcode .box {
    padding: 0 !important;
    min-height: auto !important;
}

/* Retirer le border-radius du conteneur calendrier dans le contexte shortcode */
.cdclient-calendrier-shortcode #cdclient-calendar-display-calendar-admin {
    border-radius: 0 !important;
}

/* Retirer aussi le border-radius pour la vue table et gérer la hauteur */
.cdclient-calendrier-shortcode #cdclient-calendar-display-calendar-admin-table {
    border-radius: 0 !important;
    min-height: 100vh;
}

/* Si la barre admin WordPress est présente pour la vue table */
body.admin-bar .cdclient-calendrier-shortcode #cdclient-calendar-display-calendar-admin-table {
    min-height: calc(100vh - 20px);
}

/* Admin bar mobile pour la vue table */
@media (max-width: 782px) {
    body.admin-bar .cdclient-calendrier-shortcode #cdclient-calendar-display-calendar-admin-table {
        min-height: calc(100vh - 46px);
    }
}

/* S'assurer que le conteneur garde ses autres propriétés */
.cdclient-calendrier-shortcode #cdclient-calendar-display-calendar-admin {
    background: white;
    padding: 1rem;
    /* Par défaut sans admin bar */
    min-height: 100vh;
}

/* Si la barre admin WordPress est présente */
body.admin-bar .cdclient-calendrier-shortcode #cdclient-calendar-display-calendar-admin {
    min-height: calc(100vh - 20px); /* 20px = hauteur optimale avec la barre admin */
}

/* Pour les écrans < 783px, WordPress change la hauteur de l'admin bar à 46px */
@media (max-width: 782px) {
    body.admin-bar .cdclient-calendrier-shortcode #cdclient-calendar-display-calendar-admin {
        min-height: calc(100vh - 46px);
    }
}

/* Pour la box navbar aussi */
.cdclient-calendrier-shortcode .box.cdcalendar_navbar_calendrier {
    border-radius: 0 !important;
}

/* Column contenu-principal - min-height auto */
.cdclient-calendrier-shortcode .column.contenu-principal {
    min-height: auto !important;
}