/*
Theme Name: SD Ostéo
Description: Thème enfant de Twenty Twenty-Five pour le site de Stéphanie Dorval, ostéopathe DO.
Template: twentytwentyfive
Version: 1.1
Requires at least: 6.6
Text Domain: sd-osteo
*/

strong, b { font-weight: 700; }

/* Sections */
.sd-section { padding-top: clamp(3rem, 7vw, 5rem); padding-bottom: clamp(3rem, 7vw, 5rem); }
.sd-pagehead { padding-bottom: 2.5rem; }
main .wp-block-post-content > .sd-section:first-child,
main .wp-block-post-content > .sd-hero:first-child { margin-top: 0; }
.wp-block-post-content > * + .sd-section { margin-top: 0; }

/* Titres : petit trait saumon sous les h2 */
.wp-block-post-content h2::after {
  content: ""; display: block; width: 40px; height: 2px;
  background: var(--wp--preset--color--salmon); margin-top: .7rem;
}
.wp-block-post-content h2.has-text-align-center::after { margin-left: auto; margin-right: auto; }

/* En-tête collant */
.sd-header { position: sticky; top: 0; z-index: 20; background: #fff; border-bottom: 1px solid #ece4dd; }
.sd-header .wp-block-navigation { font-family: var(--wp--preset--font-family--raleway); font-size: .78rem; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; }
.sd-header .wp-block-navigation a:hover { color: var(--wp--preset--color--salmon-dark); }
.sd-nav-cta > a { background: var(--wp--preset--color--teal-dark); color: #fff !important; padding: .6rem 1.1rem !important; border-radius: 4px; }
.sd-nav-cta > a:hover { background: var(--wp--preset--color--salmon-dark); }

/* Logo */
.sd-logo { margin: 0 !important; }
.sd-logo img { height: 64px; width: auto; }
@media (max-width: 781px) { .sd-logo img { height: 48px; } }

/* Hero */
.sd-hero { margin: 0 !important; }
.sd-hero img { width: 100%; height: min(70vh, 640px); object-fit: cover; }
.sd-lotus img { width: 90px; }

/* Photos des blocs texte/image */
.sd-photo img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 4px; }
.sd-split { gap: clamp(2rem, 5vw, 4rem); }

/* Tuiles */
.sd-tiles { gap: 1.25rem; }
.sd-tile { background: #fff; border-top: 3px solid var(--wp--preset--color--salmon); min-height: 130px; display: flex; align-items: center; justify-content: center; padding: 1rem; transition: transform .2s, box-shadow .2s; }
.sd-tile:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,.06); }
.sd-tile p { margin: 0; }
.sd-tile a, .sd-card-label a, .sd-place h3 a { color: inherit; text-decoration: none; font-family: var(--wp--preset--font-family--raleway); font-weight: 600; text-transform: uppercase; letter-spacing: .08em; font-size: .8rem; }

/* Cartes approches */
.sd-card-img img { width: 100%; aspect-ratio: 2 / 3; object-fit: cover; border-radius: 4px; }

/* Cabinets */
.sd-place { background: #fff; padding-bottom: 1rem; }
.sd-place > *:not(.wp-block-image) { padding: 0 1.5rem; }
.sd-place .sd-photo img { border-radius: 0; aspect-ratio: 3 / 2; }
.sd-map { width: 100%; height: 260px; border: 0; border-radius: 4px; }

/* Tarif */
.sd-price { border-top: 1px solid #ece4dd; border-bottom: 1px solid #ece4dd; padding: .8rem 0; }
.sd-small { font-size: .92rem; color: #6b6b6b; }

/* Mobile */
@media (max-width: 781px) {
  .sd-hero img { height: auto; aspect-ratio: 16 / 9; }
  .sd-tile { min-height: 90px; }
  .sd-card-img img { aspect-ratio: 4 / 3; }
}