/*
Theme Name: SNAX SPA - Mahboul
Theme URI: https://snax-spa.dz
Author: SNAX SPA & AI Studio
Author URI: https://snax-spa.dz
Description: Thème WordPress officiel & responsive pour SNAX SPA, leader algérien des chips et snacks (Mahboul, Brunchy, Pop Snax, The Box). Clé en main : page d'accueil complète, 7 modèles de pages spécialisés, compatible Elementor, scripts AJAX et Tailwind CSS intégré.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: snax-spa
Tags: full-width-template, theme-options, translation-ready, custom-colors, elementor-ready, food-and-drink
*/

/* Variables graphiques officielles SNAX SPA */
:root {
  --snax-red: #BE1E2D;
  --snax-darkred: #9B111E;
  --snax-dark: #2C3136;
  --snax-darker: #121316;
  --snax-gray-bg: #F8F8F8;
  --snax-text: #1E1E1E;
  --snax-font-title: 'Montserrat', sans-serif;
  --snax-font-body: 'Plus Jakarta Sans', sans-serif;
}

/* Base & Reset */
*, *::before, *::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  font-family: var(--snax-font-body);
  color: var(--snax-text);
  background-color: var(--snax-gray-bg);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--snax-font-title);
  margin-top: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Boutons SNAX SPA */
.snax-btn-red {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--snax-red);
  color: #FFFFFF !important;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.875rem;
  padding: 0.75rem 1.75rem;
  border-radius: 9999px;
  box-shadow: 0 4px 14px rgba(190, 30, 45, 0.35);
  transition: all 0.25s ease;
  border: none;
  cursor: pointer;
}
.snax-btn-red:hover {
  background-color: var(--snax-darkred);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(190, 30, 45, 0.45);
}

.snax-btn-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  color: #FFFFFF !important;
  border: 2px solid rgba(255, 255, 255, 0.7);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.875rem;
  padding: 0.75rem 1.75rem;
  border-radius: 9999px;
  transition: all 0.25s ease;
  cursor: pointer;
}
.snax-btn-outline:hover {
  background-color: #FFFFFF;
  color: #18191C !important;
  border-color: #FFFFFF;
  transform: translateY(-2px);
}

/* Cartes & Éléments au survol */
.snax-card {
  background: #FFFFFF;
  border-radius: 1.25rem;
  border: 1px solid #E5E7EB;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.snax-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.1);
  border-color: rgba(190, 30, 45, 0.3);
}

/* Animations légères */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}
.snax-fade-in {
  animation: fadeIn 0.5s ease forwards;
}