/**
 * Table of Contents:
 *
 * 1.0 - Basic Structure
 * 2.0 - Media Queries
 * 3.0 - Bootship Capabilities
 *   Extra Columns Width, Links, Background Image Style, Content Centered, Box Shadow,
 *   Spacing (remplace l'échelle Bootstrap : n = n × 2px, 0 à 200px, toutes tailles d'écran),
 *   Background Gradients, Background Overlay Gradients, Fill / Stop / Stroke Colors,
 *   Width, Height, Typography Font Size, Font Weight
 *
 * Échelle réelle : n × 0.125rem ; 2px par unité si la racine vaut 16px.
 * Charger après Bootstrap. gap-* et g-* gardent leur échelle Bootstrap.
 *
 * Dans Bootship, 3.0 est la bibliothèque complète. Dans un projet, 1.0 et 2.0 restent
 * entiers et 3.0 ne garde que les classes utilisées (frontend/bootship/tools/theme-purge.py).
 * ----------------------------------------------------------------------------
 */



/**
 * 1.0 Basic Structure
 * ----------------------------------------------------------------------------
 */

html :where(.wp-block) {
	max-width: 100% !important;
}

/* Fondations communes : conserver le ratio des images et le choix de mouvement. */
img {
  max-width: 100%;
  height: auto;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }
}

/**
 * 2.0 Media Queries
 * ----------------------------------------------------------------------------
 */

/* WordPress Media Queries */
@media (max-width: 600.98px) {
}
@media (min-width: 601px) and (max-width: 782.98px) {
}
@media (min-width: 783px) {
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	.site-content > *:not(div) {
		max-width: calc(100% - 24px);
	}
}

@media (min-width: 576px) {
	.site-content > *:not(div) {
		max-width: 540px;
	}
}

/* Small devices (landscape phones, 576px, up to 768px) */
@media (min-width: 576px) and (max-width: 767.98px) {
}

@media (min-width: 576px) and (max-width: 991.98px) {
}

@media (min-width: 768px) {
	.site-content > *:not(div) {
		max-width: 720px;
	}
}

/* Medium devices (tablets, 768px, up to 992px) */
@media (min-width: 768px) and (max-width: 991.98px) {
}

@media (max-width: 991.98px) {
}

@media (min-width: 992px) {
	.site-content > *:not(div) {
		max-width: 960px;
	}
}

/* Large devices (desktops, 992px, up to 1200px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
}

@media (max-width: 1199.98px) {
}

@media (min-width: 1200px) {
	.site-content > *:not(div) {
		max-width: 1140px;
	}
}

/* X-Large devices (large desktops, 1200px, up to 1400px) */
@media (min-width: 1200px) and (max-width: 1399.98px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
	.site-content > *:not(div) {
		max-width: 1320px;
	}
}


/**
 * 3.0 Bootship Capabilities
 * ----------------------------------------------------------------------------
 */

/*------------------------------------
  Extra Columns Width
------------------------------------*/

.col-xxl-20 {
  flex: 0 0 auto;
}

@media (min-width: 1400px) {
  .col-xxl-20 {
      width: 20%;
    }
}

/*------------------------------------
  Links
------------------------------------*/

.link {
  display: inline-block;
}

/*------------------------------------*\
  #SPACING UTILITIES
  Remplace l'échelle de Bootstrap : 1 = 2px, n = n × 2px (0 à 100 = 0 à 200px)
  m, mx, my, mt, me, mb, ms, p, px, py, pt, pe, pb, ps (+ auto pour les marges)
  à toutes les tailles d'écran (sm, md, lg, xl, xxl)
\*------------------------------------*/

.mx-auto { margin-right: auto !important; margin-left: auto !important; }

.mt-6 { margin-top: 0.75rem !important; }

.mt-14 { margin-top: 1.75rem !important; }

.mt-28 { margin-top: 3.5rem !important; }

.mt-auto { margin-top: auto !important; }

.mb-0 { margin-bottom: 0 !important; }

.mb-2 { margin-bottom: 0.25rem !important; }

.mb-4 { margin-bottom: 0.5rem !important; }

.mb-5 { margin-bottom: 0.625rem !important; }

.mb-6 { margin-bottom: 0.75rem !important; }

.mb-7 { margin-bottom: 0.875rem !important; }

.mb-8 { margin-bottom: 1rem !important; }

.mb-9 { margin-bottom: 1.125rem !important; }

.mb-10 { margin-bottom: 1.25rem !important; }

.mb-12 { margin-bottom: 1.5rem !important; }

.mb-14 { margin-bottom: 1.75rem !important; }

.mb-16 { margin-bottom: 2rem !important; }

.mb-18 { margin-bottom: 2.25rem !important; }

.mb-20 { margin-bottom: 2.5rem !important; }

.mb-24 { margin-bottom: 3rem !important; }

.mb-28 { margin-bottom: 3.5rem !important; }

.mb-30 { margin-bottom: 3.75rem !important; }

.mb-32 { margin-bottom: 4rem !important; }

.py-6 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; }

.pt-3 { padding-top: 0.375rem !important; }

.pt-6 { padding-top: 0.75rem !important; }

.pt-15 { padding-top: 1.875rem !important; }

.pt-20 { padding-top: 2.5rem !important; }

.pt-24 { padding-top: 3rem !important; }

.pt-30 { padding-top: 3.75rem !important; }

.pt-35 { padding-top: 4.375rem !important; }

.pt-40 { padding-top: 5rem !important; }

.pt-45 { padding-top: 5.625rem !important; }

.pt-50 { padding-top: 6.25rem !important; }

.pt-55 { padding-top: 6.875rem !important; }

.pt-60 { padding-top: 7.5rem !important; }

.pb-7 { padding-bottom: 0.875rem !important; }

.pb-15 { padding-bottom: 1.875rem !important; }

.pb-24 { padding-bottom: 3rem !important; }

.pb-26 { padding-bottom: 3.25rem !important; }

.pb-28 { padding-bottom: 3.5rem !important; }

.pb-30 { padding-bottom: 3.75rem !important; }

.pb-32 { padding-bottom: 4rem !important; }

.pb-35 { padding-bottom: 4.375rem !important; }

.pb-40 { padding-bottom: 5rem !important; }

.pb-45 { padding-bottom: 5.625rem !important; }

.pb-50 { padding-bottom: 6.25rem !important; }

.pb-55 { padding-bottom: 6.875rem !important; }

@media (min-width: 576px) {
  .mb-sm-0 { margin-bottom: 0 !important; }
}

@media (min-width: 768px) {
  .mb-md-0 { margin-bottom: 0 !important; }
}

@media (min-width: 992px) {
  .mb-lg-0 { margin-bottom: 0 !important; }
}

@media (min-width: 1200px) {
  .mb-xl-0 { margin-bottom: 0 !important; }

  .pt-xl-0 { padding-top: 0 !important; }
}

@media (min-width: 1400px) {
  .mb-xxl-0 { margin-bottom: 0 !important; }

  .mb-xxl-7 { margin-bottom: 0.875rem !important; }
}