/* Conseil Brico Jardin — ajouts propres à WordPress.
   style.css est la copie conforme du prototype ; ce fichier ne fait qu'habiller ce que WordPress et les extensions
   ajoutent (barre d'administration, classes des blocs, vidéos, formulaire WPForms, restes d'extensions). */

/* ---------------------------------------------------------------- barre d'administration (connecté) */

.admin-bar .entete { top: 32px; }
.admin-bar .ruban { top: 32px; }
.admin-bar .sommaire { top: 120px; }
@media (max-width: 1020px) { .admin-bar .nav { inset: 96px 0 auto; } }
@media (max-width: 782px) {
	.admin-bar .entete, .admin-bar .ruban { top: 46px; }
	.admin-bar .nav { inset: 110px 0 auto; }
}
@media (max-width: 600px) {
	.admin-bar .entete, .admin-bar .ruban { top: 0; }
	.admin-bar .nav { inset: 64px 0 auto; }
}

/* ---------------------------------------------------------------- restes d'extensions remplacés par le thème */

/* Sommaire Easy Table of Contents et « articles similaires » de YARPP : le thème produit les siens. */
#ez-toc-container, .ez-toc-container, #ez-toc-sticky-container, .ez-toc-sticky, .article-corps .yarpp, .article-corps .yarpp-related { display: none !important; }
.ancre { scroll-margin-top: 96px; }

/* ---------------------------------------------------------------- contenu des articles et des pages */

.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.article-corps .has-text-align-center, .texte-page .has-text-align-center { text-align: center; }
.article-corps .aligncenter, .texte-page .aligncenter { margin-left: auto; margin-right: auto; }
.article-corps .alignleft { float: left; margin: .4em 1.5em 1em 0; max-width: 50%; }
.article-corps .alignright { float: right; margin: .4em 0 1em 1.5em; max-width: 50%; }
.article-corps figure.wp-block-image img, .article-corps .wp-caption img { margin: 0; }
.article-corps figcaption, .article-corps .wp-caption-text { margin-top: 8px; font: 400 12px/1.5 var(--mono); color: var(--fumee); text-align: center; }
.article-corps figure.wp-block-table { overflow-x: auto; }
.article-corps .wp-block-table table { margin: 0; }
.article-corps .wp-block-table td, .article-corps .wp-block-table th { border-color: var(--ardoise); }
/* Paragraphes encadrés par l'ancien thème (bordures aux couleurs d'Astra) : filet du thème à la place. */
.article-corps p.has-border-color { border: 1px solid var(--fer) !important; border-radius: var(--r-carte) !important; padding: 16px 20px; background: var(--graphite); }

/* Vidéos YouTube intégrées (bloc « Intégrer ») */
.article-corps .wp-block-embed { margin: 1.8em 0; }
.article-corps .wp-block-embed__wrapper { position: relative; border-radius: var(--r-carte); overflow: hidden; border: 1px solid var(--ardoise); background: var(--obsidienne); }
.article-corps .wp-has-aspect-ratio .wp-block-embed__wrapper::before { content: ""; display: block; padding-top: 56.25%; }
.article-corps .wp-embed-aspect-4-3 .wp-block-embed__wrapper::before { padding-top: 75%; }
.article-corps .wp-has-aspect-ratio iframe { position: absolute; inset: 0; width: 100%; height: 100%; }
.article-corps iframe { max-width: 100%; border: 0; }

/* ---------------------------------------------------------------- contact */

.contact__wpforms { min-width: 0; }
.contact__wpforms .wpforms-container {
	--wpforms-field-background-color: var(--graphite);
	--wpforms-field-border-color: var(--fer);
	--wpforms-field-border-color-spare: var(--fer);
	--wpforms-field-text-color: var(--os);
	--wpforms-field-menu-color: var(--graphite);
	--wpforms-label-color: var(--brume);
	--wpforms-label-sublabel-color: var(--fumee);
	--wpforms-label-error-color: #f0b37a;
	--wpforms-button-background-color: var(--cordeau-plein);
	--wpforms-button-text-color: var(--blanc);
	--wpforms-button-border-radius: var(--r-petit);
	--wpforms-field-border-radius: var(--r-petit);
	--wpforms-field-size-font-size: 15px;
	--wpforms-label-size-font-size: 12px;
	margin: 0 !important;
}
.contact__wpforms fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }
.contact__wpforms legend { padding: 0; }
.contact__wpforms .wpforms-field-label, .contact__wpforms .wpforms-field-sublabel { font-family: var(--sans) !important; letter-spacing: .04em; color: var(--brume) !important; }
.contact__wpforms input[type="text"], .contact__wpforms input[type="email"], .contact__wpforms input[type="url"], .contact__wpforms input[type="tel"], .contact__wpforms input[type="number"], .contact__wpforms select, .contact__wpforms textarea {
	width: 100%; max-width: 100% !important; padding: 12px !important; border: 1px solid var(--fer) !important; border-radius: var(--r-petit) !important;
	background: var(--graphite) !important; color: var(--os) !important; font: 400 15px/1.4 var(--sans) !important; box-shadow: none !important;
}
.contact__wpforms input:focus, .contact__wpforms textarea:focus, .contact__wpforms select:focus { outline: none; border-color: var(--cordeau) !important; box-shadow: 0 0 0 2px rgba(43, 127, 255, .35) !important; }
.contact__wpforms button[type="submit"], .contact__wpforms .wpforms-submit {
	display: inline-flex; align-items: center; padding: 11px 20px !important; border: 1px solid var(--cordeau-plein) !important; border-radius: var(--r-petit) !important;
	background: var(--cordeau-plein) !important; color: var(--blanc) !important; font: 500 14px/1.2 var(--sans) !important; cursor: pointer;
}
.contact__wpforms button[type="submit"]:hover { background: var(--cordeau) !important; border-color: var(--cordeau) !important; }
.contact__wpforms .wpforms-confirmation-container-full { background: var(--graphite) !important; border: 1px solid var(--fer) !important; color: var(--os) !important; border-radius: var(--r-carte); }
.contact__wpforms .wpforms-error, .contact__wpforms label.wpforms-error { color: #f0b37a !important; }

/* ---------------------------------------------------------------- recherche */

.recherche__etat { margin: 8px 0 0; }
.texte-page .recherche__resultats a { color: var(--os); }