/*
Theme Name: Dynamico Child
Theme URI: https://ThemeChild.org
Template: dynamico
Author: ThemeChild
Author URI: https://ThemeChild.org
Description: It's aaaaaaaaaaaaaaaaaaaaaaaaaaaa ThemeChild
Tags: one-column,blog,news,custom-background,custom-logo,custom-header,custom-menu,grid-layout,entertainment,editor-style,block-styles,block-patterns,rtl-language-support,featured-image-header,featured-images,flexible-header,custom-colors,full-width-template,sticky-post,threaded-comments,translation-ready,theme-options,two-columns,three-columns
Version: 1.1.5.1771913387
Updated: 2026-02-24 07:09:47

*/

.site {
    max-width: 1600px;
}
.site-main {
    max-width: 1600px;
}
body.wide-theme-layout .site .site-footer {
    max-width: 1600px;
}
@media only screen and (min-width: 880px) {
.has-sidebar .site-content .site-main {
    flex-basis: 75%;
    flex-grow: 1;
}
.has-sidebar .site-content .sidebar {
    flex-basis: 25%;
}
}
body.wide-theme-layout .site .site-content, body.wide-theme-layout .site .site-footer
{
	max-width: 1600px;
}
body.wide-theme-layout .site .header-main {
    max-width: calc(1600px + 3rem);
}
@media only screen and (min-width: 960px) {
    body.wide-theme-layout .site .primary-navigation-wrap .primary-navigation {
        max-width: 1550px;
    }
}

.sidebar .widget .widget-title, .is-style-widget-title {
    background-color: #000000e6;
}
.primary-navigation-wrap
{
    background-color: #000000e6;
}

.wp-element-button:hover,
.wp-block-button__link:hover,
.wp-block-search__button:hover {
    background-color: #e84747;
}
.em-events-slider-wrapper {
    position: relative;
}

.em-events-slider .em-item {
    display: none;
}

.em-events-slider .em-item.active {
    display: block;
}

.em-slider-controls {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 10px;
}

.em-slider-controls button {
    background: #333;
    color: #fff;
    border: none;
    padding: 6px 12px;
    cursor: pointer;
    border-radius: 4px;
}

.em-slider-controls button:hover {
    background: #555;
}

.em-slider-controls button:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.em-counter {
    font-size: 0.9em;
    color: #666;
}
.krem-container {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.krem-row {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.krem-element {
	flex: 1 1 calc(33.333% - 10px); /* 3 éléments par ligne avec un espace de 10px entre eux */
	min-width: 200px; /* Largeur minimale pour chaque élément */
/* 	background-color: #f0f0f0; */
/* 	padding-left: 25px; */
	box-sizing: border-box;
	border-left: 2px solid #000000;
}

#krem-evt-ctn {
	border: 0px;
}

.krem-inline {
    display: flex;
    align-items: top;
    gap: 10px;
    margin-bottom: 10px; /* Espace en bas du conteneur */
}

.krem-inline div{
	flex: 1; /* Permet au div de prendre l'espace disponible */
}

/* Manage SPOILER */
.spoiler-container {
	margin: 20px;
}

.spoiler-button {
	padding: 10px 15px;
	background-color: #f0f0f0;
	border: 1px solid #ccc;
	cursor: pointer;
	width: 100%;
	text-align: left;
}

.spoiler-content {
	display: none;
	padding: 10px;
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	width: 100%;
}

@media (max-width: 768px) {
	.krem-element {
		flex: 1 1 100%; /* En mode responsive, chaque élément prend toute la largeur */
	}
}
 /*Gestion SPOILER Categories */
/* Style de base */
.em-accordion details {
    margin-bottom: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}

.em-accordion summary {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    background: #000000e6;
		color: #ffffff;
    font-weight: bold;
    list-style: none;
}


.em-accordion summary:hover {
    cursor: pointer;
        background-color: #d83317e6;
}

/* Flèche vers le bas par défaut (panneau ouvert) */
details .chevron::after {
    content: "▼";
		font-size: 20px;
    transition: transform 0.3s ease;
}

/* Flèche vers la droite quand le panneau est fermé */
details:not([open]) .chevron::after {
    content: "▶";
		font-size: 18px;
    transform: rotate(-90deg);
}

/* Style optionnel pour la flèche */
.chevron {
    display: inline-block;
    margin-left: 8px;
    font-size: 0.8em;
}

/* Transition fluide pour la flèche */
.chevron {
    transition: transform 0.2s ease;
}

/* Manage Button FoldUnFold */
/* Style de base */
div#allcategory {
    padding: 8px 16px;
    background: #000000e6;
    color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Animation du chevron */
div#allcategory .chevron {
    display: inline-flex;
    transition: transform 0.3s ease;
}
/* Agrandissement + décalage du site-branding */
.site-branding {
    margin-left: 200px;           /* ↔ décalage de 200px vers la droite */
    transform: scale(1.5);        /* agrandissement de 20% */
    transform-origin: left center; /* point d'ancrage : gauche-centre */
	text-align: center;
}

/* ================================================
   KREMLIMPRO — CSS GLOBAL UNIFIÉ
   Fichier : kremlimpro-events.css
   ================================================ */

/* --- Variables --- */
:root {
    --krem-bg-page:      #ededef ;
    --krem-bg-card:      #ffffff;
    --krem-bg-title-bar: #1a1a1a;
    --krem-text-main:    #1a1a1a;
    --krem-text-on-dark: #ffffff;
    --krem-accent:       #cc0000;
    --krem-border:       #cccccc;
}

/* ================================================
   FOND DE PAGE
   Surcharge --dynamico--page-background-color
   ================================================ */
:root {
    --dynamico--page-background-color: var(--krem-bg-page);
}

/* Sécurité directe si la variable ne suffit pas */
.site-content {
    background-color: var(--krem-bg-page) !important;
}

/* ================================================
   ARTICLES — page Actualités
   NE PAS toucher .featured-posts ici
   ================================================ */
.post-wrapper .type-post,
.blog-layout-horizontal-list .type-post,
.blog-layout-three-column-grid .type-post,
.site-main > .type-post,
.site-main > .type-page {
    background-color: var(--krem-bg-card);
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12);
    margin-bottom: 20px;
    padding: 20px;
}

/* ================================================
   MISE EN AVANT — respecte le thème parent
   On neutralise nos propres overrides dessus
   ================================================ */
.site-main .featured-posts .type-post {
    background: none !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Le wrapper featured-posts lui peut avoir un fond */
.site-main .featured-posts {
    background-color: transparent;
    margin-bottom: 1.25rem;
}

/* ================================================
   PAGE NOS SPECTACLES — blocs catégories
   ================================================ */

/* Conteneur general - fond page */
.entry-content,
#em-wrapper,
.em-view-container,
.em-categories-list {
    background-color: transparent;
}

/* Chaque spectacle = fond blanc */
.div1 {
    background-color: var(--krem-bg-card);
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.12);
    overflow: hidden;
}

/* Espacement entre spectacles */
.div0 {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    background-color: transparent; /* ← était #ededef, on retire */
}

/* ================================================
   PAGE NOS SPECTACLES — article wrapper
   (la page "Nos Spectacles" elle-même)
   ================================================ */
.page .site-main > article.type-page {
    background-color: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* ================================================
   BARRE TITRE DES CATÉGORIES
   ================================================ */
.div4:first-child .sidebar.widget.widget-title.is-style-widget-title {
    background-color: var(--krem-bg-title-bar);
    color: var(--krem-text-on-dark);
    padding: 8px 12px;
    display: block;
    width: 100%;
    box-sizing: border-box;
}

/* ================================================
   ACCORDÉON "Prochaines Dates"
   ================================================ */
summary {
    background-color: var(--krem-bg-title-bar);
    color: var(--krem-text-on-dark);
}

/* ================================================
   BOUTON "Lire la suite"
   ================================================ */
.more-link,
a.more-link {
    background-color: var(--krem-accent);
    color: var(--krem-text-on-dark) !important;
    padding: 8px 16px;
    border-radius: 2px;
    text-decoration: none;
    display: inline-block;
}
.more-link:hover,
a.more-link:hover {
    background-color: #aa0000;
    color: var(--krem-text-on-dark) !important;
}

/* ================================================
   TITRE DE PAGE
   ================================================ */
.entry-title,
.page-title {
    border-bottom: 2px solid var(--krem-bg-title-bar);
    padding-bottom: 8px;
}
/* ================================================
   TITRE DE PAGE — fond noir, texte blanc
   ================================================ */
.page-header.entry-header {
    background-color: var(--krem-bg-title-bar);
    padding: 10px 16px;
    margin-bottom: 16px;
}

.page-title.entry-title {
    color: var(--krem-text-on-dark) !important;
    border-bottom: none !important;
    padding-bottom: 0;
    margin: 0;
}

/* ================================================
   SUPPRESSION DES BORDURES PARASITES
   — sous le titre de page
   — sous les titres de catégories (.div1)
   ================================================ */
.page-header.entry-header,
.entry-header,
.div1,
article .entry-header .entry-title {
    border-bottom: none !important;
    border: none !important;
}
/* ================================================
   PAGE ÉVÉNEMENT INDIVIDUEL — arrondis + fond
   ================================================ */

/* Conteneur global de l'événement */
.krem-container {
    background-color: var(--krem-bg-card);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(0,0,0,0.12);
}

/* Titre "OLD EVENT" — fond noir, texte blanc, arrondi haut */
.krem-container .page-header.entry-header,
#em-wrapper .entry-header,
.em-event-header,
h1.entry-title {
    background-color: var(--krem-bg-title-bar);
    color: var(--krem-text-on-dark) !important;
    border-radius: 8px 8px 0 0;
    padding: 10px 16px;
    margin: 0;
    border: none !important;
}

/* Titre texte */
.krem-container h1.entry-title,
#em-wrapper h1.entry-title {
    color: var(--krem-text-on-dark) !important;
    border: none !important;
}

/* Zone contenu krem-row */
.krem-row {
    padding: 16px;
    background-color: var(--krem-bg-card);
}

/* Bloc INFORMATIONS */
.em-event-when.krem-border {
    background-color: var(--krem-bg-card);
    border-radius: 8px;
    border: 1px solid var(--krem-border);
    padding: 25px;
}

/* Titre "INFORMATIONS" */
.em-event-when.krem-border h4 {
    background-color: transparent;
    color: var(--krem-text-main);
    font-weight: bold;
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 0;
    border-bottom: 2px solid var(--krem-accent);
    padding-bottom: 6px;
    margin-bottom: 12px;
}

/* Image événement arrondie */
#krem-evt-img img,
#krem-evt-img .wp-post-image {
    border-radius: 6px;
    display: block;
}

/* Bouton "Ajouter au Calendrier" — arrondi */
.em-event-add-to-calendar {
    border-radius: 6px;
    background-color: var(--krem-bg-card);
    border: 1px solid var(--krem-border);
    color: var(--krem-text-main);
    padding: 8px 14px;
    cursor: pointer;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    transition: background 0.2s ease, color 0.2s ease;
}

.em-event-add-to-calendar:hover {
    background-color: var(--krem-accent);
    color: var(--krem-text-on-dark);
    border-color: var(--krem-accent);
}

/* Dropdown calendrier — arrondi */
.em-event-add-to-calendar-content {
    border-radius: 6px;
    border: 1px solid var(--krem-border);
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

/* Suppression bordure parasite sous le titre */
.entry-header,
article .entry-header .entry-title {
    border: none !important;
}

/* "Carte non disponible" — texte discret */
.krem-container + p,
#em-wrapper .no-map {
    font-style: italic;
    color: rgba(0,0,0,0.5);
    font-size: 0.85rem;
    margin-top: 8px;
}
/* Correction spoiler-content bloqué */
.spoiler-content {
    display: none;
    overflow: visible !important;
}

.spoiler-content.active {
    display: block !important;
    overflow: visible !important;
}

/* ================================================
   SUPPRESSION BORDURE PARASITE — Page Nos Spectacles
   ================================================ */

/* Supprime la bordure sur l'article/page wrapper */
.type-page.hentry,
article.hentry {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Supprime la bordure sur les wrappers Events Manager */
#em-wrapper,
#em-wrapper .em,
.em-search-ajax,
.em-view-container,
.em-list,
.em-categories-list,
.em-categories-list > div {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Supprime la bordure sur entry-content si présente */
.entry-content {
    border: none !important;
    box-shadow: none !important;
}

/* Supprime la bordure sur chaque category-block */
[id^="category"] {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* ========== POPUP RÉSERVATION ========== */

/* Overlay — caché par défaut */
.krem-popup-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9998;
}

.krem-popup-overlay.active {
    display: block;
}

/* Popup — cachée par défaut */
.krem-popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    background: #fff;
    border-radius: 8px;
    padding: 0;
    width: 90%;
    max-width: 600px;
    max-height: 85vh;
    overflow-y: auto;
    box-shadow: 0 10px 40px rgba(0,0,0,0.3);
}

.krem-popup.active {
    display: block;
}

/* Header popup */
.krem-popup-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    border-bottom: 1px solid #eee;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 1;
}

.krem-popup-title {
    font-size: 1.2rem;
    font-weight: 600;
}

.krem-popup-close {
    background: none;
    border: none;
    font-size: 1.8rem;
    cursor: pointer;
    line-height: 1;
    padding: 0;
    color: #555;
}

.krem-popup-close:hover {
    color: #000;
}

/* Body popup */
.krem-popup-body {
    padding: 20px;
}

/* Bouton déclencheur */
.krem-booking-trigger-wrap {
    text-align: center;
    margin: 20px 0;
}

.krem-booking-trigger {
    background: #2c7be5;
    color: #fff;
    border: none;
    padding: 14px 28px;
    font-size: 1rem;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.2s;
}

.krem-booking-trigger:hover {
    background: #1a5dc8;
}
/* Navbar du thème — force-la sous la popup */
header,
.site-header,
nav,
.navbar,
#masthead {
    z-index: 100 !important;
}

/* Overlay et popup au-dessus de tout */
.krem-popup-overlay {
    z-index: 99998 !important;
}

.krem-popup {
    z-index: 99999 !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
}
.krem-popup {
    max-height: 80vh;
    overflow-y: auto;
    /* retire tout margin-top résiduel */
    margin-top: 0 !important;
}

.krem-popup-body {
    padding: 20px;
    padding-bottom: 30px;
}