/*
 * CUSTOM(alejandra) — Charte graphique du site alejandramagnasco.com
 * Chargée en dernier (alejandra/functions.php, priorité 100) : surcharge les blocs de Fabulist, FabBlog et Slider WD
 * sans modifier leurs fichiers (la feuille principale du parent est remplacée par alejandra/fabulist-1.0.7-site.css). Palette : bleu #0F4C81 (accent), quasi-noir #0b181a (titres, fonds sombres), gris #383F43
 * (texte). Polices : Raleway 500 (texte), Montserrat 400 (titres). Inventaire : doc/customisations.md
 * Les sections « surcharges extraites » sont générées par scripts/tools/css-overrides.py (officiel -> ancien patch) ;
 * les règles « réémises » recopient des règles @media pour conserver la cascade mobile d'origine.
 */

/* ================================================================================================================
 * CUSTOM(alejandra) START : ex-patch fabulist/assets/css/blocks.css (blocs Gutenberg, front)
 * ================================================================================================================ */
/* ---- surcharges extraites de fabulist/assets/css/blocks.css (scripts/tools/css-overrides.py) ---- */
.wp-block-quote, .wp-block-quote:not(.is-large):not(.is-style-large), .wp-block-pullquote {
	border: 3px solid #0F4C81;
}
.wp-block-file .wp-block-file__button {
	font-size: 14px;
}
.wp-block-pullquote {
	border-top: 3px solid #0F4C81;
	border-bottom: 3px solid #0F4C81;
}
.wp-block-button__link {
	background-color: #0b181a;
}
.wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus {
	background-color: #0F4C81;
}
.wp-block-latest-comments__comment-meta {
	font-size: 16px;
}
.wp-block-latest-comments__comment-date {
	font-size: 10px;
}
.editor-block-list__block .wp-block-latest-comments__comment-excerpt p {
	font-size: 14px;
}
.has-sunset-orange-background-color {
	background-color: #0F4C81;
}
.has-shark-background-color {
	background-color: #0b181a;
}
.has-sunset-orange-color {
	color: #0F4C81;
}
.has-shark-color {
	color: #0b181a;
}
/* CUSTOM(alejandra) END */

/* ================================================================================================================
 * CUSTOM(alejandra) START : ex-patch fabblog/style.css (1.0.1) — couleurs du thème enfant
 * ================================================================================================================ */
/* ---- surcharges extraites de fabblog/style.css (scripts/tools/css-overrides.py) ---- */
.backtotop, #colophon, .site-info, .post-navigation:before, .posts-navigation:before, .post-navigation:after, .posts-navigation:after, input[type="submit"], .reply a, .black-overlay, .separator, .section-separator:before, .wp-block-button__link, .wpcf7 input.wpcf7-form-control.wpcf7-submit, .blog-loader-btn .read-more:hover, .hero_content_widget .read-more:hover, .pagination .page-numbers.current, .widget_search form.search-form button.search-submit, .widget_search form.search-form button.search-submit:hover, .widget_search form.search-form button.search-submit:focus {
	background-color: #0F4C81;
	border-color: #0F4C81;
}
#top-menu ul li, #respond input[type="submit"], .blog-loader-btn .read-more:hover, .widget_search form.search-form input, .blog-posts-wrapper .entry-container a.btn.btn-transparent, .single-post .entry-meta span.tags-links a, .gallery .overlay .entry-header .entry-title, .blog-loader-btn .read-more, .hero_content_widget .read-more, .wpcf7 input, .wpcf7 textarea, .wpcf7 input.wpcf7-form-control.wpcf7-submit, .hero_content_widget .read-more:hover {
	border-color: #0b181a;
}
.site-title a, .main-navigation a:hover, .main-navigation a:focus, .page-header span.author-name, .blog-posts-wrapper .entry-container a.btn.btn-transparent, .comment-meta .url, .comment-meta .fn, .single-post .entry-meta span, .single-post .entry-meta span a, .entry-title, #message-from-author .entry-title, article .entry-title a, .entry-meta > span, .entry-meta > span a, .pagination a.page-numbers, .slick-dots li.slick-active button:before, .widget_contact_info label {
	color: #0b181a;
}
.main-navigation svg, .main-navigation svg.icon-right, .filter-posts-tag svg.icon.icon-tag, .filter-posts-category svg.icon.icon-list, #secondary .social_widget .social-icons ul.list-inline li svg, .navigation.pagination svg, .navigation.posts-navigation svg, .navigation.post-navigation svg {
	fill: #0F4C81;
}
.custom-header-content a.btn, .blog-posts-wrapper .entry-container a.btn.btn-transparent:hover, #respond input[type="submit"]:hover, #respond input[type="submit"]:focus, .reply a:hover, .reply a:focus, input[type="submit"]:hover, input[type="submit"]:focus, .slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus, .custom-header-content .separator, .wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus, .backtotop:hover {
	background-color: #0F4C81;
	border-color: #0F4C81;
}
#respond input[type="submit"]:hover, #respond input[type="submit"]:focus, .pagination a.page-numbers:hover, .pagination a.page-numbers:focus, .pagination a.page-numbers:hover svg, .pagination a.page-numbers:focus svg, .slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus, .wp-block-pullquote, .wp-block-quote, .wp-block-quote:not(.is-large):not(.is-style-large), .blog-posts-wrapper .entry-container a.btn.btn-transparent:hover {
	border-color: #0F4C81;
}
a:hover, a:focus, a:active, .site-title a:hover, .pagination a.page-numbers:hover, .single-post .entry-meta span a:hover, article .entry-title a:hover, article .entry-title a:focus, .entry-meta > span a:hover, .entry-meta > span a:focus, #secondary .widget ul li, #secondary .widget ul li a:hover, .main-navigation ul.menu li.current-menu-item > a {
	color: #0F4C81;
}
.pagination a.page-numbers:hover, .pagination a.page-numbers:focus, .pagination a.page-numbers:hover svg, .pagination a.page-numbers:focus svg {
	fill: #0F4C81;
}
@media screen and (min-width: 1024px) {
.main-navigation ul.sub-menu li:hover > a, .main-navigation ul.sub-menu li:focus > a {
	background-color: #0F4C81;
}
}
@media screen and (max-width: 1023px) {
.main-navigation .dropdown-toggle svg, .main-navigation li.menu-item-has-children ul li svg {
	fill: #0F4C81;
}
.main-navigation svg.icon-search, .main-navigation .search.search-open svg.icon-close, .main-navigation svg.icon-down {
	fill: #0F4C81;
}
.main-navigation a:hover, .main-navigation a:focus, .main-navigation ul.menu li.current-menu-item > a {
	color: #0F4C81;
}
.main-navigation svg {   /* réémis pour préserver la cascade @media */
	fill: #fff;
}
.main-navigation a:hover, .main-navigation a:focus, .main-navigation ul.menu li.current-menu-item > a {   /* réémis pour préserver la cascade @media */
	color: #0F4C81;
}
}
/* CUSTOM(alejandra) END */

/* ================================================================================================================
 * CUSTOM(alejandra) START : ex-patch slider-wd/css/wds_frontend.css — titre de slide en surimpression
 * (classe .wds_slideshow_image_description et <span class="alejandra-wds-title"> ajoutés par le mu-plugin alejandra-site.php ;
 *  règles limitées à .alejandra-wds-title : depuis Slider WD 1.2.6x l'image est elle-même un <span> interne de la slide)
 * ================================================================================================================ */
.wds_slider_cont .wds_slideshow_image_description .alejandra-wds-title {
  color: #0F4C81;
  position: absolute;
  top: 50%;
  left: 30%;
  text-align: center;
  max-width: 900px;
  margin: auto;
  transform: translate(-22%, -50%);
  background-color: rgba(255,255,255,0.9);
  padding: 30px 20px;
}

.wds_slider_cont .wds_slideshow_image_description .alejandra-wds-title:after {
  z-index: -1;
  position: absolute;
  top: -9px;
  left: -9px;
  width: calc(100% + 18px);
  height: calc(100% + 18px);
  /*border: 1px solid #fff;*/
  content: "";
}

@media screen and (max-width: 767px) {
  .wds_slider_cont .wds_slideshow_image_description .alejandra-wds-title {
    font-size: 12px !important;
  }
}
/* CUSTOM(alejandra) END */


/* ================================================================================================================
 * CUSTOM(alejandra) START : compatibilité des blocs enregistrés sous WordPress 5.3 avec la CSS des blocs de WP ≥ 6
 * Les contenus de 2019-2021 gardent l'ancien balisage (image de fond du bloc Couverture en style inline,
 * <div class="wp-block-image"><figure class="aligncenter">) que la CSS récente ne met plus en forme pareil.
 * À retirer si les contenus sont réenregistrés dans l'éditeur récent (ou migrés en v2).
 * ================================================================================================================ */
/* Bloc Couverture : sa feuille n'est pas chargée par WP ≥ 6 pour la section hero (contenu rendu hors the_content) →
   règles de base de WP 5.3 */
.wp-block-cover[style*="background-image"],
.wp-block-cover-image[style*="background-image"] {
	position: relative;
	background-size: cover;
	background-position: center center;
	min-height: 430px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.wp-block-cover[style*="background-image"] > .wp-block-cover__inner-container {
	width: calc(100% - 70px);
	z-index: 1;
	color: #f8f9f9;
}
.wp-block-cover[style*="background-image"] a {
	color: inherit; /* WP 5.3 : liens de la couverture dans la couleur du texte */
}
div.wp-block-image > figure.aligncenter {
	display: table;
	margin-left: auto;
	margin-right: auto;
}
/* Colonnes : WP 5.3 = marges de 32px et flex-basis ; WP ≥ 6 = gap de 2em */
.wp-block-columns {
	margin-bottom: 28px;
	gap: 0;
}
@media (min-width: 600px) {
	.wp-block-column {
		flex-basis: calc(50% - 16px);
		flex-grow: 0;
	}
	.wp-block-column:nth-child(even) {
		margin-left: 32px;
	}
}
@media (min-width: 782px) {
	.wp-block-column {
		flex-grow: 1;
	}
	.wp-block-column:not(:first-child) {
		margin-left: 32px;
	}
}
/* Images et légendes (block-library/theme.css de WP 5.3) */
.wp-block-image {
	max-width: 100%;
}
.wp-block-image figcaption,
.wp-block-embed figcaption,
.wp-block-video figcaption {
	color: #555d66;
	font-size: 13px;
	text-align: center;
	margin-top: 0.5em;
	margin-bottom: 1.5em;
}
/* Galerie : marges de 16px (WP ≥ 6 : 1em) */
/* (classes doublées : la CSS de WP ≥ 6 utilise .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item) */
.wp-block-gallery.wp-block-gallery:not(.has-nested-images) {
	gap: 0; /* WP ≥ 6 ajoute un gap (is-layout-flex) qui s'ajoute aux marges de 16px et fait passer les images à la ligne */
}
.wp-block-gallery.wp-block-gallery .blocks-gallery-item.blocks-gallery-item {
	margin: 0 16px 16px 0;
	width: calc((100% - 16px) / 2);
}
.wp-block-gallery.wp-block-gallery.columns-2 .blocks-gallery-item.blocks-gallery-item:nth-of-type(2n),
.wp-block-gallery.wp-block-gallery.columns-3 .blocks-gallery-item.blocks-gallery-item:nth-of-type(3n),
.wp-block-gallery.wp-block-gallery.columns-4 .blocks-gallery-item.blocks-gallery-item:nth-of-type(4n),
.wp-block-gallery.wp-block-gallery .blocks-gallery-item.blocks-gallery-item:last-child {
	margin-right: 0;
}
@media (min-width: 600px) {
	.wp-block-gallery.wp-block-gallery.columns-3 .blocks-gallery-item.blocks-gallery-item { width: calc((100% - 16px * 2) / 3); }
	.wp-block-gallery.wp-block-gallery.columns-4 .blocks-gallery-item.blocks-gallery-item { width: calc((100% - 16px * 3) / 4); }
}
/* Lien autour d'une image : inline en WP 5.3 (inline-block en WP ≥ 6) */
.wp-block-image > a,
.wp-block-image figure > a {
	display: inline;
}
/* WPForms 2.x : pas de marge haute du formulaire (comme WPForms 1.5) */
.entry-content div.wpforms-container-full {
	margin-top: 0;
}
/* CUSTOM(alejandra) END */