/*
Theme Name: Vectimmo
Template: twentytwentyfive
Description: Thème de base des sites d’agence Vectimmo : sobre, aéré, aux couleurs et au logo de l’agence.
Version: 0.1.0
Requires at least: 7.0
Text Domain: vectimmo
*/

/* Header: translucent white bar, logo left, navigation centre, phone and button right. */
.vectimmo-header {
	position: sticky;
	top: 0;
	z-index: 20;
	background: color-mix(in srgb, var(--wp--preset--color--base) 85%, transparent);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
	border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 10%, transparent);
}
.admin-bar .vectimmo-header { top: var(--wp-admin--admin-bar--height, 0); }
.vectimmo-header__inner { min-height: 64px; gap: 1.5rem; }
.vectimmo-header__nav { flex: 1; font-size: var(--wp--preset--font-size--small); }
.vectimmo-header__nav a { color: var(--wp--preset--color--contrast); }
.vectimmo-header__actions { gap: 1.25rem; font-size: var(--wp--preset--font-size--small); }
.vectimmo-phone-link { color: var(--wp--preset--color--contrast); white-space: nowrap; }
.vectimmo-header__button .wp-block-button__link { padding: 0.45rem 1rem; font-size: var(--wp--preset--font-size--small); white-space: nowrap; }

/* Logo: brand image, or the agency name as text. */
.vectimmo-logo { display: inline-flex; align-items: center; color: var(--wp--preset--color--contrast); text-decoration: none; }
.vectimmo-logo:hover { text-decoration: none; }
.vectimmo-logo__image { display: block; width: auto; height: auto; max-height: 40px; max-width: 180px; }
.vectimmo-logo__text { font-size: 1.125rem; font-weight: 600; letter-spacing: -0.02em; }

/* Hero: solid primary colour; text colour chosen for contrast (--vectimmo-on-primary). */
.vectimmo-hero {
	background-color: var(--wp--preset--color--primary);
	color: var(--vectimmo-on-primary, #ffffff);
}
.vectimmo-hero h1 { color: inherit; }
.vectimmo-hero__lead { font-size: var(--wp--preset--font-size--large); }
.vectimmo-hero .wp-block-button__link {
	border: 1px solid transparent;
	background-color: var(--vectimmo-on-primary, #ffffff);
	color: var(--wp--preset--color--primary);
}
.vectimmo-hero .is-style-outline .wp-block-button__link {
	padding: 0.7rem 1.4rem;
	background-color: transparent;
	border: 1px solid currentColor;
	color: var(--vectimmo-on-primary, #ffffff);
}

/* Sections. */
.vectimmo-section--soft { background-color: color-mix(in srgb, var(--wp--preset--color--contrast) 4%, var(--wp--preset--color--base)); }
.vectimmo-link-more::after { content: " →"; }
.vectimmo-contact { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.35rem; }
.vectimmo-cta .vectimmo-contact { justify-items: center; text-align: center; }
.vectimmo-contact__name { margin: 0 0 0.35rem; font-weight: 600; }
.is-style-outline .wp-block-button__link { padding: 0.7rem 1.4rem; border: 1px solid currentColor; background: transparent; color: var(--wp--preset--color--contrast); }

/* Note "à compléter" left for the agency in a starter page (shown only to those who edit the site). */
.vectimmo-todo {
	display: block;
	margin: 0.5rem 0;
	padding: 0.6rem 0.9rem;
	border-left: 3px solid #b26200;
	background: #fff4e5;
	color: #1d1d1f;
	font-size: var(--wp--preset--font-size--small);
}

/* Footer. */
.vectimmo-footer {
	background-color: color-mix(in srgb, var(--wp--preset--color--contrast) 4%, var(--wp--preset--color--base));
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--small);
	margin-top: 0;
}
.vectimmo-footer a { color: var(--wp--preset--color--contrast); }
.vectimmo-footer .vectimmo-logo { margin-bottom: 0.75rem; }
.vectimmo-footer__links { list-style: none; padding: 0; margin: 0; display: grid; gap: 0.35rem; }
.vectimmo-footer__bottom {
	margin-top: var(--wp--preset--spacing--50);
	padding-top: var(--wp--preset--spacing--30);
	border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 10%, transparent);
}

@media (max-width: 781px) {
	.vectimmo-phone-link { display: none; }
	.vectimmo-header__nav { flex: 0 0 auto; order: 3; }
}