/*
Theme Name: Szia Conseil
Theme URI: https://www.szia.fr
Author: Szia Conseil
Description: Thème de blocs sur mesure pour Szia Conseil — conseil en communication stratégique. Typographie Cabin hébergée en local (RGPD), palette et espacements repris de la charte graphique SZIA.
Version: 1.0.7
Requires at least: 6.7
Tested up to: 7.0
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: szia
*/

/* L'essentiel du style vit dans theme.json. Ce fichier ne porte que
   des ajustements fins non exprimables en presets. */

/* Sur-titres (kickers) : espacement des lettres + capitales */
.is-style-kicker {
	text-transform: uppercase;
	letter-spacing: 0.18em;
	font-weight: 600;
	font-size: var(--wp--preset--font-size--kicker);
	color: var(--wp--preset--color--grey);
}

/* Liens de navigation : soulignés discrets */
.wp-block-navigation .wp-block-navigation-item__content {
	text-underline-offset: 0.2em;
}

/* Navigation principale (shortcode bilingue) */
.szia-nav {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 32px;
	font-size: 14px;
}
.szia-nav a {
	text-decoration: none;
	color: var(--wp--preset--color--ink);
}
.szia-nav a:hover { text-decoration: underline; text-underline-offset: 0.25em; }
.szia-nav__langs {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding-left: 16px;
	border-left: 1px solid var(--wp--preset--color--line);
	font-size: 12px;
	letter-spacing: 0.08em;
}
.szia-nav__langs a { color: var(--wp--preset--color--grey); }
.szia-nav__langs a.is-current { color: var(--wp--preset--color--ink); font-weight: 600; }
.szia-nav__sep { color: var(--wp--preset--color--line); }

/* Pied de page (shortcode bilingue) */
.szia-footer-grid {
	display: grid;
	grid-template-columns: 1.6fr 1fr 1fr;
	gap: var(--wp--preset--spacing--60);
}
@media (max-width: 780px) {
	.szia-footer-grid { grid-template-columns: 1fr; gap: var(--wp--preset--spacing--40); }
}
.szia-footer-baseline {
	margin-top: var(--wp--preset--spacing--30);
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--grey);
	line-height: 1.7;
	max-width: 420px;
}
.szia-footer-links {
	list-style: none;
	margin: var(--wp--preset--spacing--20) 0 0;
	padding: 0;
	font-size: var(--wp--preset--font-size--small);
	line-height: 2;
}
.szia-footer-links a,
.szia-footer-contact a,
.szia-footer-linkedin a,
.szia-footer-bottom a { color: var(--wp--preset--color--on-dark); }
.szia-footer-contact {
	margin-top: var(--wp--preset--spacing--20);
	font-size: var(--wp--preset--font-size--small);
	line-height: 2;
}
.szia-footer-linkedin { margin-top: var(--wp--preset--spacing--20); font-size: var(--wp--preset--font-size--small); }
.szia-footer-linkedin a { display: inline-flex; align-items: center; gap: 8px; text-decoration: underline; }
.szia-footer-linkedin img { vertical-align: middle; }
.szia-footer-rule {
	border: 0;
	border-top: 1px solid #3a3a38;
	margin: var(--wp--preset--spacing--50) 0 var(--wp--preset--spacing--30);
}
.szia-footer-bottom {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 12px;
	font-size: 13px;
	color: var(--wp--preset--color--grey);
}
.szia-footer-bottom p { margin: 0; }

/* Filet fin cohérent avec la charte */
.szia-hairline {
	border: 0;
	border-top: 1px solid var(--wp--preset--color--line);
	margin: 0;
}

/* Cartes à bord filet */
.wp-block-group.is-style-card {
	border: 1px solid var(--wp--preset--color--line);
}

/* Expertises : 4 tuiles à hauteur égale */
.szia-expertises .wp-block-column {
	display: flex;
}
.szia-expertises .wp-block-column > .szia-exp-card {
	flex: 1 1 auto;
	width: 100%;
}

/* Pied de page : listes sans puces */
.szia-footer ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

/* Rendu net des logotypes bitmap */
img.szia-logo { image-rendering: -webkit-optimize-contrast; }

/* Mur de références : 2 lignes de 5, niveaux de gris, chaque logo cliquable */
.szia-logo-wall {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 16px;
}
.szia-logo-wall .szia-logo-cell {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 152px;
	padding: 24px 28px;
	border: 1px solid var(--wp--preset--color--line);
	transition: border-color 150ms ease;
}
.szia-logo-wall .szia-logo-cell img {
	max-height: 82px;
	max-width: 88%;
	width: auto;
	opacity: 0.72;
	filter: grayscale(1);
	transition: opacity 200ms ease, filter 200ms ease;
}
.szia-logo-wall .szia-logo-cell:hover {
	border-color: var(--wp--preset--color--ink);
}
.szia-logo-wall .szia-logo-cell:hover img {
	opacity: 1;
	filter: grayscale(0);
}
@media (max-width: 900px) {
	.szia-logo-wall { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 560px) {
	.szia-logo-wall { grid-template-columns: repeat(2, 1fr); }
}

/* Références — tuiles clients (logo + nom + activité + site) */
.szia-clients {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}
.szia-clients .szia-client-card {
	display: flex;
	flex-direction: column;
	border: 1px solid var(--wp--preset--color--line);
	padding: 30px 28px;
	background: var(--wp--preset--color--paper);
	transition: border-color 150ms ease;
}
.szia-clients .szia-client-card:hover {
	border-color: var(--wp--preset--color--ink);
}
.szia-client-logo {
	margin: 0 0 22px;
	height: 52px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.szia-client-logo img {
	max-height: 46px;
	max-width: 62%;
	width: auto;
	opacity: 0.85;
	filter: grayscale(1);
	transition: opacity 200ms ease, filter 200ms ease;
}
.szia-clients .szia-client-card:hover .szia-client-logo img {
	filter: grayscale(0);
	opacity: 1;
}
.szia-clients .szia-client-link {
	margin-top: auto !important;
	padding-top: 18px;
}
.szia-client-link a { text-decoration: none; }
.szia-client-link a:hover { text-decoration: underline; }
@media (max-width: 900px) {
	.szia-clients { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
	.szia-clients { grid-template-columns: 1fr; }
}

/* Formulaire de contact */
.szia-form__row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--wp--preset--spacing--30);
}
@media (max-width: 600px) {
	.szia-form__row { grid-template-columns: 1fr; }
}
.szia-field {
	display: block;
	margin-top: var(--wp--preset--spacing--30);
}
.szia-field > span {
	display: block;
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--grey);
	margin-bottom: 6px;
}
.szia-field input,
.szia-field textarea {
	width: 100%;
	box-sizing: border-box;
	font-family: inherit;
	font-size: var(--wp--preset--font-size--body);
	color: var(--wp--preset--color--ink);
	background: var(--wp--preset--color--paper);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 0;
	padding: 12px 14px;
	transition: border-color var(--wp--custom--ease, 150ms ease);
}
.szia-field input:focus,
.szia-field textarea:focus {
	outline: none;
	border-color: var(--wp--preset--color--ink);
}
.szia-field textarea { resize: vertical; }
.szia-form__submit {
	margin-top: var(--wp--preset--spacing--40);
	font-family: inherit;
	font-size: var(--wp--preset--font-size--body);
	color: var(--wp--preset--color--paper);
	background: var(--wp--preset--color--ink);
	border: 0;
	border-radius: 0;
	padding: 14px 28px;
	cursor: pointer;
	transition: opacity 150ms ease;
}
.szia-form__submit:hover { opacity: 0.85; }
.szia-form__legal {
	margin-top: var(--wp--preset--spacing--30);
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--grey);
}
.szia-form__notice {
	padding: 14px 16px;
	margin-bottom: var(--wp--preset--spacing--30);
	font-size: var(--wp--preset--font-size--small);
	border: 1px solid var(--wp--preset--color--line);
}
.szia-form__notice--ok  { background: var(--wp--preset--color--paper-warm); color: var(--wp--preset--color--ink); }
.szia-form__notice--err { background: #fbecea; border-color: var(--wp--preset--color--accent); color: var(--wp--preset--color--ink); }
/* Pot de miel : masqué aux humains */
.szia-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }