/*
Theme Name: Tunisia Travel
Template: astra
Author: Tunisia Travel Guide
Description: Thème enfant personnalisé basé sur Astra
Version: 1.0.3
Text Domain: tunisia-travel
*/

/* =====================================================
   1) Variables globales
   ===================================================== */
:root {
  --ttg-primary: #0a6fb5;
  --ttg-accent: #ff6f61;
  --body-font-size: 16px;
  --base-line-height: 1.6;
  --max-content-width: 1200px;
}

/* =====================================================
   2) Typographie globale (polices système)
   ===================================================== */
body {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: var(--body-font-size);
  line-height: var(--base-line-height);
  color: #212121;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* TITRES */
h1, h2, h3, h4, h5, h6 {
  font-family: Georgia, serif !important;
  margin: 0 0 1rem 0;
  line-height: 1.2;
  font-weight: 700;
}

/* paragraphe */
p {
  font-family: Arial, Helvetica, sans-serif !important;
}

/* =====================================================
   3) Layout général
   ===================================================== */
.container {
  max-width: var(--max-content-width);
  margin-left: auto;
  margin-right: auto;
  padding: 0 16px;
}

/* Header gradient léger */
.site-header {
  background: linear-gradient(180deg,#0a6fb5 0%,#ffffff 100%);
}

/* =====================================================
   4) Images
   ===================================================== */
img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* =====================================================
   5) Boutons
   ===================================================== */
.btn {
  display: inline-block;
  padding: 10px 18px;
  border-radius: 8px;
  text-decoration: none;
}

/* =====================================================
   6) Anti-FOUC
   ===================================================== */
.font-loaded body { 
  visibility: visible; 
  opacity: 1; 
  transition: opacity .2s ease-in; 
}

body { 
  visibility: visible; 
  opacity: 1; 
}

/* =====================================================
   FIN
   ===================================================== */