/*
Theme Name: Francesca Galloni
Description: Thème sur mesure pour le site de Francesca Galloni, praticienne en Gestalt-thérapie.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 7.4
Author: Thierry Gueye
Text Domain: francesca-galloni
License: GPL-2.0-or-later
*/

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

/* En-tête */
.fg-header .wp-block-site-title a { text-decoration: none; }
.fg-header .fg-role { letter-spacing: .14em; text-transform: uppercase; }
.fg-header .wp-block-navigation a { text-decoration: none; }
.fg-header .wp-block-navigation .wp-block-navigation-item__content:hover { text-decoration: underline; text-underline-offset: .35em; text-decoration-thickness: 1px; }

/* Bandeau d'accueil */
.fg-hero { min-height: clamp(280px, 42vh, 460px) !important; }
.fg-title { text-wrap: balance; }
.fg-hero .fg-quote { text-wrap: balance; text-shadow: 0 2px 24px rgba(0,0,0,.35); }
.fg-hero .fg-quote cite { display: block; margin-top: 1.25rem; font-family: var(--wp--preset--font-family--sans); font-style: normal; font-size: .8rem; letter-spacing: .2em; text-transform: uppercase; opacity: .85; }
.fg-scroll { letter-spacing: .2em; text-transform: uppercase; }
.fg-scroll a { color: inherit; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,.5); padding-bottom: .3em; }

/* Éléments récurrents */
.fg-eyebrow { letter-spacing: .2em; text-transform: uppercase; }
.fg-card { border: 1px solid var(--wp--preset--color--line); height: 100%; }
.fg-price { font-variant-numeric: lining-nums; }
.fg-list { list-style: none; padding-left: 0; }
.fg-list li { padding: .85rem 0 .85rem 1.75rem; border-bottom: 1px solid var(--wp--preset--color--line); position: relative; }
.fg-list li::before { content: ""; position: absolute; left: 0; top: 1.45rem; width: .9rem; height: 1px; background: var(--wp--preset--color--accent); }
.fg-portrait img { aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 30%; width: 100%; }
.fg-band-image { min-height: 46vh !important; }
.fg-link a { text-decoration: none; border-bottom: 1px solid currentColor; padding-bottom: .15em; }
.fg-link a:hover { color: var(--wp--preset--color--accent); }
.fg-contact-line a { text-decoration: none; }
.fg-contact-line a:hover { text-decoration: underline; text-underline-offset: .3em; }
.fg-footer a { text-decoration: none; }
.fg-footer a:hover { text-decoration: underline; }

@media (max-width: 781px) {
  .fg-hero .fg-quote { font-size: 1.9rem !important; }
  .fg-header .fg-role { font-size: .6rem !important; letter-spacing: .08em; }
}

/* Sections pleine largeur collées les unes aux autres */
.wp-block-post-content > .alignfull { margin-block-start: 0 !important; margin-block-end: 0 !important; }
main.wp-block-group > .wp-block-post-content { margin-block-start: 0; }
.wp-site-blocks > footer, .wp-site-blocks > .wp-block-template-part:last-child { margin-block-start: 0; }

/* Bandeau rendez-vous sur fond sauge */
.fg-rdv .wp-block-button:not(.is-style-outline) .wp-block-button__link { background: var(--wp--preset--color--paper); color: var(--wp--preset--color--ink); }
.fg-rdv .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover { background: var(--wp--preset--color--white); }
.fg-rdv .is-style-outline .wp-block-button__link { color: var(--wp--preset--color--paper); border-color: var(--wp--preset--color--paper); background: transparent; }
.fg-rdv .is-style-outline .wp-block-button__link:hover { background: rgba(255,255,255,.12); }

/* Titre d'accueil : deux lignes de même taille */
.fg-title + .fg-title { margin-top: .35rem; }
@media (max-width: 781px) { .fg-title { font-size: 1.55rem !important; } }

/* Sélecteur de langue */
.fg-lang { margin: 0; letter-spacing: .12em; white-space: nowrap; }
.fg-lang a { text-decoration: none; opacity: .75; }
.fg-lang a.is-current { opacity: 1; font-weight: 500; border-bottom: 1px solid currentColor; padding-bottom: .1em; }
.fg-lang a:hover { opacity: 1; }