/*
Theme Name:   Simplest Services Child
Theme URI:    https://simplest-services.com
Description:  Child theme Astra pour Simplest Services. Porte les templates blog (single, author) et la charte Atelier Provençal sur les articles.
Author:       Simplest Services
Author URI:   https://simplest-services.com
Template:     astra
Version:      1.0.0
Text Domain:  simplest-child
*/

/* Les styles spécifiques sont chargés via functions.php (assets/css/blog.css, assets/css/author.css) */

/* ==== Variables Atelier Provençal (globales) ==== */
:root {
	--ss-paper: #FAFAF8;
	--ss-cream: #F5EFE6;
	--ss-ink: #0E2A47;
	--ss-accent: #C8714E;
	--ss-text: #1F2937;
	--ss-muted: #6B7280;
	--ss-border: #E7E0D2;
	--ss-serif: 'Cormorant Garamond', Georgia, serif;
	--ss-sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* ============================================================
   FOOTER REFONTE Atelier Provençal (toutes pages)
   ============================================================ */

/* Section avant footer : zones d'intervention + avis */
.simplest-footer-pre {
	background: var(--ss-ink);
	color: #FFFFFF;
	padding: 48px 24px;
	border-top: 3px solid var(--ss-accent);
}
.simplest-footer-pre__inner {
	max-width: 1180px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1.6fr 1fr;
	gap: 56px;
	align-items: start;
}
.simplest-footer-pre__kicker {
	font-family: var(--ss-sans);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.24em;
	color: var(--ss-accent);
	margin: 0 0 8px;
}
.simplest-footer-pre__title {
	font-family: var(--ss-serif);
	font-size: 28px;
	font-weight: 600;
	font-style: italic;
	color: #FFFFFF;
	margin: 0 0 22px;
	padding-bottom: 14px;
	border-bottom: 1px solid var(--ss-accent);
	max-width: 460px;
}
.simplest-footer-pre__chips {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 10px;
	padding: 0;
	margin: 0;
}
.simplest-footer-pre__chips li {
	font-family: var(--ss-sans);
	font-size: 13px;
	padding: 6px 14px;
	border: 1px solid rgba(255, 255, 255, 0.25);
	color: #FFFFFF;
	background: transparent;
	border-radius: 2px;
	white-space: nowrap;
}
.simplest-footer-pre__rating {
	border-left: 1px solid rgba(255, 255, 255, 0.18);
	padding-left: 32px;
}
.simplest-footer-pre__stars {
	color: var(--ss-accent);
	font-size: 24px;
	letter-spacing: 0.12em;
	margin: 0 0 6px;
	line-height: 1;
}
.simplest-footer-pre__rating-line {
	font-family: var(--ss-sans);
	font-size: 16px;
	color: #FFFFFF;
	margin: 0 0 6px;
}
.simplest-footer-pre__rating-line strong {
	font-weight: 700;
	color: var(--ss-accent);
}
.simplest-footer-pre__rating-sub {
	font-family: var(--ss-serif);
	font-style: italic;
	font-size: 16px;
	color: rgba(255, 255, 255, 0.85);
	margin: 0;
	line-height: 1.4;
}

/* Footer principal (Astra footer builder) — restylage */
#colophon.site-footer,
#colophon .site-primary-footer-wrap,
#colophon .ast-builder-grid-row-container,
#colophon .ast-builder-grid-row-container-inner,
#colophon .ast-builder-footer-grid-columns,
#colophon .ast-builder-grid-row,
#colophon .footer-widget-area,
#colophon .ast-builder-html-element,
#colophon .site-footer-section,
#colophon .ast-header-html {
	background: var(--ss-ink) !important;
	background-color: var(--ss-ink) !important;
}
#colophon.site-footer {
	color: #FFFFFF;
	padding: 56px 0 16px;
	border-top: 0;
}
#colophon.site-footer * {
	color: #FFFFFF;
}
#colophon .atelier-brand-block .brand-logo {
	max-width: 200px !important;
	width: 200px !important;
	height: auto !important;
}
#colophon .atelier-brand-block .brand-baseline {
	font-family: var(--ss-serif);
	font-style: italic;
	font-size: 18px;
	color: rgba(255, 255, 255, 0.85);
	margin-top: 12px;
}
#colophon .atelier-brand-block .brand-intro {
	font-family: var(--ss-sans);
	font-size: 14px;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.75);
	max-width: 320px;
}
#colophon .atelier-brand-block .brand-cta {
	color: var(--ss-accent) !important;
	text-decoration: none;
	font-weight: 500;
	font-size: 14px;
	display: inline-block;
	margin-bottom: 4px;
}
#colophon .atelier-brand-block .brand-cta:hover {
	color: #FFFFFF !important;
	text-decoration: underline;
	text-underline-offset: 4px;
}
#colophon .footer-bar-navigation {
	text-align: left;
}
#colophon .footer-bar-navigation::before {
	content: "INFORMATIONS";
	display: block;
	width: max-content;
	font-family: var(--ss-sans);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.24em;
	color: var(--ss-accent);
	padding-bottom: 8px;
	margin-bottom: 16px;
	border-bottom: 1px solid var(--ss-accent);
}
#colophon .astra-footer-vertical-menu li a {
	color: rgba(255, 255, 255, 0.85) !important;
	font-family: var(--ss-sans);
	font-size: 14px;
	padding: 6px 0;
}
#colophon .astra-footer-vertical-menu li a:hover {
	color: var(--ss-accent) !important;
}
#colophon .atelier-contact-block .contact-title {
	display: none; /* on remplace par un kicker */
}
#colophon .atelier-contact-block::before {
	content: "CONTACT";
	display: block;
	width: max-content;
	font-family: var(--ss-sans);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.24em;
	color: var(--ss-accent);
	padding-bottom: 8px;
	margin: 0 auto 16px;
	border-bottom: 1px solid var(--ss-accent);
}
#colophon .atelier-contact-block p {
	font-family: var(--ss-sans);
	font-size: 14px;
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.85);
	margin: 0 0 8px;
}
#colophon .atelier-contact-block a {
	color: var(--ss-accent) !important;
	text-decoration: none;
}
#colophon .atelier-contact-block a:hover {
	color: #FFFFFF !important;
	text-decoration: underline;
}
#colophon .atelier-contact-block .contact-filet {
	display: none;
}

/* Footer bottom : copyright + retour haut */
.simplest-footer-bottom {
	background: var(--ss-ink);
	color: rgba(255, 255, 255, 0.65);
	padding: 18px 24px 24px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.simplest-footer-bottom__inner {
	max-width: 1180px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	font-family: var(--ss-sans);
	font-size: 13px;
}
.simplest-footer-bottom__copy {
	margin: 0;
}
.simplest-footer-bottom__copy em {
	font-family: var(--ss-serif);
	font-style: italic;
	font-size: 15px;
	color: rgba(255, 255, 255, 0.85);
}
.simplest-footer-bottom__sep {
	color: var(--ss-accent);
	margin: 0 6px;
	font-weight: 700;
}
.simplest-footer-bottom__top {
	color: var(--ss-accent);
	text-decoration: none;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.04em;
	transition: color 0.2s;
}
.simplest-footer-bottom__top:hover {
	color: #FFFFFF;
}

/* Mobile footer */
@media (max-width: 768px) {
	.simplest-footer-pre {
		padding: 36px 20px;
	}
	.simplest-footer-pre__inner {
		grid-template-columns: 1fr;
		gap: 32px;
	}
	.simplest-footer-pre__rating {
		border-left: 0;
		border-top: 1px solid rgba(255, 255, 255, 0.18);
		padding-left: 0;
		padding-top: 28px;
	}
	#colophon.site-footer {
		padding: 36px 0 8px;
	}
	#colophon .atelier-brand-block .brand-logo {
		max-width: 160px !important;
		width: 160px !important;
	}
	.simplest-footer-bottom__inner {
		flex-direction: column;
		text-align: center;
	}
}

/* ==== Fixes globaux (toutes pages du site) ==== */

/* Mobile : logo transparent header trop gros sur les single posts/auteur (cohérence avec pages cocon) */
@media (max-width: 768px) {
	.ast-theme-transparent-header #masthead .custom-logo,
	.ast-theme-transparent-header #masthead .transparent-custom-logo .custom-logo,
	.ast-theme-transparent-header #masthead .site-logo-img img {
		max-width: 64px !important;
		width: 64px !important;
		height: auto !important;
	}
}

/* Footer : logo trop gros sur mobile */
@media (max-width: 768px) {
	.atelier-brand-block .brand-logo {
		max-width: 180px !important;
		width: 180px !important;
		height: auto !important;
	}
	.atelier-brand-block {
		text-align: center;
	}
	.atelier-contact-block .contact-filet {
		margin-left: auto;
		margin-right: auto;
	}
}