/*
Theme Name: RoadShow
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Author: HARVEST
Author URI: https://wordpress.org
Description: Le thème enfant de Sparks Formation est conçu pour offrir une expérience personnalisée et optimisée pour les besoins de formation en ligne. Il repose sur un framework solide, intégrant des fonctionnalités spécifiques adaptées aux plateformes éducatives modernes. Ce thème allie esthétique professionnelle, navigation intuitive et outils de personnalisation avancés pour répondre aux attentes des formateurs et des apprenants.
Requires at least: 6.1
Tested up to: 6.1
Requires PHP: 5.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: twentytwentyfive
Template: twentytwentyfive
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, accessibility-ready, blog, portfolio, news
*/


/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}


/* Aligne les boutons radio de Gravity Forms en ligne */
body .gform_wrapper .gf-radio-inline ul.gfield_radio {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* espace entre les options */
    list-style: none;
    padding: 0;
    margin: 0;
}

body .gform_wrapper .gf-radio-inline ul.gfield_radio li {
    display: inline-flex;
    align-items: center;
    margin: 0 !important;
}

body .gform_wrapper .gf-radio-inline ul.gfield_radio li input[type="radio"] {
    margin-right: 5px;
}

.gfield--type-html{
	text-align: center;
}

.gform-theme--framework .gfield--type-choice .gfield_checkbox, .gform-theme--framework .gfield--type-choice .gfield_radio{
	flex-direction: row;
}

/* Placeholders plus lisibles */
body .gform_wrapper input::placeholder,
body .gform_wrapper textarea::placeholder {
  opacity: .75;
}

.ginput_container{
	color: var(--wp--preset--color--accent-1) !important;
	font-weight: bold;
}
.ginput_container input{
	font-weight: bold !important;
	font-size: 20px;
}

.gfield--type-radio{ margin: 0 auto !important;}

/* ===== Radio : libellé à gauche, options à droite ===== */
body .gform_wrapper .gfield.gfield--type-radio {
  display: grid;
  grid-template-columns: max-content 1fr; /* libellé / options */
  column-gap: 1rem;
  align-items: center; /* aligne la légende et les inputs sur la même ligne, centrés verticalement */
}

/* Couvre selon le marquage : label classique ou legend */
body .gform_wrapper .gfield.gfield--type-radio > .gfield_label,
body .gform_wrapper .gfield.gfield--type-radio legend.gfield_label {
  margin: 0; /* retire l'espace par défaut */
}

/* Conteneur des radios : ligne, retour à la ligne si besoin */
body .gform_wrapper .gfield.gfield--type-radio .ginput_container_radio ul.gfield_radio {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem; /* espace entre options */
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Chaque option : alignement input + texte */
body .gform_wrapper .gfield.gfield--type-radio .ginput_container_radio ul.gfield_radio li {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin: 0 !important;
}

/* Option : harmonise le spacing de l’input */
body .gform_wrapper .gfield.gfield--type-radio input[type="radio"] {
  margin: 0;
}
body .gform_wrapper .gfield.gfield--type-radio { align-items: baseline; }


body .gform_wrapper .gfield.gfield--type-radio .ginput_container_radio ul.gfield_radio {
  flex-wrap: nowrap;
}
.champs{ color: white !important; text-align: left !important;}

.gform_button.button{
	font-size: 2rem !important;
	width: 265px !important;
	margin: 0 auto !important;
	color: var(--wp--preset--color--accent-1) !important;
	text-transform: uppercase !important;
	font-weight: bold !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	text-align: left !important;
}
.gform_button.button{
	background: url(/wp-content/uploads/2025/07/fleche.svg) no-repeat right center;
}

.gform_required_legend{
	display: none !important;
}

.gform_confirmation_message{
	color: white !important;
	font-size: 1rem !important;
}

#label_1_22_1{
	font-size: 17px !important;
}
.gform_validation_errors{
	display: none !important;
}

/* ===== Responsive : empile en colonne sous 600px ===== */
@media (max-width: 600px) {
  body .gform_wrapper .gfield.gfield--type-radio {
    grid-template-columns: 1fr;     /* libellé au-dessus, options en dessous */
    align-items: start;
    row-gap: 0.5rem;
  }
  #gform_submit_button_1{
	font-size: 2rem !important;
	width: 370px !important;
}
	#input_1_11{
		flex-direction: column !important;
	}
}


/* Select (fallback sans Enhanced UI) : style "placeholder" quand la 1re option vide est sélectionnée */
@supports(selector(:has(*))) {
  body .gform_wrapper select:has(option[value=""]:checked) {
    color: #777;
  }
}