/*
Theme Name: Jonas Thiry
Author: Jonas Thiry, Toque & Web
Author URI: https://jonasthiry.com
Description: Theme sur mesure pour jonasthiry.com. Le design vit dans assets/css/site.css.
Version: 2.1.2
Requires at least: 6.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: jonasthiry
*/


/* Encadré délai / budget avec CTA devis */
.terms-band{margin-top:2.5rem;background:var(--color-yellow);border:var(--border-ink);border-radius:var(--radius-xl);padding:2.75rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center;box-shadow:8px 8px 0 0 var(--color-ink);}
.terms-band__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:0.75rem;}
.terms-band__chip{display:inline-flex;align-items:center;gap:0.55rem;background:var(--color-white);border:var(--border-ink);border-radius:var(--radius-pill);padding:0.6rem 1.2rem;font-family:var(--font-display);font-weight:600;color:var(--color-ink);font-size:1.05rem;box-shadow:3px 3px 0 0 var(--color-ink);}
.terms-band__chip svg{flex-shrink:0;}
.terms-band__note{color:var(--color-ink-2);max-width:55ch;margin:0;}
.terms-band .btn-primary{background:var(--color-ink);color:var(--color-paper);border:2px solid var(--color-ink);box-shadow:5px 5px 0 0 var(--color-paper);}
.terms-band .btn-primary svg{color:var(--color-paper);stroke:var(--color-paper);}
.terms-band .btn-primary:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 0 var(--color-paper);}

/* Liens dans les réponses FAQ */
.faq-a a{color:var(--accent-dark);text-decoration:underline;text-underline-offset:2px;font-weight:600;}
.faq-a a:hover{color:var(--color-ink);}

/* FAQ : icone rotative + effet d'ouverture */
.faq-icon{display:inline-flex;flex-shrink:0;}
.faq-a p{opacity:0;transform:translateY(-8px);transition:opacity 0.3s var(--ease-out),transform 0.3s var(--ease-out);}
.faq-item.open .faq-a p{opacity:1;transform:translateY(0);transition-delay:0.08s;}
@media (prefers-reduced-motion: reduce){.faq-a p,.faq-icon{transition:none;}}

.terms-band__title{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--color-ink);margin:0;}

/* Cartes d'offres : rythme des listes homogene, boutons alignés en bas */
.pricing-features{align-content:start;}
.pricing-card .btn{margin-top:auto;}

/* Textarea du form : respiration accrue */
.form-textarea{line-height:1.5;}

/* FAQ compacte */
.faq .faq-q{padding:1.1rem 0.5rem;font-size:1.05rem;}
.faq .faq-a p{padding:0 0.5rem 1.2rem;}
section:has(.faq) .section-header{margin-bottom:2rem;}

/* Surtitre du hero (pages expertise) */
.page-hero__surtitle{font-family:var(--font-display);font-size:0.95rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--color-ink-2);margin:0 0 0.5rem;}

/* Tiles expertise : lien En savoir plus */
.expertise-tile:hover .service-link svg{transform:translateX(3px);}
.expertise-tile .service-link{margin-top:0.5rem;}

/* Tiles expertise : logo aligné en haut */
.expertise-strip .expertise-tile{align-items:flex-start;}
.expertise-tile .expertise-mark{margin-top:0.15rem;}

/* Page studios : titre du CTA un peu plus grand */
.page-id-128 .cta-band__title{font-size:clamp(1.8rem, 5.5vw, 3.7rem);}

/* Eyebrows de section uniformisés sur le style about-eyebrow */
div.section-eyebrow{display:flex;align-items:center;gap:0.75rem;background:none;border:none;padding:0;border-radius:0;font-family:var(--font-display);font-size:0.875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.12em;color:var(--color-ink-3);margin-bottom:1rem;}
div.section-eyebrow::before{content:'';display:block;width:24px;height:2px;background:var(--color-yellow);border-radius:2px;}