/*
Theme Name: Alizé
Theme URI: https://alize-travel.com
Author: Marie — Alizé
Description: Thème de blocs éditorial pour Alizé — blog de voyage kite, wing & surf autour des spots et des logements. Charte « Terracotta editorial » : DM Serif Display, Fira Sans light, JetBrains Mono, palette os / encre / terracotta / teal lagon. Angles nets, rythme éditorial.
Requires at least: 6.6
Tested up to: 6.9
Requires PHP: 7.4
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: alize
*/

/* ------------------------------------------------------------------ */
/*  Détails signature non exprimables dans theme.json                  */
/* ------------------------------------------------------------------ */

/* Anti-crénelage global — indispensable pour le rendu premium des serifs */
body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

::selection {
  background: rgba(210, 125, 86, 0.25);
}

/* Style de bloc : « Label mono » (petite capitale espacée type 01 — Prestations) */
.is-style-alize-label {
  font-family: var(--wp--preset--font-family--mono) !important;
  font-size: 0.625rem !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.25em !important;
  color: var(--wp--preset--color--warm-grey) !important;
  line-height: 1.4 !important;
}

/* Style de bouton : « Fantôme » (CTA secondaire, filet fin) */
.wp-block-button.is-style-alize-ghost .wp-block-button__link {
  background: transparent;
  color: var(--wp--preset--color--contrast);
  border: 1px solid rgba(42, 38, 34, 0.35);
}
.wp-block-button.is-style-alize-ghost .wp-block-button__link:hover {
  background: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--base);
  border-color: var(--wp--preset--color--contrast);
}

/* Style de bouton : « Lien souligné mono » (CTA tertiaire discret) */
.wp-block-button.is-style-alize-underline .wp-block-button__link {
  background: transparent;
  color: var(--wp--preset--color--contrast);
  padding: 0 0 0.35rem 0;
  border-bottom: 1px solid rgba(42, 38, 34, 0.4);
}
.wp-block-button.is-style-alize-underline .wp-block-button__link:hover {
  color: var(--wp--preset--color--primary);
  border-color: var(--wp--preset--color--primary);
}

/* Accent italique dans les titres serif (comme la maquette : « le *désert* ») */
.wp-block-heading em,
.wp-block-post-title em {
  font-style: italic;
  font-weight: 400;
  color: inherit;
}

/* Transitions douces sur les liens et boutons */
a,
.wp-block-button__link {
  transition: color 0.4s ease, background-color 0.4s ease, border-color 0.4s ease;
}

/* Révélation à l'apparition (léger, façon maquette) */
@keyframes alizeRevealUp {
  from { opacity: 0; transform: translateY(18px); }
  to   { opacity: 1; transform: translateY(0); }
}
.is-style-alize-reveal {
  animation: alizeRevealUp 1s cubic-bezier(0.19, 1, 0.22, 1) both;
}

/* Cartes destination : image + survol subtil */
.alize-card img {
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1), filter 0.7s ease;
  filter: saturate(0.95);
}
.alize-card:hover img {
  transform: scale(1.04);
  filter: saturate(1.05);
}

/* ================================================================== */
/*  Méga-menu Destinations (bloc alize/megamenu)                       */
/* ================================================================== */
.alize-mm-bar{position:relative;background:var(--wp--preset--color--base);border-bottom:1px solid var(--wp--preset--color--sand);font-family:var(--wp--preset--font-family--body)}
.alize-mm-inner{max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.1rem clamp(1.5rem,5vw,2.5rem)}
.alize-mm-logo{font-family:var(--wp--preset--font-family--display);font-size:1.5rem;color:var(--wp--preset--color--contrast);text-decoration:none;letter-spacing:-0.02em;white-space:nowrap}
.alize-mm-logo:hover{text-decoration:none}
.alize-mm-cb{display:none}
.alize-mm-burger{display:none;cursor:pointer;font-size:1.4rem;line-height:1;color:var(--wp--preset--color--contrast);border:1px solid var(--wp--preset--color--sand);border-radius:4px;padding:.2rem .55rem;user-select:none}
.alize-mm-nav{display:flex;align-items:center;gap:2rem;list-style:none;margin:0;padding:0}
.alize-mm-nav>li{position:static}
.alize-mm-link{color:var(--wp--preset--color--contrast);text-decoration:none;font-family:var(--wp--preset--font-family--mono);font-size:.8125rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;padding:.4rem 0;display:inline-flex;align-items:center;gap:.35rem;transition:color .15s}
.alize-mm-link:hover{color:var(--wp--preset--color--primary);text-decoration:none}
.alize-mm-item.has-mega>.alize-mm-link::after{content:"";width:.38rem;height:.38rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-.2rem}
.alize-mm-panel{position:absolute;top:100%;left:0;right:0;background:var(--wp--preset--color--base);border-top:1px solid var(--wp--preset--color--sand);border-bottom:1px solid var(--wp--preset--color--sand);box-shadow:0 18px 44px rgba(42,38,34,.12);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s,transform .18s,visibility .18s;z-index:50;max-height:min(72vh,660px);overflow-y:auto}
.alize-mm-item.has-mega:hover>.alize-mm-panel,.alize-mm-item.has-mega:focus-within>.alize-mm-panel{opacity:1;visibility:visible;transform:translateY(0)}
.alize-mm-grid{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem 2rem;padding:2rem clamp(1.5rem,5vw,2.5rem) 2.25rem}
.alize-mm-region{display:inline-block;font-family:var(--wp--preset--font-family--mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--wp--preset--color--primary);text-decoration:none;margin:0 0 .8rem;padding-bottom:.35rem;border-bottom:1px solid var(--wp--preset--color--sand)}
.alize-mm-region:hover{color:var(--wp--preset--color--contrast);text-decoration:none}
.alize-mm-countries{list-style:none;margin:0;padding:0}
.alize-mm-countries>li{margin:0 0 .35rem}
.alize-mm-country{color:var(--wp--preset--color--contrast);text-decoration:none;font-size:.95rem;font-weight:500;display:inline-flex;align-items:baseline;gap:.4rem;transition:color .15s}
.alize-mm-country:hover{color:var(--wp--preset--color--primary);text-decoration:none}
.alize-mm-badge{font-family:var(--wp--preset--font-family--mono);font-size:.62rem;color:var(--wp--preset--color--warm-grey)}
.alize-mm-spots{list-style:none;margin:.25rem 0 .5rem;padding:0 0 0 .6rem;border-left:1px solid var(--wp--preset--color--sand);display:none}
.alize-mm-countries>li:hover>.alize-mm-spots,.alize-mm-countries>li:focus-within>.alize-mm-spots{display:block}
.alize-mm-spots>li{margin:.14rem 0}
.alize-mm-spot{color:var(--wp--preset--color--accent);text-decoration:none;font-size:.85rem}
.alize-mm-spot:hover{color:var(--wp--preset--color--primary);text-decoration:none}
.alize-mm-foot{max-width:1440px;margin:0 auto;padding:0 clamp(1.5rem,5vw,2.5rem) 1.75rem}
.alize-mm-alllink{font-family:var(--wp--preset--font-family--mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--wp--preset--color--primary);text-decoration:none}
.alize-mm-alllink:hover{color:var(--wp--preset--color--contrast);text-decoration:none}
@media(max-width:900px){
  .alize-mm-burger{display:inline-block}
  .alize-mm-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--wp--preset--color--base);border-bottom:1px solid var(--wp--preset--color--sand);padding:.5rem clamp(1.5rem,5vw,2.5rem) 1rem;max-height:82vh;overflow-y:auto;z-index:60}
  .alize-mm-cb:checked~.alize-mm-nav{display:flex}
  .alize-mm-nav>li{border-top:1px solid var(--wp--preset--color--sand)}
  .alize-mm-link{padding:.8rem 0}
  .alize-mm-panel{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;max-height:none}
  .alize-mm-grid{grid-template-columns:1fr;gap:1.1rem;padding:.25rem 0 1rem}
  .alize-mm-spots{display:block}
  .alize-mm-item.has-mega>.alize-mm-link::after{display:none}
}

/* ================================================================== */
/*  Fil d'Ariane (bloc alize/breadcrumb)                               */
/* ================================================================== */
.alize-breadcrumb{font-family:var(--wp--preset--font-family--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
.alize-breadcrumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.alize-breadcrumb li{display:flex;align-items:center;gap:.5rem;color:var(--wp--preset--color--warm-grey)}
.alize-breadcrumb li:not(:last-child)::after{content:"/";color:var(--wp--preset--color--sand)}
.alize-breadcrumb a{color:var(--wp--preset--color--warm-grey);text-decoration:none}
.alize-breadcrumb a:hover{color:var(--wp--preset--color--primary)}
.alize-breadcrumb [aria-current="page"]{color:var(--wp--preset--color--contrast)}

/* ================================================================== */
/*  Recherche par mois (bloc alize/spot-search)                        */
/* ================================================================== */
.alize-mf{max-width:1440px;margin:0 auto;padding:var(--wp--preset--spacing--70) clamp(1.5rem,5vw,2.5rem)}
.alize-mf-eyebrow{font-family:var(--wp--preset--font-family--mono);font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;color:var(--wp--preset--color--primary);margin:0 0 .75rem}
.alize-mf-title{font-family:var(--wp--preset--font-family--display);font-size:clamp(2rem,4vw,3.25rem);line-height:1.02;margin:0}
.alize-mf-sub{font-weight:300;font-size:1.1rem;color:var(--wp--preset--color--warm-grey);margin:.75rem 0 0;max-width:40rem}
.alize-mf-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.75rem}
.alize-mf-label{font-family:var(--wp--preset--font-family--mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--wp--preset--color--warm-grey)}
.alize-mf-select{font-family:var(--wp--preset--font-family--body);font-size:1rem;padding:.6rem 2.2rem .6rem .9rem;border:1px solid var(--wp--preset--color--sand);border-radius:0;background:var(--wp--preset--color--white);color:var(--wp--preset--color--contrast);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23D27D56' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9rem center}
.alize-mf-count{font-family:var(--wp--preset--font-family--mono);font-size:.8rem;letter-spacing:.1em;color:var(--wp--preset--color--warm-grey)}
.alize-mf-grid{margin-top:var(--wp--preset--spacing--50);display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem}
.alize-mf-card{display:flex;flex-direction:column;gap:.4rem;padding:1.35rem;border:1px solid var(--wp--preset--color--sand);background:var(--wp--preset--color--white);text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s}
.alize-mf-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(42,38,34,.10);border-color:var(--wp--preset--color--primary);text-decoration:none}
.alize-mf-country{font-family:var(--wp--preset--font-family--mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--wp--preset--color--primary)}
.alize-mf-name{font-family:var(--wp--preset--font-family--display);font-size:1.5rem;line-height:1.05;color:var(--wp--preset--color--contrast)}
.alize-mf-season{font-size:.85rem;color:var(--wp--preset--color--contrast);font-weight:400}
.alize-mf-wind{font-size:.8rem;color:var(--wp--preset--color--warm-grey);font-weight:300}
.alize-mf-empty{margin-top:2rem;font-weight:300;color:var(--wp--preset--color--warm-grey)}