/**
Theme Name: Danielle Marcotte
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: danielle-marcotte
Template: astra
*/

/* =============================================
   STYLES GLOBALES
   ============================================= */

.wp-block-quote:not(.has-text-align-right):not(.has-text-align-center) {
	border-left: 5px solid rgb(139 44 107 / 24%);
}
blockquote {
	font-size: .9rem;
}
cite {
	font-weight: bold;
}

/* =============================================
   IMAGES
   ============================================= */

figcaption.wp-element-caption {
	font-size: .8rem;
}
figure.wp-block-image {
	box-shadow: none !important;
}

/* =============================================
   ACCUEIL — Section nouvelles
   ============================================= */

.recent-posts li {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	align-items: center;
	gap: 24px;
}
.recent-posts a {
	margin: 0;
}
.taxonomy-category.wp-block-post-terms a[rel~="tag"] {
	display: inline-block;
	font: 600 16px/1 'Source Sans 3', sans-serif !important;
	color: #6a2050 !important;
	background: rgba(139, 44, 107, .12);
	padding: 7px 16px;
	border-radius: 999px;
	text-decoration: none !important;
}

.taxonomy-category.wp-block-post-terms a[rel~="category"]:hover {
	background: rgba(139, 44, 107, .2);
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	text-decoration: none !important;
}

.nouvelles-fil {
	counter-reset: noticia;
}

.nouvelles-fil .spectra-post-item {
	counter-increment: noticia;
}

.nouvelles-fil .spectra-post-item .spectra-background-color {
	position: relative;
}

.nouvelles-fil .spectra-post-item .spectra-background-color::after {
	content: counter(noticia, decimal-leading-zero);
	position: absolute;
	top: 20px;
	left: 24px;
	font-family: 'Fraunces', serif;
	font-style: italic;
	font-weight: 400;
	font-size: 40px;
	color: rgba(139, 44, 107, .35);
	pointer-events: none;
	z-index: 2;
}

/* =============================================
   BIOGRAPHIE
   ============================================= */

.bio-photo-col {
	grid-column: 9 / 13 !important;
}


/* =============================================
   BIBLIOGRAPHIE — Sélecteur de filtres
   ============================================= */

.wp-block-spectra-pro-loop-builder-child-filter {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 100%;
	background: #efe6d6;
	border-radius: 999px;
	padding: 6px;
	gap: 6px;
	box-sizing: border-box;
}

.wp-block-spectra-pro-loop-builder-child-filter-button {
	font: 600 16px/1 'Source Sans 3', sans-serif !important;
	color: #2b241f !important;
	background: transparent !important;
	border: none !important;
	border-radius: 999px !important;
	padding: 13px 28px !important;
	text-decoration: none !important;
	white-space: nowrap;
	transition: background .15s ease, color .15s ease;
}

.wp-block-spectra-pro-loop-builder-child-filter-button:hover {
	background: rgba(43, 36, 31, .06) !important;
}

.wp-block-spectra-pro-loop-builder-child-filter-button[data-is-active="true"] {
	color: #F6F1E7 !important;
	background: #6a2050 !important;
}

.wp-block-spectra-pro-loop-builder-child-filter-button[data-is-active="true"]:hover {
	background: #6a2050 !important;
}

.wp-block-spectra-pro-loop-builder-child-filter-button.spectra-is-filtering {
	opacity: .5;
	pointer-events: none;
}

/* Bouton "Tous" injecté */
a[data-wp-key="0-index-all"] .spectra-button__link {
	font-size: 0;
	line-height: 0;
	position: relative;
}

a[data-wp-key="0-index-all"] .spectra-button__link::after {
	content: "Tous";
	font: 600 16px/1 'Source Sans 3', sans-serif;
	color: inherit;
}

@media (max-width: 600px) {
	.wp-block-spectra-pro-loop-builder-child-filter {
		gap: 4px;
		padding: 5px;
	}
	.wp-block-spectra-pro-loop-builder-child-filter-button {
		font-size: 14px !important;
		padding: 11px 18px !important;
	}
	a[data-wp-key="0-index-all"] .spectra-button__link::after {
		font-size: 14px;
	}
}

/* =============================================
   TEMPLATE SINGLE LIVRE
   ============================================= */

.single-livre h2 {
	font-size: 1.6rem;
}

.single-livre h3 {
	font-size: 1.4rem;
}

/* Conteneur : les deux liens côte à côte, bien espacés */
.wp-block-post-navigation-link.wp-container-content-1387b69e,
.wp-block-group.is-content-justification-center {
	gap: 16px !important;
}

.navigation-button-previous,
.navigation-button-next {
	display: inline-flex !important;
	align-items: center;
	gap: 10px;
	background: #efe6d6 !important;
	border: 1px solid rgba(43, 36, 31, .15);
	border-radius: 6px;
	padding: 16px 24px !important;
	transition: background .15s ease;
}

.navigation-button-previous:hover,
.navigation-button-next:hover {
	background: #e3d7c2 !important;
}

.navigation-button-previous:empty,
.navigation-button-next:empty {
	display: none !important;
}

.navigation-button-previous a,
.navigation-button-next a {
	font: 600 18px/1 'Source Sans 3', sans-serif !important;
	color: #2b241f !important;
	text-decoration: none !important;
}

/* Flèches ← → : même couleur d'accent que le reste du site */
.wp-block-post-navigation-link__arrow-previous,
.wp-block-post-navigation-link__arrow-next {
	color: #8b2c6b !important;
	font-size: 20px;
	line-height: 1;
}

/* =============================================
   FICHE TECHNIQUE LIVRE
   ============================================= */

.wp-block-list.ficha-tecnica-libro {
	display: grid;
	grid-template-columns: max-content 1fr;
	gap: 16px 48px;
	list-style: none;
	padding: 0;
	margin: 24px 0;
	font-size: 18px;
	line-height: 1.5;
	color: #222222;
}

.wp-block-list.ficha-tecnica-libro li:nth-child(odd) {
	font-weight: 400;
	color: #555555;
	border-bottom: 1px solid #F6F1E7;
	padding-bottom: 8px;
}

.wp-block-list.ficha-tecnica-libro li:nth-child(even) {
	font-weight: 700;
	color: #000000;
	border-bottom: 1px solid #F6F1E7;
	padding-bottom: 8px;
}

@media (max-width: 767px) {
	.wp-block-list.ficha-tecnica-libro {
		grid-template-columns: 1fr;
		gap: 8px 0;
	}
	.wp-block-list.ficha-tecnica-libro li:nth-child(odd) {
		border-bottom: none;
		padding-bottom: 0;
		font-size: 16px;
	}
	.wp-block-list.ficha-tecnica-libro li:nth-child(even) {
		margin-bottom: 12px;
	}
}

/* =============================================
   CATÉGORIES LIVRES
   ============================================= */

.livre-categorie-wp {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

.livre-categorie-wp a {
	font: 600 15px/1 'Source Sans 3', sans-serif !important;
	color: #6a2050 !important;
	background: rgba(139, 44, 107, .12);
	padding: 9px 18px;
	border-radius: 999px;
	text-decoration: none !important;
	pointer-events: none;
	cursor: default;
}

.wp-block-post-terms__separator {
	display: none;
}

/* =============================================
   NOUVELLES — Archive
   ============================================= */

.ast-archive-entry-banner {
	background: transparent;
}

.ast-taxonomy-container.cat-links {
	display: inline-block;
	margin-bottom: 16px;
}

article.type-post {
	border-bottom: 1px solid rgba(43, 36, 31, .18) !important;
	border-radius: unset !important;
}

.ast-taxonomy-container.cat-links a[rel~="category"] {
	display: inline-block;
	font: 600 16px/1 'Source Sans 3', sans-serif !important;
	color: #6a2050 !important;
	background: rgba(139, 44, 107, .12);
	padding: 7px 16px;
	border-radius: 999px;
	text-decoration: none !important;
}

.ast-taxonomy-container.cat-links a[rel~="category"]:hover {
	background: rgba(139, 44, 107, .2);
}

.wp-block-categories-dropdown {
	position: relative;
	display: block;
}

.wp-block-categories-dropdown select.postform {
	width: 100%;
	height: 52px;
	line-height: 1.4 !important;
	font: 500 16px/1.4 'Source Sans 3', sans-serif !important;
	color: #2b241f !important;
	background: #efe6d6 !important;
	border: 1px solid rgba(43, 36, 31, .18) !important;
	border-radius: 6px !important;
	padding: 0 40px 0 16px !important;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	box-sizing: border-box;
}

/* Flèche personnalisée, car appearance:none la supprime */
.wp-block-categories-dropdown::after {
	content: "▾";
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
	color: #2b241f;
	font-size: 12px;
}

.wp-block-categories-dropdown select.postform:focus {
	outline: 2px solid #8b2c6b;
	outline-offset: 1px;
}

/* =============================================
   NOUVELLES — Mise en page
   ============================================= */

.ast-blog-layout-5-grid .post-content {
	padding-left: 0;
}



/* =============================================
   CONTACT
   ============================================= */

ul.liens-toc {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.liens-toc li {
	display: flex;
	align-items: baseline;
	gap: 10px;
	padding: 7px 0;
}

ul.liens-toc li a {
	order: 1;
	font-size: 16px;
	line-height: 1.45;
	color: #2b241f;
	text-decoration: none;
}

/* Ligne de points jusqu'à la fin */
ul.liens-toc li::before {
	content: "";
	order: 2;
	flex: 1;
	min-width: 24px;
	border-bottom: 1px dotted rgba(43, 36, 31, .4);
	transform: translateY(-4px);
}

/* Flèche */
ul.liens-toc li::after {
	content: "\2197";
	order: 3;
	font-size: 14px;
	color: rgba(43, 36, 31, .45);
}

ul.liens-toc li:hover a,
ul.liens-toc li:hover::after {
	color: #8b2c6b;
}
