.display-flex { display: flex !important; flex-direction: row !important; }
.display-inline-flex { display: inline-flex; }
.flex-direction-column { display: flex !important; flex-direction: column !important; }
.flex-direction-row { display: flex !important; flex-direction: row !important; }
.justify-content-center { justify-content: center !important; }
.justify-content-start { justify-content: flex-start !important; }
.justify-content-end { justify-content: flex-end !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-around { justify-content: space-around !important; }
.align-items-center { align-items: center !important; }
.align-items-start { align-items: flex-start !important; }
.align-items-end { align-items: flex-end !important; }
.flex-wrap-wrap { flex-wrap: wrap !important; }
.flex-wrap-nowrap { flex-wrap: nowrap !important; }
.p-auto { padding: auto !important; }
.pl-auto { padding-left: auto !important; }
.pr-auto { padding-right: auto !important; }
.pt-auto { padding-top: auto !important; }
.pb-auto { padding-bottom: auto !important; }
.m-auto { margin: auto !important; }
.ml-auto { margin-left: auto !important; }
.mr-auto { margin-right: auto !important; }
.mt-auto { margin-top: auto !important; }
.mb-auto { margin-bottom: auto !important; }

.p-0 { padding: 0 !important; }
.m-0 { margin: 0 !important; }
.pt-0 { padding-top: 0 !important; }
.pr-0 { padding-right: 0 !important; }
.pb-0 { padding-bottom: 0 !important; }
.pl-0 { padding-left: 0 !important; }
.mt-0 { margin-top: 0 !important; }
.mr-0 { margin-right: 0 !important; }
.mb-0 { margin-bottom: 0 !important; }
.ml-0 { margin-left: 0 !important; }

.p-05 { padding: 0.5em !important; }
.m-05 { margin: 0.5em !important; }
.pt-05 { padding-top: 0.5rem !important; }
.pr-05 { padding-right: 0.5rem !important; }
.pb-05 { padding-bottom: 0.5rem !important; }
.pl-05 { padding-left: 0.5rem !important; }
.mt-05 { margin-top: 0.5rem !important; }
.mr-05 { margin-right: 0.5rem !important; }
.mb-05 { margin-bottom: 0.5rem !important; }
.ml-05 { margin-left: 0.5rem !important; }

.p-1 { padding: 1rem !important; }
.m-1 { margin: 1rem !important; }
.pt-1 { padding-top: 1rem !important; }
.pr-1 { padding-right: 1rem !important; }
.pb-1 { padding-bottom: 1rem !important; }
.pl-1 { padding-left: 1rem !important; }
.mt-1 { margin-top: 1rem !important; }
.mr-1 { margin-right: 1rem !important; }
.mb-1 { margin-bottom: 1rem !important; }
.ml-1 { margin-left: 1rem !important; }

.p-2 { padding: 2rem !important; }
.m-2 { margin: 2rem !important; }
.pt-2 { padding-top: 2rem !important; }
.pr-2 { padding-right: 2rem !important; }
.pb-2 { padding-bottom: 2rem !important; }
.pl-2 { padding-left: 2rem !important; }
.mt-2 { margin-top: 2rem !important; }
.mr-2 { margin-right: 2rem !important; }
.mb-2 { margin-bottom: 2rem !important; }
.ml-2 { margin-left: 2rem !important; }

.p-3 { padding: 3rem !important; }
.m-3 { margin: 3rem !important; }
.pt-3 { padding-top: 3rem !important; }
.pr-3 { padding-right: 3rem !important; }
.pb-3 { padding-bottom: 3rem !important; }
.pl-3 { padding-left: 3rem !important; }
.mt-3 { margin-top: 3rem !important; }
.mr-3 { margin-right: 3rem !important; }
.mb-3 { margin-bottom: 3rem !important; }
.ml-3 { margin-left: 3rem !important; }

.p-4 { padding: 4rem !important; }
.m-4 { margin: 4rem !important; }
.pt-4 { padding-top: 4rem !important; }
.pr-4 { padding-right: 4rem !important; }
.pb-4 { padding-bottom: 4rem !important; }
.pl-4 { padding-left: 4rem !important; }
.mt-4 { margin-top: 4rem !important; }
.mr-4 { margin-right: 4rem !important; }
.mb-4 { margin-bottom: 4rem !important; }
.ml-4 { margin-left: 4rem !important; }

.p-5 { padding: 5rem !important; }
.m-5 { margin: 5rem !important; }
.pt-5 { padding-top: 5rem !important; }
.pr-5 { padding-right: 5rem !important; }
.pb-5 { padding-bottom: 5rem !important; }
.pl-5 { padding-left: 5rem !important; }
.mt-5 { margin-top: 5rem !important; }
.mr-5 { margin-right: 5rem !important; }
.mb-5 { margin-bottom: 5rem !important; }
.ml-5 { margin-left: 5rem !important; }

.w-0 { width: 0 !important; }
.w-25 { width: 25% !important; }
.W-33 { width: 33.3333333333% !important; }
.w-50 { width: 50% !important; }
.w-66 { width: 66.6666666667% !important; }
.w-75 { width: 75% !important; }
.w-100 { width: 100% !important; }

.h-0 { height: 0 !important; }
.h-25 { height: 25% !important; }
.h-33 { height: 33.3333333333% !important; }
.h-50 { height: 50% !important; }
.h-66 { height: 66.6666666667% !important; }
.h-75 { height: 75% !important; }
.h-100 { height: 100% !important; }

/** Ne pas afficher l'icones liens externe (after) */
.no-external-link-icon::after { display: none !important; }

/** Réduit l'espace de 0 pour les colonnes ou les rangés **/
.column-gap-0 {column-gap: 0 !important;}
.row-gap-0 {row-gap: 0 !important;}


/** COULEUR ITEM MENU ASTUCES (ajouter la classe sur le block lien personnalisé dans le header
Text: has-COLOR-color
Text Hover: has-COLOR-color-hover
Background: has-COLOR-background-color
Background Hover: has-COLOR-background-color-hover
Border Bottom: has-COLOR-border
Border Bottom Hover: has-COLOR-border-hover

Exemple fonctionnel:
has-secondary-700-background-color
has-primary-700-background-color-hover 
has-white-color
has-black-color-hover
has-white-border
has-black-border-hover

Couleurs Disponnibles:
# Basiques
--wp--preset--color--black
--wp--preset--color--white
--wp--preset--color--info
--wp--preset--color--success
--wp--preset--color--error

# Primary
--wp--preset--color--primary-100
--wp--preset--color--primary-200
--wp--preset--color--primary-300
--wp--preset--color--primary-400
--wp--preset--color--primary-500
--wp--preset--color--primary-600
--wp--preset--color--primary-700
--wp--preset--color--primary-800
--wp--preset--color--primary-900
--wp--preset--color--primary-1000

# Secondary
--wp--preset--color--secondary-100
--wp--preset--color--secondary-200
--wp--preset--color--secondary-300
--wp--preset--color--secondary-400
--wp--preset--color--secondary-500
--wp--preset--color--secondary-600
--wp--preset--color--secondary-700
--wp--preset--color--secondary-800
--wp--preset--color--secondary-900 
--wp--preset--color--secondary-1000

# Ternary
--wp--preset--color--ternary-100
--wp--preset--color--ternary-200
--wp--preset--color--ternary-300
--wp--preset--color--ternary-400
--wp--preset--color--ternary-500
--wp--preset--color--ternary-600
--wp--preset--color--ternary-700
--wp--preset--color--ternary-800
--wp--preset--color--ternary-900
--wp--preset--color--ternary-1000

# Supports
--wp--preset--color--supports-100
--wp--preset--color--supports-200
--wp--preset--color--supports-300
--wp--preset--color--supports-400
--wp--preset--color--supports-500
--wp--preset--color--supports-600
--wp--preset--color--supports-700
--wp--preset--color--supports-800
--wp--preset--color--supports-900
--wp--preset--color--supports-1000

*/

/** Cacher les bloc editor vide qui peuvent apparaitre par moment (plugin ocade add alt) */
p:empty {
  display: none !important;
}

/** Cacher n'importe quel block quand l'écran est plus petit que 600 pixels */
@media (max-width: 600px) {
  .mobile-display-none {
    display: none !important;
  }
}


/** Supprimer l'icone lien externe */
a:not([href=""]):not([href*="#"]):not([href="/"]):not([href*="#pll_switcher"]):not([href*="montgolfiere-sensation.com"]):not([href^="tel:"]):not([href^="fax:"]):not([href^="mailto:"])::after {
  display: none !important;
}

/** FOCUS CLAVIER */
*:focus-visible {
    border: 3px solid  #007fff !important;
}

/** Forcer le footer menu à ne pas avoir d'arondi */
footer .wp-block-ocade-blocks-footer-menu { border-radius: 0 };