/*
Theme Name: Ligne Triviale
Theme URI: https://example.com/
Author: Ligne Triviale
Description: Thème WordPress fidèle au site « Ligne Triviale — Géographie Documentaire » (design sombre éditorial, accents or, Playfair Display + Inter, Tailwind, lecteur d'enquêtes en fenêtre, favoris, recherche instantanée). Aucun plugin requis.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: ligne-triviale
*/
    /* Base Reset & Custom Editorial Typography */
    :root {
      --bg-dark: #0F0F0F;
      --card-dark: #181818;
      --border-subtle: rgba(255, 255, 255, 0.1);
      --accent-gold: #D4AF37;
      --text-primary: #F5F5F5;
      --text-muted: #A0A0A0;
    }

    body {
      background-color: var(--bg-dark);
      color: var(--text-primary);
      font-family: 'Inter', system-ui, sans-serif;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      overflow-x: hidden;
    }

    h1, h2, h3, h4, .font-editorial {
      font-family: 'Playfair Display', Georgia, serif;
    }

    /* Custom Scrollbar */
    ::-webkit-scrollbar {
      width: 8px;
    }
    ::-webkit-scrollbar-track {
      background: #0F0F0F;
    }
    ::-webkit-scrollbar-thumb {
      background: #282828;
      border-radius: 4px;
    }
    ::-webkit-scrollbar-thumb:hover {
      background: #D4AF37;
    }

    /* Editorial Drop Cap in Reader */
    .drop-cap::first-letter {
      float: left;
      font-family: 'Playfair Display', serif;
      font-size: 3.8rem;
      line-height: 0.82;
      padding-right: 0.6rem;
      padding-top: 0.2rem;
      color: #D4AF37;
      font-weight: 700;
    }

    /* Reading Progress Bar */
    #reading-progress-bar {
      transition: width 0.1s ease-out;
    }

    /* Smooth Transitions */
    .card-transition {
      transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease, box-shadow 0.3s ease;
    }
    .card-transition:hover {
      border-color: rgba(212, 175, 55, 0.35);
      box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.8);
    }

    /* Line Clamp Utilities */
    .clamp-2 {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    .clamp-3 {
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    /* Subtle image vignette */
    .hero-vignette {
      background: linear-gradient(180deg, rgba(15, 15, 15, 0.05) 0%, rgba(15, 15, 15, 0.6) 50%, rgba(15, 15, 15, 0.98) 100%);
    }

    /* Toast animation */
    @keyframes toastFade {
      0% { opacity: 0; transform: translateY(16px); }
      15% { opacity: 1; transform: translateY(0); }
      85% { opacity: 1; transform: translateY(0); }
      100% { opacity: 0; transform: translateY(-10px); }
    }
    .animate-toast {
      animation: toastFade 3s ease forwards;
    }
  

/* ---- Ajustements WordPress (barre d'admin) ---- */
html { scroll-behavior: smooth; }
body.admin-bar header.sticky { top: 32px; }
@media (max-width: 782px) { body.admin-bar header.sticky { top: 46px; } }
.lt-prose a { color: #D4AF37; text-decoration: underline; }
.lt-prose img { max-width: 100%; height: auto; border-radius: 0.75rem; }
.lt-prose h2, .lt-prose h3 { font-family: 'Playfair Display', Georgia, serif; color: #fff; font-weight: 700; }
.lt-prose ul { list-style: disc; padding-left: 1.5rem; }
.lt-prose ol { list-style: decimal; padding-left: 1.5rem; }
.lt-prose blockquote { border-left: 2px solid #D4AF37; padding-left: 1rem; font-style: italic; font-family: 'Playfair Display', Georgia, serif; }
.lt-hp { position: absolute !important; left: -9999px !important; opacity: 0 !important; height: 0 !important; width: 0 !important; }