/* =========================================================================
   refonte.css — PHASE 1 : fondation couleur (marine + cyan)
   Chargé APRÈS style.min.css. Retrait = suppression du <link> → réversible.
   Redéfinit les variables de thème : recolore le site en clair ET en sombre.
   ========================================================================= */

/* ---------- Palette CLAIRE ---------- */
:root{
    --ast-global-color-0:#0782A6;   /* accent / liens : sea-teal lisible */
    --ast-global-color-1:#0B2545;   /* titres : marine */
    --ast-global-color-2:#334155;   /* texte courant : ardoise marine */
    --ast-global-color-3:#64748B;   /* texte secondaire */
    --ast-global-color-4:#F2EEE6;   /* fond subtil : crème */
    --ast-global-color-6:#E7E0D5;   /* filets clairs (chauds) */
    --ast-border-color:#E7E0D5;
    --ast-link-color:#0782A6;
    --ast-link-hover-color:#0B2545;
    --ast-card-border:#E7E0D5;
    --ast-blue-deep:#0B2545;        /* marine profond (rubans) */
    --ast-accent:#00B4D8;           /* étincelle cyan (badges, barres) */
    --ast-accent-light:#E5F6FB;
}
/* Fond de page crème (cartes gardées en blanc via --ast-card-bg) */
html:not(.dark-mode) body{ background-color:#FAF8F5; }

/* ---------- Palette SOMBRE ---------- */
html.dark-mode{
    --ast-global-color-0:#4FC4E0;
    --ast-link-color:#4FC4E0;
    --ast-link-hover-color:#7FD6EC;
    --ast-blue-deep:#0e1b2b;
    --ast-accent:#4FC4E0;
    --ast-accent-light:#10344a;
}

/* ---------- Rattrapage des bleus codés en dur ---------- */
/* Recherche : halo de focus cyan au lieu de bleu Google */
.ntz-search-input:focus{ box-shadow:0 0 0 3px rgba(0,180,216,.18); }

/* Chips : état actif en cyan/marine (au lieu de #e8f0fe/#1a73e8) */
.ntz-cat-chip.active{ background:#E5F6FB; color:#0B2545; border-color:#BFE9F4; }
html.dark-mode .ntz-cat-chip.active{ background:#10344a; color:#4FC4E0; border-color:#10344a; }

/* ---------- Barre de stats → ruban marine (identité) ---------- */
.ast-stats-bar{ background:var(--ast-blue-deep); color:#c9d6e5; border-bottom-color:transparent; }
.ast-stat-value{ color:#fff; }
html.dark-mode .ast-stats-bar{ background:#0e1b2b; }


/* =========================================================================
   PHASE 2 (surcouche composants) — vers le mockup, sans toucher au JS
   ========================================================================= */

/* --- Chips : soulignés épurés au lieu de boîtes bordées --- */
.ntz-cat-chip{ border:0 !important; background:transparent !important; border-radius:0 !important;
    color:var(--ast-global-color-3); font-family:'Outfit',system-ui,sans-serif !important; font-weight:600 !important; }
.ntz-cat-chip:hover{ background:transparent !important; color:#0B2545 !important; }
.ntz-cat-chip.active{ background:transparent !important; color:#0B2545 !important; border:0 !important;
    box-shadow:inset 0 -3px 0 #00B4D8 !important; }
html.dark-mode .ntz-cat-chip:hover{ color:#4FC4E0 !important; }
html.dark-mode .ntz-cat-chip.active{ color:#4FC4E0 !important; box-shadow:inset 0 -3px 0 #4FC4E0 !important; }

/* --- Une : titre en Playfair (moment éditorial) --- */
.ast-featured-title{ font-family:'Playfair Display',Georgia,serif !important; font-weight:700 !important; letter-spacing:-.01em; }

/* --- Bande "En Corse aujourd'hui" --- */
.nz-services{ max-width:1200px; margin:22px auto 8px; padding:0 20px; }
.nz-svc-head{ display:flex; align-items:baseline; gap:10px; margin-bottom:12px; }
.nz-svc-head h2{ font-family:'Outfit',system-ui,sans-serif; font-weight:700; font-size:1rem; color:var(--ast-global-color-1); margin:0; }
.nz-svc-head span{ font-size:.78rem; color:var(--ast-global-color-3); }
.nz-svc-row{ display:grid; grid-template-columns:repeat(6,1fr); gap:12px; }
.nz-svc{ background:var(--ast-card-bg); border:1px solid var(--ast-border-color); border-radius:8px; padding:13px 14px; display:flex; gap:11px; align-items:center; }
.nz-svc .ic{ width:34px; height:34px; flex:0 0 auto; display:grid; place-items:center; border-radius:6px; background:rgba(0,180,216,.12); color:#0782A6; }
.nz-svc .ic svg{ width:19px; height:19px; }
.nz-svc .k{ font-family:'Outfit',system-ui,sans-serif; font-size:.66rem; text-transform:uppercase; letter-spacing:.05em; color:var(--ast-global-color-3); font-weight:600; }
.nz-svc .v{ font-family:'Outfit',system-ui,sans-serif; font-weight:700; font-size:1rem; color:var(--ast-global-color-1); line-height:1.1; margin-top:2px; }
.nz-svc .v small{ font-weight:500; font-size:.7rem; color:var(--ast-global-color-3); }
html.dark-mode .nz-svc .ic{ color:#4FC4E0; }
@media(max-width:900px){
    .nz-svc-row{ display:flex; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:4px; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
    .nz-svc-row::-webkit-scrollbar{ display:none; }
    .nz-svc{ flex:0 0 auto; width:150px; scroll-snap-align:start; }
}


/* =========================================================================
   PHASE 2b — cartes, etiquettes de categorie, une (surcouche, sans JS)
   ========================================================================= */

/* --- Etiquettes de categorie : labels epures (on retire les bordures) --- */
.ast-post-category, .ast-featured-category{
    border:0 !important; font-family:'Outfit',system-ui,sans-serif !important; letter-spacing:.04em;
}
.ast-cat-politique,.ast-cat-faits-divers,.ast-cat-sport,
.ast-cat-culture,.ast-cat-economie,.ast-cat-general{ border:0 !important; }

/* --- Cartes articles : coins doux, titre plus lisible en marine --- */
.ast-post{ border-radius:4px; }
.ast-post-content{ padding:12px 14px 14px; }
.ast-post-title{ font-family:'Outfit',system-ui,sans-serif; font-size:14px; font-weight:600; color:var(--ast-global-color-1); }
.ast-post-meta{ border-top-color:var(--ast-border-color); }
.ast-post:hover .ast-post-title{ color:var(--ast-global-color-0); }

/* --- Une : titre editorial plus grand, contenu aere, badge chaud --- */
.ast-featured{ border-radius:4px; }
.ast-featured-content{ padding:22px 26px; }
.ast-featured-title{ font-size:1.6rem; line-height:1.18; color:var(--ast-global-color-1); margin-bottom:10px; }
.ast-featured-excerpt{ font-size:.95rem; line-height:1.6; -webkit-line-clamp:3; }
.ast-featured-meta{ padding-top:16px; }
.ast-featured:hover .ast-featured-title{ color:var(--ast-global-color-0); }
.ast-featured-badge{ background:#E4572E !important; box-shadow:0 2px 8px rgba(228,87,46,.3) !important; }

@media(max-width:600px){ .ast-featured-title{ font-size:1.35rem; } .ast-featured-content{ padding:16px 18px; } }


/* =========================================================================
   PHASE 2c — correctifs (capture 18:07)
   ========================================================================= */

/* Etiquette de la une : ne pas etirer en barre pleine largeur */
.ast-featured-category{ align-self:flex-start !important; width:auto !important; }

/* Logo : "nutiz" marine + "ia" cyan (au lieu du bleu Google), sombre inclus */
html:not(.dark-mode) .ast-logo-svg text{ fill:#0B2545 !important; }
html:not(.dark-mode) .ast-logo-svg tspan{ fill:#00B4D8 !important; }
html.dark-mode .ast-logo-svg tspan{ fill:#4FC4E0 !important; }


/* =========================================================================
   PHASE 2d — balayage des bleus residuels (toutes rubriques)
   ========================================================================= */

/* Categorie "Actualites" (general) : bleu Nutizia -> cyan */
.ast-cat-general, .ntz-post-category.ast-cat-general{ background:#E5F6FB !important; color:#0782A6 !important; border:0 !important; }
.ast-post-placeholder.cat-general{ background:linear-gradient(135deg,#E5F6FB 0%,#BFE9F4 100%) !important; color:#0782A6 !important; }

/* Heros / bandeaux en degrade bleu -> degrade marine */
.ast-weather-modal-header, .m-detail-hero, .ast-notif-banner{
    background:linear-gradient(135deg,#0B2545 0%,#12457a 100%) !important;
}

/* Etats "bleu clair" (ferry au depart, vol prevu) -> cyan */
.ntz-ferries-dir--depart, .ntz-vol-statut--prevu{ background:#E5F6FB !important; color:#0782A6 !important; }

/* Distance sur la carte carburants */
.ntz-carbmap-result-dist{ color:#0782A6 !important; }


/* ====== PHASE 2e — Avis de deces sobre + services cliquables ====== */
.ast-deces-card, .ast-deces-featured{ background:var(--ast-card-bg) !important; border-color:var(--ast-border-color) !important; color:var(--ast-global-color-2) !important; }
.ast-deces-card::before, .ast-deces-featured::before{ background:var(--ast-global-color-1) !important; }
.ast-deces-card:hover, .ast-deces-featured:hover{ box-shadow:0 8px 30px rgba(11,37,69,.12) !important; border-color:var(--ast-accent) !important; }
.ast-deces-card h3, .ast-deces-featured-title h3{ color:var(--ast-global-color-1) !important; }
.ast-deces-card p, .ast-deces-featured-desc{ color:var(--ast-global-color-2) !important; }
.ast-deces-featured-sub{ color:var(--ast-global-color-3) !important; }
.ast-deces-featured-logo{ background:rgba(0,180,216,.10) !important; }
html:not(.dark-mode) .ast-deces-link, html:not(.dark-mode) .ast-deces-featured-btn{ background:#0B2545 !important; color:#fff !important; }
html.dark-mode .ast-deces-link, html.dark-mode .ast-deces-featured-btn{ background:#2b4a6b !important; color:#fff !important; }
.ast-deces-card:hover .ast-deces-link, .ast-deces-featured:hover .ast-deces-featured-btn{ background:#12325c !important; }
a.nz-svc{ cursor:pointer; text-decoration:none; transition:border-color .15s, transform .15s; }
a.nz-svc:hover{ border-color:var(--ast-accent); transform:translateY(-2px); }