/*
Theme Name:   Mazirab Child
Theme URI:    https://www.mazirab.com
Description:  Thème enfant de Hello Elementor pour Mazirab Compagnie — Transport & Logistique.
Author:       Mazirab Compagnie
Template:     hello-elementor
Version:      1.0.0
Text Domain:  mazirab-child
*/

/* ==========================================================================
   Ce fichier ne contient que des ajustements de base.
   L'essentiel du design (couleurs, typographies, espacements, largeurs) est
   géré depuis Elementor > Site Settings, afin de rester modifiable depuis
   l'administration sans toucher au code. Voir documentation/ELEMENTOR.md.
   Le CSS avancé (non gérable nativement par les contrôles Elementor) est
   dans assets/custom.css et chargé via functions.php.
   ========================================================================== */

:root {
  --mzb-color-primary: #0B2A4A;   /* bleu marine - identité transport/confiance */
  --mzb-color-secondary: #E8792C; /* orange - CTA / accents */
  --mzb-color-dark: #081B30;
  --mzb-color-light-bg: #F4F6F9;
  --mzb-color-text: #1C2733;
  --mzb-color-text-muted: #5B6B7C;
  --mzb-color-white: #FFFFFF;
  --mzb-font-heading: 'Poppins', sans-serif;
  --mzb-font-body: 'Inter', sans-serif;
  --mzb-radius: 8px;
  --mzb-shadow: 0 10px 30px rgba(8, 27, 48, 0.08);
  --mzb-container-max: 1280px;
}

body {
  font-family: var(--mzb-font-body);
  color: var(--mzb-color-text);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--mzb-font-heading);
}

a {
  transition: color .2s ease, background-color .2s ease, transform .2s ease;
}

/* Header sticky - reproduit l'effet du site source */
.e-con.mzb-header-sticky,
header.elementor-location-header {
  position: sticky;
  top: 0;
  z-index: 999;
}

/* Boutons - style cohérent avec le site source (arrondi, effet hover léger) */
.elementor-button, .elementor-button.elementor-size-sm {
  border-radius: var(--mzb-radius);
  font-weight: 600;
  transition: transform .2s ease, box-shadow .2s ease;
}
.elementor-button:hover {
  transform: translateY(-2px);
  box-shadow: var(--mzb-shadow);
}

/* Cartes services / secteurs - ombre douce au survol */
.mzb-card, .elementor-widget-icon-box {
  border-radius: var(--mzb-radius);
  transition: transform .25s ease, box-shadow .25s ease;
}
.mzb-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--mzb-shadow);
}

/* Compteurs statistiques */
.elementor-counter-number-wrapper {
  font-family: var(--mzb-font-heading);
  font-weight: 700;
  color: var(--mzb-color-secondary);
}

/* Responsive : aucune section ne doit déborder horizontalement */
html, body {
  overflow-x: hidden;
}
img, video {
  max-width: 100%;
  height: auto;
}

/* Mobile : réduction de la taille des titres XXL sur petits écrans
   (ajuster précisément dans Elementor > Responsive editing après import) */
@media (max-width: 767px) {
  h1 { font-size: 2rem !important; line-height: 1.2 !important; }
  h2 { font-size: 1.5rem !important; }
}