/*
Theme Name: ADD Manosque Nova
Theme URI: https://www.addmanosque.com
Author: Centre Évangélique de Manosque
Description: Thème de blocs sombre et moderne pour le Centre Évangélique de Manosque (Assemblées de Dieu). Accueil photo plein écran, typographie impactante, horaires de culte mis en avant. Compatible avec le plugin add-manosque-core (prédications, témoignages, activités, annonces).
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: add-nova
*/

/* ==========================================================================
   ADD Manosque Nova — styles frontaux
   Palette : Nuit #0F0F13 · Ardoise #1A1A21 · Ivoire #F4EFE6 · Or #E0A93E
   ========================================================================== */

body {
  -webkit-font-smoothing: antialiased;
}

/* ---- Titres : uppercase impactant ---- */
h1, h2, h3,
.wp-block-post-title {
  text-transform: uppercase;
  letter-spacing: -0.01em;
  line-height: 1.05;
}

/* ---- Liens ---- */
a {
  text-underline-offset: 3px;
}

/* ---- Héro plein écran ---- */
.nova-hero {
  min-height: 100vh;
  min-height: 100svh;
}

.nova-hero .wp-block-cover__inner-container {
  max-width: 1100px;
}

.nova-hero h1 {
  font-size: clamp(2.6rem, 8vw, 6.5rem);
  line-height: 0.98;
}

.nova-eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.28em;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--wp--preset--color--or);
}

/* ---- Bande horaires (élément signature, chevauche le héro) ---- */
.nova-horaires {
  margin-top: -5.5rem;
  position: relative;
  z-index: 5;
  border: 1px solid rgba(244, 239, 230, 0.12);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.45);
}

.nova-horaires .nova-horaire-heure {
  font-family: var(--wp--preset--font-family--archivo);
  font-weight: 900;
  font-size: clamp(2rem, 4.5vw, 3.2rem);
  text-transform: uppercase;
  line-height: 1;
  color: var(--wp--preset--color--ivoire);
}

.nova-horaires .nova-horaire-jour {
  text-transform: uppercase;
  letter-spacing: 0.22em;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--wp--preset--color--or);
}

@media (max-width: 781px) {
  .nova-horaires {
    margin-top: -3rem;
  }
}

/* ---- Boutons ---- */
.wp-block-button__link {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 700;
  font-size: 0.85rem;
  transition: transform 0.15s ease, background-color 0.15s ease;
}

.wp-block-button__link:hover {
  transform: translateY(-2px);
}

/* ---- Cartes (prédications, témoignages, activités) ---- */
.nova-card {
  background-color: var(--wp--preset--color--ardoise);
  border: 1px solid rgba(244, 239, 230, 0.08);
  border-radius: 10px;
  overflow: hidden;
  transition: transform 0.2s ease, border-color 0.2s ease;
}

.nova-card:hover {
  transform: translateY(-4px);
  border-color: rgba(224, 169, 62, 0.55);
}

.nova-card .wp-block-post-title {
  font-size: 1.15rem;
}

.nova-card .wp-block-post-title a {
  text-decoration: none;
}

.nova-card .wp-block-post-featured-image img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

/* ---- Sections ---- */
.nova-section-title {
  font-size: clamp(1.9rem, 4vw, 3rem);
}

/* ---- Header ---- */
.nova-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
  background: linear-gradient(to bottom, rgba(15, 15, 19, 0.85), rgba(15, 15, 19, 0));
}

.nova-header .wp-block-site-title a {
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-weight: 800;
}

.nova-header .wp-block-navigation a {
  text-decoration: none;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
}

.nova-header .wp-block-navigation a:hover {
  color: var(--wp--preset--color--or);
}

/* Pages internes : le header absolu a besoin d'un fond derrière lui */
.nova-page-hero {
  padding-top: 9rem;
}

/* ---- Footer ---- */
.nova-footer {
  border-top: 1px solid rgba(244, 239, 230, 0.1);
}

.nova-footer a {
  text-decoration: none;
}

.nova-footer a:hover {
  color: var(--wp--preset--color--or);
}

/* ---- Accessibilité : réduction des animations ---- */
@media (prefers-reduced-motion: reduce) {
  .nova-card,
  .wp-block-button__link {
    transition: none;
  }
  .nova-card:hover,
  .wp-block-button__link:hover {
    transform: none;
  }
}