/*
Theme Name: Dac'O'Doc 2026
Template: twentytwentyfour
Description: Habillage Dac'O'Doc Services 2026 — en-tête bleu, pages blanches, bleu et doré, police Open Sans. Aucune extension requise.
Version: 1.0.0
Text Domain: dacodoc-2026
*/

/* ---------- Boutons « pilule » ---------- */
.wp-element-button,
.wp-block-button__link {
	transition: background-color .2s, color .2s, box-shadow .2s, transform .2s;
}
.wp-element-button:hover,
.wp-block-button__link:hover {
	box-shadow: 0 8px 20px rgba(201, 168, 76, .35);
	transform: translateY(-1px);
}
.wp-block-button.is-style-outline > .wp-block-button__link {
	background: transparent;
	border: 2px solid currentColor;
	color: inherit;
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover {
	box-shadow: none;
	background: rgba(255, 255, 255, .1);
}

/* ---------- En-tête blanc (17/10/2026) ---------- */
.dd-header {
	position: sticky;
	top: 0;
	z-index: 50;
	box-shadow: 0 2px 12px rgba(20, 33, 61, .10); border-bottom: 1px solid #e3e7ee;
}
.admin-bar .dd-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .dd-header { top: 0; } .dd-header { position: relative; } }
.dd-header .wp-block-site-title a { color: #111; text-decoration: none; }
.dd-header .wp-block-site-tagline { color: #111; white-space: nowrap; }
.dd-header .wp-block-navigation-item__content { text-decoration: none; }
.dd-header .wp-block-navigation > .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--gold); }
.dd-header .wp-block-navigation__submenu-container {
	border: 0 !important;
	border-radius: 8px;
	box-shadow: 0 14px 34px rgba(20, 33, 61, .18);
	padding: 8px 0;
	min-width: 280px !important;
}
.dd-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding: 9px 20px !important; }
.dd-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { background: var(--wp--preset--color--cream); color: var(--wp--preset--color--navy); }
.dd-header .dd-header__cta .wp-block-button__link { white-space: nowrap; }
.dd-header .wp-block-site-title { white-space: nowrap; }
.dd-header .wp-block-site-logo { flex-shrink: 0; }
.dd-header .wp-block-site-logo img { width: 46px; height: auto; }
.dd-header .wp-block-navigation__submenu-container { background: #fff !important; transition-duration: .12s !important; }
.dd-header .wp-block-navigation__container { flex-wrap: nowrap; }
.dd-header .wp-block-navigation-item__content { white-space: nowrap; }
.dd-header .wp-block-group > .wp-block-group:first-child { flex-shrink: 0; }
@media (max-width: 1400px) { .dd-header .wp-block-site-title { display: none; } }
@media (min-width: 600px) and (max-width: 1250px) { .dd-header .wp-block-site-tagline { display: none; } }
/* Sous 1100 px : menu « hamburger » plutôt que sur deux lignes */
@media (min-width: 600px) and (max-width: 1100px) {
	.dd-header .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; }
	.dd-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; }
}

/* Pas d'espace blanc entre le contenu et le pied de page */
footer.wp-block-template-part, .wp-site-blocks > footer { margin-block-start: 0; }
@media (max-width: 600px) { .dd-header .dd-header__cta { display: none; } }

/* ---------- Pied de page ---------- */
.dd-footer a { color: rgba(255, 255, 255, .82); text-decoration: none; }
.dd-footer a:hover { color: var(--wp--preset--color--gold); }
.dd-footer .dd-footer__title {
	color: var(--wp--preset--color--gold);
	font-size: .78rem;
	letter-spacing: .14em;
	text-transform: uppercase;
	font-weight: 700;
}
.dd-footer .wp-block-navigation { gap: 10px; }
.dd-footer .wp-block-button__link { color: var(--wp--preset--color--navy); }
.dd-footer .wp-block-button__link:hover { color: var(--wp--preset--color--navy); }
/* Réseaux et contacts : pastilles sobres, dorées au survol */
.dd-social { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.dd-social a {
	display: flex; align-items: center; justify-content: center;
	width: 40px; height: 40px; border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, .28);
	color: #fff; transition: background .2s, border-color .2s, color .2s;
}
.dd-social a:hover { background: var(--wp--preset--color--gold); border-color: var(--wp--preset--color--gold); color: var(--wp--preset--color--navy); }
.dd-social svg { width: 18px; height: 18px; fill: currentColor; }
/* Colonne « Nous trouver » */
.dd-visit p { margin: 0 0 12px; line-height: 1.55; color: rgba(255, 255, 255, .82); }
.dd-visit strong { color: #fff; }
.dd-visit__label { display: block; font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; color: rgba(255, 255, 255, .5); }
.dd-visit .dd-visit__map { color: var(--wp--preset--color--gold); font-weight: 600; }
.dd-footer__bottom p { margin: 0; }
/* Laisse la place à la bulle de discussion fixée en bas à droite */
.dd-footer__bottom { padding-bottom: 96px; }
.dd-footer .dd-legal a { color: rgba(255, 255, 255, .6); }
.dd-footer .dd-legal a:hover { color: var(--wp--preset--color--gold); }

/* ---------- Articles : lecture confortable ---------- */
.dd-article .wp-block-post-content > * + h2 { margin-top: 2.4em; }
.dd-article .wp-block-post-content > * + h3 { margin-top: 1.8em; }
.dd-article .wp-block-post-content a { text-decoration-color: var(--wp--preset--color--gold); text-underline-offset: 3px; }
.dd-article .wp-block-post-content blockquote {
	border-left: 3px solid var(--wp--preset--color--gold);
	background: var(--wp--preset--color--cream);
	margin-left: 0; padding: 18px 24px; border-radius: 0 8px 8px 0;
}
.dd-kicker,
.dd-kicker a {
	color: var(--wp--preset--color--gold-dark);
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	text-decoration: none;
}

/* ---------- Cartes d'articles (style Colibri) ---------- */
.dd-cards .wp-block-post {
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 10px 30px rgba(20, 33, 61, .08);
	padding: 32px 34px 26px;
	display: flex;
	flex-direction: column;
	transition: box-shadow .2s, transform .2s;
}
.dd-cards .wp-block-post:hover { box-shadow: 0 16px 40px rgba(20, 33, 61, .14); transform: translateY(-2px); }
.dd-cards .wp-block-post-title a { text-decoration: none; color: var(--wp--preset--color--navy); }
.dd-cards .wp-block-post-title a:hover { color: var(--wp--preset--color--gold-dark); }
.dd-cards .wp-block-post-excerpt { color: var(--wp--preset--color--muted); flex: 1; }
.dd-cards .wp-block-post-excerpt__more-link,
.dd-cards .dd-card__more a {
	color: var(--wp--preset--color--navy-2);
	font-weight: 600;
	text-decoration: none;
}
.dd-cards .dd-card__more a:hover { color: var(--wp--preset--color--gold-dark); }
.dd-cards .wp-block-post-featured-image { margin: -32px -34px 22px; }
.dd-cards .wp-block-post-featured-image img { border-radius: 8px 8px 0 0; }

/* ---------- Bandeau de titre des pages ---------- */
.dd-pagehead { border-bottom: 1px solid var(--wp--preset--color--line); }

/* ---------- Téléphone : en-tête et menu (17/10/2026) ---------- */
@media (max-width: 599px) {
	.dd-topbar p { font-size: .95rem !important; }
	.dd-topbar__long { display: none; }
	.dd-header .wp-block-site-tagline { font-size: .95rem !important; }
	.dd-header .wp-block-site-logo img { width: 40px; }
}
.dd-header .wp-block-navigation__responsive-container.is-menu-open { padding: 20px 24px 40px; }
.dd-header .is-menu-open .wp-block-navigation__responsive-container-content,
.dd-header .is-menu-open .wp-block-navigation__container,
.dd-header .is-menu-open .wp-block-navigation-item { align-items: flex-start !important; text-align: left; }
.dd-header .is-menu-open .wp-block-navigation__container { width: 100%; gap: 0 !important; }
.dd-header .is-menu-open .wp-block-navigation__container > .wp-block-navigation-item {
	width: 100%; padding: 14px 0; border-bottom: 1px solid #e3e7ee;
}
.dd-header .is-menu-open .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content { font-size: 1.15rem; font-weight: 700; }
.dd-header .is-menu-open .wp-block-navigation__submenu-container {
	box-shadow: none !important; border-radius: 0; min-width: 0 !important;
	background: transparent !important;
	margin-top: 8px !important; padding: 0 0 0 14px !important;
	border-left: 2px solid var(--wp--preset--color--gold) !important;
}
.dd-header .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding: 7px 0 !important; font-size: 1rem; font-weight: 400; }

/* ---------- Bandeau WhatsApp du haut (17/10/2026) : logo + numéro, même taille que le menu ---------- */
.dd-topbar__wa { display: inline-flex; align-items: center; gap: 8px; color: #fff !important; text-decoration: none !important; font-size: .95rem; font-weight: 600; letter-spacing: .02em; line-height: 1.4; }
.dd-topbar__wa svg { flex: none; color: #25D366; }
.dd-topbar__wa:hover span { text-decoration: underline; text-decoration-color: var(--wp--preset--color--gold); text-underline-offset: 3px; }