/*
Theme Name: Space Exploration Pro Child
Theme URI: https://www.ovationthemes.com/products/space-wordpress-theme
Template: space-exploration-pro
Author: ovationthemes
Author URI: https://www.ovationthemes.com/
Description: The Space WordPress Theme is a modern, visually captivating theme designed to bring the wonders of the cosmos to your website. Ideal for astronomy blogs, science magazines, space agencies, educational platforms, or personal portfolios with a futuristic touch, this theme combines stunning visuals with seamless functionality. Its fully responsive design ensures your site looks flawless on desktops, tablets, and smartphones, while the intuitive navigation makes it easy for visitors to explore your content, whether it’s articles, galleries, or multimedia presentations. Built with customization in mind, the theme allows effortless adjustments to colors, fonts, layouts, and sections to match your brand identity and creative vision. Optimized for speed, security, and SEO, the Space WordPress Theme ensures a smooth browsing experience while keeping your website safe and discoverable on search engines.
Tags: one-column,two-columns,left-sidebar,right-sidebar,grid-layout,custom-colors,custom-background,custom-header,custom-menu,custom-logo,editor-style,sticky-post,featured-images,footer-widgets,full-width-template,threaded-comments,theme-options,wide-blocks,block-styles,blog,food-and-drink,e-commerce
Version: 0.0.1.1773760652
Updated: 2026-03-17 16:17:32
*/

/* ==========================================================================
   1. STRUCTURE & LAYOUT GLOBAL (Masquage & Corrections)
   ========================================================================== */

/* Masquage des sections inutiles du thème (newsletter, about info redundante, credits) */
.row.couter-details,
.about-inner-content-box,
a.about-us-button,
.foooter-newsletter-condition,
p.credit_link.my-3.text-center a {
    display: none;
}

/* Fil d'Ariane (Breadcrumbs) - Masqué sur tout le site */
.bradcrumbs {
    display: none;
}

/* Centrage du logo dans le header */
.logo-section {
    display: flex;
    justify-content: center;
}

/* Positionnement des icônes sociales dans le header pour éviter les chevauchements */
.header-social-icons {
    margin-bottom: 90px;
}

/* Fixation du header en haut de page */
#header {
    top: 20px;
}

/* Espacement du titre Principal (H1) pour éviter qu'il soit sous le header fixe */
.page-id-1392 h1,
.single-event h1,
.page-id-1394 h1,
.page-id-1396 h1 {
    margin-top: 80px;
}


/* ==========================================================================
   2. NAVIGATION & MENUS
   ========================================================================== */

/* Ajustements des éléments du menu principal */
.main-header ul li {
    min-width: fit-content;
    border-radius: unset !important;
}

/* Largeur du conteneur du menu pour accueillir plus d'éléments sur une ligne */
.header-menus-box > .container {
    max-width: 1600px;
}

/* Force les liens des sous-menus à remplir toute la largeur de l'élément li */
.main-header .sub-menu li a {
    width: 100%;
    height: 100%;
}


/* ==========================================================================
   3. EVENTS MANAGER - GLOBAL & LISTES (Pixelbones Overrides)
   ========================================================================== */

/* Overrides des boutons Pixelbones dans les listes d'événements */
.em.pixelbones .em-event .em-item-actions a.button.input,
.em.pixelbones .em-event .em-item-actions a.em-item-read-more,
.em.pixelbones .em-event .em-item-actions a.em-event-book-now {
    height: auto !important;
    line-height: normal !important;
    padding: 10px 18px !important;
    font-size: 14px !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    border-radius: 6px !important;
    border: none !important;
}

/* Bouton "Plus d'infos" (Blanc/Gris foncé) */
.em.pixelbones .em-event a.em-item-read-more.button {
    background-color: #ffffff !important;
    color: #16263D !important;
    margin-right: 15px;
}

/* Hover bouton "Plus d'infos" (Bleu charte) */
.em.pixelbones .em-event a.em-item-read-more.button:hover {
    background-color: #0693e3 !important;
    color: #ffffff !important;
}

/* Bouton "Réserver" (Vert forêt) */
.em.pixelbones .em-event a.em-event-book-now.button {
    background-color: #557646 !important;
    color: #ffffff !important;
}

/* Hover bouton "Réserver" */
.em.pixelbones .em-event a.em-event-book-now.button:hover {
    background-color: #0693e3 !important;
    color: #ffffff !important;
}

/* --- Bloc Carte Événement (Grille/Liste) --- */
.em.pixelbones .em-event.em-item {
    background: #1B2E4A;
    border: 1px solid #ffffff !important;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 35px;
    box-shadow: none !important;
    transition: border-color 0.3s ease, transform 0.25s ease;
}

/* Effet de lévitation au survol de la carte */
.em.pixelbones .em-event.em-item:hover {
    border-color: #0693e3 !important;
    transform: translateY(-4px);
}

/* --- Couleurs de texte et liens dans les listes d'événements --- */
.em.pixelbones .em-event .em-item-meta,
.em.pixelbones .em-event .em-item-desc,
.em.pixelbones .em-event .em-item-meta a {
    color: #ffffff !important;
}

/* Liens Méta (Lieu, Catégories) forcés en Bleu Charte */
.em.pixelbones .em-event .em-item-meta-line a:not([data-nostyle]),
.em.pixelbones .em-event .em-item-taxonomy a:not([data-nostyle]),
.em.pixelbones .em-event .em-event-location a:not([data-nostyle]),
.em.pixelbones .em-event .event-categories a:not([data-nostyle]) {
    color: #0693e3 !important;
}

/* Hover liens Méta */
.em.pixelbones .em-event .em-item-meta-line a:not([data-nostyle]):hover {
    color: #ffffff !important;
}

/* Couleur des titres des événements dans la grille */
.em.em-list.em-grid > div.em-item .em-item-info .em-item-title a {
    color: #3372F0 !important;
    background-color: transparent !important;
}

/* Masquer le prix dans les listes globales */
.em-item-meta-line.em-event-prices {
    display: none !important;
}


/* ==========================================================================
   4. EVENTS MANAGER - RECHERCHE & CALENDRIER
   ========================================================================== */

/* Champs de texte de recherche (Fond blanc, texte noir pour lisibilité) */
.em.pixelbones .em-search-text input[type="text"],
.em.pixelbones input.em-search-text {
    color: #000000 !important;
}

/* Couleur des placeholders dans les champs de recherche */
.em.pixelbones .em-search-text input[type="text"]::placeholder {
    color: #000000 !important;
    opacity: 1;
}

/* Couleur du texte dans le champ de sélection de date */
input#em-search-scope-1 {
    color: #333 !important;
}

/* Styles pour le sélecteur de mois */
.em-month-picker {
    background: #ffffff !important;
    border: 1px solid #ccc;
    color: #333 !important;
    min-width: 140px;
}

/* Ajout d'un titre au-dessus du sélecteur de mois */
form:has(.em-month-picker)::before {
    content: "Sélectionner une date";
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #fff;
}

/* Flèches de navigation du calendrier forcées en Blanc */
.month-nav .em-calnav svg path {
    stroke: #fff !important;
}

.em.pixelbones .month-nav {
    --text-color-softer: #fff !important;
    --border-color: #fff !important;
}

/* Masquage de l'indication "Changer type de vue" sur mobile pour éviter les bugs d'affichage */
@media (max-width: 992px) {
    .outer_dpage.py-5.page:has(form#em-search-form-1)::before {
        display: none;
    }
}


/* ==========================================================================
   5. EVENTS MANAGER - PAGE INDIVIDUELLE (SINGLE EVENT)
   ========================================================================== */

/* Conteneur principal de la page événement (Fond plus clair que celui du site) */
.em.pixelbones.em-event-single {
    background: #1B2E4A;
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 40px;
    box-shadow: none !important;
}

/* Texte général en blanc pour assurer le contraste sur fond bleu foncé */
.em.pixelbones.em-event-single,
.em-events-list p,
.em.pixelbones.em-event-single div:not(.em-notice, .em-booking-message, .em-booking-notice),
.em.pixelbones.em-event-single span:not(.em-notice, .em-booking-message, .em-booking-notice),
.em.pixelbones.em-event-single li {
    color: #ffffff !important;
}

/* Liens Méta dans la fiche événement */
.em.pixelbones.em-event-single .em-item-meta a,
.em.pixelbones.em-event-single .event-categories a {
    color: #0693e3 !important;
    text-decoration: none !important;
}

/* Icônes Méta (Calendrier, Lieu, Horloge) - Inversion pour les rendre blanches */
.em.pixelbones.em-event-single .em-icon,
.em.pixelbones .em-event .em-icon-calendar,
.em.pixelbones .em-event .em-icon-clock,
.em.pixelbones .em-event .em-icon-location {
    filter: brightness(0) invert(1) !important;
}

/* Bloc texte de contenu (Bordure blanche pour délimiter) */
section.em-event-content {
    border: 1px solid #fff;
    border-radius: 7px;
    padding: 20px !important;
}

/* Masquage de l'image mise en avant par défaut pour le thème Space Exploration */
.post_pic_inner {
    display: none;
}

/* --- Boutons spécifique à la page événement --- */
.em.pixelbones.em-event-single .button:not([data-nostyle]),
.em.pixelbones.em-event-single button:not([data-nostyle]),
.em.pixelbones.em-event-single .em-booking-submit {
    background-color: #557646 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    padding: 12px 22px !important;
    height: auto !important;
    line-height: normal !important;
    text-transform: none !important;
}

/* Hover boutons (Bleu charte) */
.em.pixelbones.em-event-single .button:not([data-nostyle]):hover,
.em.pixelbones.em-event-single .em-booking-submit:hover {
    background-color: #0693e3 !important;
}

/* Spécificité pour le bouton "Ajouter au calendrier" (Contour blanc) */
.em.pixelbones.em-event-single a.em-event-add-to-calendar,
.em.pixelbones.em-event-single button.em-event-add-to-calendar {
    background-color: transparent !important;
    border: 1px solid #ffffff !important;
    color: #ffffff !important;
}


/* ==========================================================================
   6. EVENTS MANAGER - RÉSERVATIONS & FORMULAIRES
   ========================================================================== */

/* Ajustements de marges pour le formulaire d'inscription */
.em.em-event-booking-form .em-booking-section {
    padding: 0 !important;
}

.em.em-event-booking-form .em-tickets {
    width: 100% !important;
}

/* Z-index élevé pour les boutons de réservation pour éviter qu'ils soient sous un overlay */
.em.em-event-booking-form .em-booking-section.em-booking-form-buttons {
    margin-top: 20px;
    z-index: 1000;
}

/* Styles des champs de saisie (Fond blanc, texte gris foncé pour éviction des bugs d'affichage) */
.em.pixelbones .em-booking-form-section-details input[type="text"],
.em.pixelbones .em-booking-form-section-details input[type="tel"],
.em.pixelbones .em-booking-form-section-details input[type="email"],
.em.pixelbones .em-booking-form-section-details textarea,
.em_um_note,
form.em-form.em-login-form p input {
    color: #333 !important;
    background-color: #ffffff !important;
    border: 1px solid #ccc;
    padding: 8px 10px;
    border-radius: 4px;
    font-size: 14px;
    width: 100%;
}

/* Masquage des éléments de prix et titres de tickets redondants pour les événements gratuits/internes */
.em-bs-row.em-bs-row-total,
.em-bs-cell-price,
section#em-booking-form-section-tickets-5,
h3.em-booking-section-title.em-booking-form-details-title,
h3.em-booking-section-title.em-booking-form-tickets-title,
.em-event-bookings .em-booking-form .em-login-trigger {
    display: none !important;
}

/* Liste des participants sous forme de "badges" esthétiques */
.em-event-participants ul.event-attendees li {
    display: inline-block;
    margin: 5px;
    padding: 6px;
    border: 1px solid #fff;
    border-radius: 7px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.2);
    font-weight: 600;
}

/* --- Table "Mes Réservations" (Mon Compte) --- */
.css-my-bookings .em-my-bookings table#dbem-bookings-table td,
.css-my-bookings .em-my-bookings table#dbem-bookings-table th {
    color: #ffffff !important;
}

/* Liens d'événements dans le tableau */
.css-my-bookings .em-my-bookings table#dbem-bookings-table td:first-child a {
    color: #0693e3 !important;
    text-decoration: underline;
}


/* ==========================================================================
   7. ULTIMATE MEMBER (UM)
   ========================================================================== */

/* Couleur du texte blanc pour les formulaires UM (sur fond sombre) */
.um-form,
.um-field label,
.um-account-name a,
.um-profile.um .um-name a,
.um-profile .um-meta-text,
.um-field-block,
.um-account-heading {
    color: white !important;
}

/* Réduction de la marge pour le formulaire de connexion UM */
.um-login .um-field-c {
    margin-bottom: 5px;
}


/* ==========================================================================
   8. CORRECTIFS DIVERS & BIBLIOTHÈQUES
   ========================================================================== */

/* Fix pour l'affichage de la galerie (Owl Carousel) */
#gallery .owl-carousel .owl-stage-outer {
    transform: translate(0px, 0px);
}

/* Styles pour le titre de la liste "À la une" */
.em.pixelbones .titre-liste-a-la-une {
    margin-bottom: 0 !important;
}