/*
 * Theme Name:  Recap Child
 * Theme URI:   https://recap.codesupply.co/
 * Description: Recap Child Theme
 * Author:      Code Supply Co.
 * Author URI:  https://codesupply.co/
 * Template:    recap
 * Version:     1.0.0
 */

/* =============================================================
   Modifications personnalisées — Recap Child Theme
   Ces règles surchargent le thème parent (recap)
   ============================================================= */

/* --- Séparateur Gutenberg : bordure réduite à 1px --- */
.wp-block-separator:not(.is-style-dots) {
  border-bottom: 1px solid currentColor;
}

/* --- Boutons Gutenberg : padding augmenté --- */
.wp-block-button .wp-block-button__link {
  padding: 0.75rem 1.25rem;
}

/* --- Boutons Gutenberg : police catégorie au lieu de la police primaire --- */
.wp-block-button .wp-block-button__link {
  font-family: var(--cs-font-category-family), sans-serif;
  font-size: var(--cs-font-category-size);
  line-height: var(--cs-font-category-line-height);
  font-weight: var(--cs-font-category-weight);
  font-style: var(--cs-font-category-style);
  letter-spacing: var(--cs-font-category-letter-spacing);
  text-transform: var(--cs-font-category-text-transform);
}

/* --- Media text : suppression padding mobile --- */
@media (max-width: 575.98px) {
  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
    padding-top: 0;
    padding-bottom: 0;
  }
  .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content {
    padding-top: 0;
    padding-bottom: 0;
  }
}

/* --- Citation Gutenberg : gap réduit, ombres supprimées --- */
.wp-block-quote {
  gap: 10px;
  box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0);
  border: 2px solid transparent;
}

/* --- Header mobile : bordure et ombre supprimées --- */
@media (max-width: 575.98px) {
  .cs-header {
    border-bottom: 1px solid var(--cs-color-border);
    box-shadow: 0 10px 40px 0 rgba(0, 0, 15, 0.0);
  }
}

/* --- Header inner mobile : bordure et ombre supprimées --- */
@media (max-width: 575.98px) {
  .cs-header__inner-mobile {
    border: 1px solid var(--cs-color-border);
    box-shadow: 0 10px 40px 0 rgba(0, 0, 15, 0.0);
  }
}

/* --- Header inner desktop : bordure et ombre supprimées --- */
.cs-header__inner-desktop {
  border: 1px solid var(--cs-color-border);
  box-shadow: 0 10px 40px 0 rgba(0, 0, 15, 0.0);
}

/* --- Couleur de fond accent (bleu clair → beige) --- */
.cs-nav__mega-menu-categories-item:before,
.cs-nav__mega-menu-categories-item:after {
  background: #E1D5C6;
}

/* --- Entrées/cards : ombres supprimées --- */
.cs-entry {
  box-shadow: 0 8px 32px 0 rgba(var(--cs-light-primary-color-rgb), 0.00);
}
.cs-entry:not(.cs-entry-tile):not(.cs-entry-compact):not(.cs-post-slider__type-1-item):not(.cs-entry-horizontal):not(.cs-entry__prev-next) {
  border: 1px solid var(--cs-color-border);
}

/* --- Overlay tuile : dégradé noir uni --- */
.cs-entry-tile .cs-overlay-background:after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
}

/* =============================================================
   Template Article Full Width — sans sidebar, pleine largeur
   ============================================================= */

/* Supprimer la sidebar */
.post-template-single-fullwidth-php .cs-sidebar {
	display: none !important;
}

/* Prendre toute la largeur disponible sans sidebar */
.post-template-single-fullwidth-php .cs-main-content {
	width: 100%;
	max-width: 100%;
}

/* Corriger la largeur du contenu sur le template Article Top */
.post-template-single-fullwidth-php .cs-entry__content-wrap {
	--cs-entry-content-medium-width: 100%;
	max-width: 100%;
}

/* Corriger la grille sur le template Article Top */
.post-template-single-fullwidth-php.single .cs-metabar-enabled.cs-sidebar-disabled .cs-entry__container,
.post-template-single-fullwidth-php.single .cs-metabar-enabled:has(.cs-entry__metabar) .cs-entry__container,
.post-template-single-fullwidth-php.single .cs-entry__container {
	grid-template-columns: minmax(0, 1fr) !important;
	justify-content: stretch !important;
}

.post-template-single-fullwidth-php.single .cs-entry__content-wrap {
	max-width: 100% !important;
	margin-left: 0 !important;
}