/* 1. Ombre sous la barre de navigation */
header, .site-header {
    box-shadow: none !important;
}

nav,
.main-navigation,
.nav-menu,
ul.menu {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12) !important;
    position: relative;
    z-index: 10;
    background-color: #ffffff;
}

/* 2. Réduction des marges entre les éléments de la liste */
nav ul li,
.main-navigation ul li,
ul.menu li {
   
}

/* 3. Réduction de l'espace interne (padding) autour du texte */
nav li a,
.main-navigation li a,
ul.menu li a {
    padding: 6px 8px !important; /* 6px en haut/bas, 8px à gauche/droite */
    transition: background-color 0.2s ease, color 0.2s ease;
    border-radius: 4px;
    display: inline-block;
}

/* 4. Effet discret au survol */
nav li a:hover,
.main-navigation li a:hover,
ul.menu li a:hover {
    background-color: rgba(0, 0, 0, 0.05);
    color: #0073aa;
}

/* 5. Fond du lien actif */
nav li.current-menu-item > a,
nav li.current_page_item > a,
.main-navigation li.current-menu-item > a,
.main-navigation li.current_page_item > a,
ul.menu li.current-menu-item > a,
ul.menu li.current_page_item > a {
    background-color: #0073aa !important;
    color: #ffffff !important;
}
/* Décalage à gauche du bouton burger mobile */
.menu-toggle,
button.menu-toggle,
.navbar-toggle,
.mobile-menu-toggle {
    margin-left: 15px !important;
    padding-left: 5px !important;
}
/* Décalage à gauche pour les entrées du menu vertical/mobile */
nav ul,
.main-navigation ul,
ul.menu {
    padding-left: 15px !important;
}

/* Ajuste également l'alignement individuel de chaque élément */
nav li,
.main-navigation li,
ul.menu li {
    margin-left: 0 !important;
}


.single.apostrophe-2-no-sidebar #primary, .page.apostrophe-2-no-sidebar #primary {
    float: none;
    margin: 0 50px;
    width: auto;
}
/* Suppression des marges latérales sur mobile / écran étroit */
@media (max-width: 768px) {
    .site,
    #page,
    #content,
    .site-content,
    #primary,
    .content-area,
    .single.apostrophe-2-no-sidebar #primary,
    .page.apostrophe-2-no-sidebar #primary {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        width: 100% !important;
        max-width: 100% !important;
    }
	h2.allocine-schedule-date-title,
    .allocine-schedule-date-title{
		font-size:1em !important;
	}
}
/* Masque le titre automatique (entry-header) sur toutes les pages */
body.page .entry-header {
    display: none !important;
}

/* Conteneur de l'action (horaire + bouton) */
.allocine-front-action-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 16px;
}

/* Boîte horaire globale */
.allocine-front-showtimes-box {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  background-color: #fdf2f2; /* Teinte légère selon l'interdiction */
  border-left: 3px solid #e53e3e;
  border-radius: 6px;
}

/* Label avec l'icône */
.allocine-front-showtimes-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #c53030;
  white-space: nowrap; /* Empêche le deux-points de sauter à la ligne */
}

/* Badge de l'heure */
.allocine-front-showtimes-val {
  display: inline-block;
  font-size: 1.1rem;
  font-weight: 800;
  color: #9b2c2c;
  background: #ffffff;
  padding: 2px 8px;
  border-radius: 4px;
  border: 1px solid rgba(229, 62, 62, 0.3);
  line-height: 1.2;
}

/* Ajustement bouton */
.allocine-front-btn {
  white-space: nowrap;
  padding: 8px 14px;
  font-size: 0.85rem;
}

@media (max-width: 768px) {
  .allocine-front-action-row {
    flex-direction: column;
    align-items: stretch !important;
    gap: 12px;
  }

  .allocine-front-btn {
    width: 100%;
    text-align: center;
    display: block;
    margin: 0 auto;
  }
}

.site-branding {
    background-position: left center !important;    
    background-repeat: no-repeat !important;
}