/*
Theme Name: Suki Child
Theme URI: https://sukiwp.com/
Description: Sample Child Theme for Suki WordPress theme. Learn more about Suki WordPress theme at https://sukiwp.com/
Author: Suki WordPress Theme
Author URI: https://sukiwp.com/#about
Template: suki
Version: 1.1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: suki-child
Tags: two-columns, left-sidebar, right-sidebar, grid-layout, accessibility-ready, custom-colors, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, microformats, rtl-language-support, theme-options, threaded-comments, translation-ready, blog, e-commerce, portfolio
*/


/* =========================================================
   STYLES DU SITE (repris du CSS additionnel)
   Couleurs, textes et boutons se règlent dans Elementor.
   Ici : uniquement ce qu'Elementor ne sait pas faire.
   ========================================================= */

/* ---------- Général : pas de défilement horizontal ---------- */
html, body { overflow-x: hidden; }
@supports (overflow-x: clip) { html, body { overflow-x: clip; } }

/* ---------- Police du texte courant (Jost) ---------- */
body, input, select, textarea { font-family: "Jost", sans-serif; }


/* ---------- Avis Google (extension Trustindex) ---------- */
body .ti-widget.ti-goog .ti-review-item > .ti-inner,
body .ti-widget.ti-goog .ti-ai-summary-item > .ti-inner {
  background-color: #FBF4EE !important;
  border: 1px solid #F1D5C9 !important;
}
body .ti-widget.ti-goog .ti-controls .ti-next,
body .ti-widget.ti-goog .ti-controls .ti-prev {
  background-color: #C14334 !important;
  outline: none !important;
}
body .ti-widget.ti-goog .ti-controls .ti-next::before,
body .ti-widget.ti-goog .ti-controls .ti-prev::before {
  border-color: #FFFFFF !important;
}
body .ti-widget.ti-goog .ti-controls .ti-next:hover,
body .ti-widget.ti-goog .ti-controls .ti-next:focus,
body .ti-widget.ti-goog .ti-controls .ti-prev:hover,
body .ti-widget.ti-goog .ti-controls .ti-prev:focus {
  background-color: #A3362A !important;
}


/* ---------- En-tête : ajustements entre 1025 et 1279 px ---------- */
@media (min-width: 1025px) and (max-width: 1279px) {
  .elementor-3407 .elementor-element-485272e > .e-con-inner { gap: 16px !important; }
  .elementor-3407 .elementor-element-0e60f90 .hfe-nav-menu > li > a,
  .elementor-3407 .elementor-element-0e60f90 .hfe-nav-menu > li > .hfe-has-submenu-container > a { padding-left: 7px !important; padding-right: 7px !important; font-size: 13px !important; }
  .elementor-3407 .elementor-element-d7c9ef5 .elementor-button { padding-left: 18px !important; padding-right: 18px !important; }
}
@media (min-width: 1025px) and (max-width: 1149px) {
  .elementor-3407 .elementor-element-d7c9ef5 { display: none !important; }
}


/* ---------- Boutons : léger soulèvement au survol ----------
   (les couleurs de survol se règlent dans Elementor, onglet Style > Survol) */
.elementor-element-3c20615 .elementor-button,
.elementor-element-bcd684f .elementor-button,
.elementor-element-b78df25 .elementor-button,
.elementor-element-d7c9ef5 .elementor-button,
.elementor-element-910df25 .elementor-button,
.elementor-element-5f52284 .elementor-button,
.elementor-element-6d2e3c3 .elementor-button {
  transition: background-color .3s ease, color .3s ease, transform .3s ease, box-shadow .3s ease !important;
}
.elementor-element-3c20615 .elementor-button:hover, .elementor-element-3c20615 .elementor-button:focus-visible,
.elementor-element-bcd684f .elementor-button:hover, .elementor-element-bcd684f .elementor-button:focus-visible,
.elementor-element-b78df25 .elementor-button:hover, .elementor-element-b78df25 .elementor-button:focus-visible,
.elementor-element-d7c9ef5 .elementor-button:hover, .elementor-element-d7c9ef5 .elementor-button:focus-visible,
.elementor-element-910df25 .elementor-button:hover, .elementor-element-910df25 .elementor-button:focus-visible,
.elementor-element-5f52284 .elementor-button:hover, .elementor-element-5f52284 .elementor-button:focus-visible,
.elementor-element-6d2e3c3 .elementor-button:hover, .elementor-element-6d2e3c3 .elementor-button:focus-visible,
.elementor-element-0555acc .elementor-button:hover, .elementor-element-0555acc .elementor-button:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(59, 42, 44, 0.25);
}
@media (prefers-reduced-motion: reduce) {
  .elementor-element-3c20615 .elementor-button:hover, .elementor-element-bcd684f .elementor-button:hover,
  .elementor-element-b78df25 .elementor-button:hover, .elementor-element-d7c9ef5 .elementor-button:hover,
  .elementor-element-910df25 .elementor-button:hover, .elementor-element-5f52284 .elementor-button:hover,
  .elementor-element-6d2e3c3 .elementor-button:hover { transform: none; }
}


/* ---------- Accueil : cartes « Écouter… » au survol ---------- */
.elementor-element-b05feb5 > .e-con > .e-con {
  transition: background-color .35s ease, border-color .35s ease, transform .35s ease, box-shadow .35s ease;
}
.elementor-element-b05feb5 > .e-con > .e-con img { transition: transform .35s ease; }
.elementor-element-b05feb5 > .e-con .elementor-heading-title { transition: letter-spacing .35s ease; }
.elementor-element-b05feb5 > .e-con:hover > .e-con {
  background-color: rgba(251, 244, 238, 0.16);
  border-color: #FBF4EE !important;
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(59, 42, 44, 0.18);
}
.elementor-element-b05feb5 > .e-con:hover > .e-con img { transform: scale(1.12); }
.elementor-element-b05feb5 > .e-con:hover .elementor-heading-title { letter-spacing: 5px; }
@media (prefers-reduced-motion: reduce) {
  .elementor-element-b05feb5 > .e-con:hover > .e-con,
  .elementor-element-b05feb5 > .e-con:hover > .e-con img { transform: none; }
}


/* ---------- Pictos ronds (classe mc-sigitem) au survol ---------- */
.mc-sigitem .elementor-icon {
  transition: background-color .35s ease, border-color .35s ease, transform .35s ease, box-shadow .35s ease;
}
.mc-sigitem .elementor-icon svg, .mc-sigitem .elementor-icon i { transition: transform .35s ease; }
.mc-sigitem .elementor-icon-box-title { transition: letter-spacing .35s ease; }
.mc-sigitem:hover .elementor-icon {
  background-color: rgba(251, 244, 238, 0.16) !important;
  border-color: #FBF4EE !important;
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(59, 42, 44, 0.18);
}
.mc-sigitem:hover .elementor-icon svg, .mc-sigitem:hover .elementor-icon i { transform: scale(1.12); }
.mc-sigitem:hover .elementor-icon-box-title { letter-spacing: 4px; }
@media (prefers-reduced-motion: reduce) {
  .mc-sigitem:hover .elementor-icon,
  .mc-sigitem:hover .elementor-icon svg, .mc-sigitem:hover .elementor-icon i { transform: none; }
}


/* =========================================================
   ARTICLES DE L'AGENDA (modèle d'article du thème)
   ========================================================= */

/* Mise en page générale */
.single-post #primary { max-width: 1200px; margin: 0 auto; padding: 72px 24px 96px; box-sizing: border-box; }
.single-post .entry-wrapper { display: flex; flex-direction: column; }
.single-post .entry-header { order: 1; max-width: 760px; margin: 0 auto 48px; padding: 0; text-align: center; border: 0; }
.single-post .entry-footer, .single-post .entry-author, .single-post .post-navigation, .single-post #comments, .single-post .comments-area { display: none !important; }

/* Titre, surtitre et date */
.vcs-article-surtitre { margin: 0 0 16px; font-family: "Jost", sans-serif; font-size: 15px; font-weight: 500; line-height: 1.2; letter-spacing: 2.2px; text-transform: uppercase; color: #C14334; }
.single-post .entry-title { margin: 0; font-family: "Sniglet", sans-serif; font-weight: 400; font-size: 40px; line-height: 1.15; letter-spacing: 1.5px; text-transform: uppercase; color: #C14334; }
.single-post .entry-header .entry-meta { margin-top: 16px; font-family: "Cormorant Garamond", serif; font-style: italic; font-weight: 600; font-size: 22px; line-height: 1.3; color: #5B2A5E; }
.single-post .entry-header .entry-meta a { color: inherit; }
.single-post .entry-header .entry-meta::first-letter { text-transform: uppercase; }

/* Photo en arche avec filet décalé */
.single-post .entry-thumbnail { order: 2; position: relative; width: min(320px, calc(100% - 36px)); margin: 0 auto 72px; transform: translateX(-9px); }
.single-post .entry-thumbnail::after { content: ""; position: absolute; top: 18px; right: -18px; bottom: -18px; left: 18px; z-index: 0; border: 1px solid #C14334; border-radius: 400px 400px 18px 18px; pointer-events: none; }
.single-post .entry-thumbnail img { position: relative; z-index: 1; display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 400px 400px 16px 16px; }

/* Encadré « Infos pratiques » */
.vcs-article-infos { order: 3; box-sizing: border-box; width: 100%; max-width: 760px; margin: 0 auto 48px; padding: 32px 36px; border-radius: 16px; background: #F4E1D6; display: grid; grid-template-columns: 1fr; gap: 0; text-align: left; }
.vcs-article-info { padding: 16px 0; border-bottom: 1px solid rgba(193, 67, 52, .2); }
.vcs-article-info:first-child { padding-top: 0; }
.vcs-article-info:last-child { padding-bottom: 0; border-bottom: 0; }
.vcs-article-info span { display: block; margin-bottom: 6px; font-family: "Jost", sans-serif; font-size: 12px; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; color: #C14334; }
.vcs-article-info p { margin: 0; font-family: "Jost", sans-serif; font-size: 16px; line-height: 1.6; color: #3B2A2C; }
.vcs-article-action { grid-column: 1 / -1; display: flex; justify-content: center; padding-top: 8px; border-top: 0; }
.vcs-article-bouton, .vcs-article-bouton:visited { display: inline-block; margin-top: 16px; padding: 13px 28px; border-radius: 40px; background: #C14334; color: #FBF4EE !important; font-family: "Jost", sans-serif; font-size: 14px; font-weight: 500; letter-spacing: .3px; text-decoration: none; transition: background .2s; }
.vcs-article-bouton:hover, .vcs-article-bouton:focus { background: #A3362A; color: #FBF4EE !important; }

/* Texte de l'article */
.single-post .entry-content { order: 4; box-sizing: border-box; width: 100%; max-width: 760px; margin: 0 auto; font-family: "Jost", sans-serif; font-size: 16px; line-height: 1.75; color: #3B2A2C; }
.single-post .entry-content:empty { display: none; }
.single-post .entry-content > *:first-child { margin-top: 0; }
.single-post .entry-content p { margin: 0 0 1.2em; }
.single-post .entry-content h2, .single-post .entry-content h3 { margin: 1.6em 0 .6em; font-family: "Sniglet", sans-serif; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; color: #C14334; line-height: 1.2; }
.single-post .entry-content h2 { font-size: 28px; }
.single-post .entry-content h3 { font-size: 22px; }
.single-post .entry-content h4 { margin: 1.4em 0 .5em; font-family: "Jost", sans-serif; font-size: 15px; font-weight: 500; letter-spacing: 2.2px; text-transform: uppercase; color: #C14334; }
.single-post .entry-content a { color: #C14334; text-decoration: underline; text-underline-offset: 3px; }
.single-post .entry-content a:hover { color: #A3362A; }
.single-post .entry-content strong { font-weight: 500; color: #3B2A2C; }
.single-post .entry-content ul, .single-post .entry-content ol { margin: 0 0 1.2em; padding-left: 1.4em; }
.single-post .entry-content li { margin-bottom: .4em; }
.single-post .entry-content ul li::marker { color: #C14334; }
.single-post .entry-content blockquote { margin: 1.6em 0; padding: 0 0 0 24px; border-left: 2px solid #C14334; background: none; font-family: "Cormorant Garamond", serif; font-style: italic; font-weight: 600; font-size: 22px; line-height: 1.4; color: #5B2A5E; }
.single-post .entry-content blockquote p { margin: 0; }
.single-post .entry-content img { max-width: 100%; height: auto; border-radius: 16px; }

/* Bandeau « Réserver ou en savoir plus » */
.vcs-article-bandeau { order: 5; box-sizing: border-box; width: 100%; margin: 64px 0 0; padding: 44px 56px; border-radius: 16px; background: #5B2A5E; display: flex; align-items: center; justify-content: space-between; gap: 32px 48px; flex-wrap: wrap; }
.vcs-bandeau-texte { flex: 1 1 320px; }
.vcs-bandeau-surtitre { margin: 0 0 10px; font-family: "Jost", sans-serif; font-size: 13px; font-weight: 500; letter-spacing: 2.2px; text-transform: uppercase; color: #F4C9B5; }
.vcs-bandeau-titre { margin: 0 0 10px; font-family: "Sniglet", sans-serif; font-weight: 400; font-size: 30px; line-height: 1.15; letter-spacing: 1px; text-transform: uppercase; color: #FBF4EE; }
.vcs-bandeau-intro { margin: 0; font-family: "Jost", sans-serif; font-size: 16px; line-height: 1.6; color: #FBF4EE; opacity: .9; }
.vcs-bandeau-contacts { display: flex; flex-wrap: wrap; gap: 16px; }
.vcs-bandeau-lien, .vcs-bandeau-lien:visited { display: inline-flex; flex-direction: column; padding: 14px 26px; border-radius: 40px; background: #FBF4EE; color: #3B2A2C !important; font-family: "Jost", sans-serif; font-size: 15px; font-weight: 500; line-height: 1.3; text-decoration: none; transition: background .2s, color .2s; }
.vcs-bandeau-lien span { font-size: 11px; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; color: #C14334; }
.vcs-bandeau-lien:hover, .vcs-bandeau-lien:focus { background: #F4E1D6; color: #3B2A2C !important; }

/* Lien « Retour » */
.vcs-article-retour { order: 6; display: block; margin: 8px auto 0; text-align: center; }
.vcs-article-retour a { font-family: "Jost", sans-serif; font-size: 14px; font-weight: 500; color: #C14334; text-decoration: none; }
.vcs-article-retour a:hover { color: #A3362A; }

/* Ordinateur : 2 colonnes (titre + photo | infos) */
@media (min-width: 1025px) {
  .single-post .entry-wrapper { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 80px; align-items: start; }
  .single-post .entry-header { grid-column: 1; grid-row: 1; width: 100%; margin: 0 0 40px; }
  .single-post .entry-thumbnail { grid-column: 1; grid-row: 2; margin: 0 auto 18px; }
  .vcs-article-infos { grid-column: 2; grid-row: 1 / span 2; align-self: center; max-width: 480px; margin: 0; justify-self: start; }
  .single-post .entry-content { grid-column: 1 / -1; grid-row: 3; margin-top: 64px; }
  .vcs-article-bandeau { grid-column: 1 / -1; grid-row: 4; }
  .vcs-article-retour { grid-column: 1 / -1; grid-row: 5; margin-top: 40px; }
}

/* Mobile */
@media (max-width: 767px) {
  .single-post #primary { padding: 48px 16px 64px; }
  .single-post .entry-header { margin-bottom: 36px; }
  .single-post .entry-title { font-size: 30px; letter-spacing: 1px; }
  .single-post .entry-header .entry-meta { font-size: 20px; }
  .single-post .entry-thumbnail { width: min(280px, calc(100% - 36px)); margin-bottom: 56px; }
  .vcs-article-infos { padding: 24px; }
  .single-post .vcs-article-infos { margin-bottom: 0; }
  .single-post .entry-content { margin-top: 24px; }
  .single-post .entry-content:empty { margin-top: 0; }
  .single-post .entry-content h2 { font-size: 24px; }
  .vcs-article-bandeau { padding: 32px 24px; }
  .single-post .vcs-article-bandeau { margin-top: 24px; }
  .vcs-bandeau-titre { font-size: 24px; }
  .vcs-bandeau-contacts, .vcs-bandeau-lien { width: 100%; }
  .vcs-article-retour { margin-top: 32px; }
}


/* =========================================================
   ANCIENNES PAGES NON RELIÉES AU SITE
   (« Collectif Bouge ta vie » et « Le nouveau e-Mucem ») :
   neutralise les couleurs et polices collées depuis l'ancien site.
   À supprimer en même temps que ces deux pages.
   ========================================================= */
.elementor-widget-text-editor [style*="#25572a" i],
.elementor-widget-text-editor [style*="rgb(37, 87, 42)"],
.elementor-widget-text-editor [style*="#008000" i],
.elementor-widget-text-editor [style*="rgb(0, 128, 0)"],
.elementor-widget-text-editor [style*="color: green" i] { color: inherit !important; }
.elementor-widget-text-editor a[style*="#25572a" i],
.elementor-widget-text-editor a[style*="rgb(37, 87, 42)"],
.elementor-widget-text-editor a[style*="#008000" i],
.elementor-widget-text-editor a[style*="rgb(0, 128, 0)"] { color: #C14334 !important; }
.elementor-widget-text-editor a[style*="#25572a" i]:hover,
.elementor-widget-text-editor a[style*="rgb(37, 87, 42)"]:hover { color: #5B2A5E !important; }
.elementor-widget-text-editor [style*="font-family"] { font-family: inherit !important; }
.elementor-widget-text-editor :is(h4, h5, h6) { font-family: "Jost", sans-serif; font-weight: 400; font-size: 16px; line-height: 1.75; letter-spacing: normal; text-transform: none; color: #3B2A2C; }
.elementor-widget-text-editor :is(h4, h5, h6) :is(strong, b) { font-weight: 600; }
.elementor-widget-text-editor :is(h1, h2, h3) :is(strong, b) { font-weight: inherit; }
.elementor-element-781e2a1 .elementor-heading-title { color: #C14334 !important; font-family: "Sniglet", sans-serif !important; font-weight: 400 !important; }