/**
 * Copyright since 2007 PrestaShop SA and Contributors
 * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License 3.0 (AFL-3.0)
 * that is bundled with this package in the file LICENSE.md.
 * It is also available through the world-wide-web at this URL:
 * https://opensource.org/licenses/AFL-3.0
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@prestashop.com so we can send you a copy immediately.
 *
 * @author    Loru
 * @copyright Since 2007 PrestaShop SA and Contributors
 * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
 */

/* ============================================
   VARIABLES DE COULEURS TENDANCES
   ============================================ */

:root {
  --adw-font-body-scale: 1;

  /* Palette principale */
  --adw-primary: #e6254f;
  --adw-secondary: #4a4745;
  --adw-accent: #e3d8b0;
  --adw-text: #2e2a2a;

  /* Variantes de la couleur primaire */
  --adw-primary-light: #ed4a6f;
  --adw-primary-dark: #c91e42;
  --adw-primary-soft: rgba(230, 37, 79, 0.1);

  /* Variantes de la couleur secondaire */
  --adw-secondary-light: #6a6563;
  --adw-secondary-dark: #2a2625;
  --adw-secondary-soft: rgba(74, 71, 69, 0.1);

  /* Variantes de l'accent */
  --adw-accent-light: #eee5ca;
  --adw-accent-dark: #d4c590;

  /* Couleurs de texte */
  --adw-text-dark: #2e2a2a;
  --adw-text-medium: #6a6563;
  --adw-text-light: #9a9593;
  --adw-text-white: #ffffff;

  /* Couleurs fonctionnelles */
  --adw-success: #2ecc71;
  --adw-warning: #f39c12;
  --adw-error: #e74c3c;
  --adw-info: #3498db;

  /* Couleurs de fond */
  --adw-bg-white: #ffffff;
  --adw-bg-light: #f8f9fa;
  --adw-bg-dark: #2e2a2a;
  --adw-bg-dark-dark: #191919;

  /* Ombres */
  --adw-shadow-sm: 0 2px 4px rgba(46, 42, 42, 0.08);
  --adw-shadow-md: 0 4px 8px rgba(46, 42, 42, 0.12);
  --adw-shadow-lg: 0 8px 16px rgba(46, 42, 42, 0.15);

  /* Bordures */
  --adw-border-light: rgba(46, 42, 42, 0.1);
  --adw-border-medium: rgba(46, 42, 42, 0.2);
  --adw-border-dark: rgba(46, 42, 42, 0.3);

  /* Transitions */
  --adw-transition-fast: 0.15s ease;
  --adw-transition-normal: 0.3s ease;
  --adw-transition-slow: 0.5s ease;

  /* Espacements */
  --adw-space-xs: 0.25rem;
  --adw-space-sm: 0.5rem;
  --adw-space-md: 1rem;
  --adw-space-lg: 1.5rem;
  --adw-space-xl: 2rem;

  /* Font Family */
  --adw-font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Helvetica, Arial, sans-serif;

  /* Font Size avec clamp (responsive) */
  /* Syntaxe: clamp(min, préféré, max) */
  --adw-font-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem); /* 12px -> 14px */
  --adw-font-sm: clamp(0.875rem, 0.8rem + 0.375vw, 1rem); /* 14px -> 16px */
  --adw-font-base: clamp(1rem, 0.95rem + 0.25vw, 1.125rem); /* 16px -> 18px */
  --adw-font-md: clamp(1.125rem, 1rem + 0.625vw, 1.25rem); /* 18px -> 20px */
  --adw-font-lg: clamp(1.25rem, 1.1rem + 0.75vw, 1.5rem); /* 20px -> 24px */
  --adw-font-xl: clamp(1.5rem, 1.3rem + 1vw, 2rem); /* 24px -> 32px */
  --adw-font-2xl: clamp(2rem, 1.7rem + 1.5vw, 2.5rem); /* 32px -> 40px */
  --adw-font-3xl: clamp(2.5rem, 2rem + 2.5vw, 3.5rem); /* 40px -> 56px */

  /* Font Weight */
  --adw-font-light: 300;
  --adw-font-normal: 400;
  --adw-font-medium: 500;
  --adw-font-semibold: 600;
  --adw-font-bold: 700;
  --adw-font-extrabold: 800;
  --adw-font-extraextrabold: 900;

  /** Max Width for Containers **/
  --adw-container-max-width: 1600px;

  /** Couleur bouttons **/
  --adw-color-background: 221, 109, 132;
  --adw-gradient-background: #dd6d84;
  --adw-color-foreground: 255, 255, 255;
  --adw-color-shadow: 18, 18, 18;
  --adw-color-button: 18, 18, 18;
  --adw-color-button-text: 243, 243, 243;
  --adw-color-secondary-button: 221, 109, 132;
  --adw-color-secondary-button-text: 18, 18, 18;
  --adw-color-link: 18, 18, 18;
  --adw-color-badge-foreground: 255, 255, 255;
  --adw-color-badge-background: 221, 109, 132;
  --adw-color-badge-border: 255, 255, 255;
  --adw-payment-terms-background-color: rgb(221 109 132);
  --adw-buttons-border-width: 1px;
  --adw-buttons-radius-outset: 4.1rem;
  --adw-buttons-radius-small: .25rem;

  --alpha-button-background: 1;
  --alpha-button-border: 1;
  --alpha-link: 0.85;
  --alpha-badge-border: 0.1;

  /* Couleurs du bouton */
  --btn-cart-bg: #e6254f;
  --btn-cart-bg-hover: #c91d3f;
  --btn-cart-bg-indisponible: #d1d1d1;
  --btn-cart-bg--indisponible-hover: #646464;
  --btn-cart-color: #ffffff;
  --btn-cart-shadow: rgba(230, 37, 79, 0.3);
  --btn-cart-shadow-hover: rgba(230, 37, 79, 0.5);

  /* Tooltip */
  --tooltip-bg: #2e2a2a;
  --tooltip-color: #ffffff;
  --tooltip-shadow: rgba(0, 0, 0, 0.2);

  /* Dimensions */
  --btn-cart-size: 2.5rem;
  --btn-cart-icon-size: 1.2rem;
  --btn-cart-border-radius: 50%;

  /* Animations */
  --btn-cart-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --tooltip-transition: all 0.2s ease;
}

/* Import Google Fonts - Roboto */
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");

/* ============================================
   STYLES DU BANDEAU TOP BAR
   ============================================ */

.adwcore-topbar {
  background: linear-gradient(
    135deg,
    var(--adw-secondary) 0%,
    var(--adw-secondary-dark) 100%
  );
  color: var(--adw-text-white);
  font-family: var(--adw-font-family);
  font-size: 0.875rem;
  font-weight: 400;
  padding: 0.625rem 0;
  box-shadow: var(--adw-shadow-sm);
  position: relative;
  z-index: 9;
  width: 100%;
  /* Assure que le bandeau ne casse pas le layout */
  margin: 0;
  clear: both;
}

/* Container principal - Base 1440px */
.adwcore-container {
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 2rem;

}

body:not(#index) .container-fuild {
  width: 100%;
  max-width: 100%;
  padding: 1rem;
}

/* Adaptation du container selon les tailles d'écran */
@media (max-width: 1440px) {
  .adwcore-container {
    max-width: 100%;
    padding: 0 1.5rem;
  }
}

@media (max-width: 1200px) {
  .adwcore-container {
    padding: 0 1.25rem;
  }
}

.adwcore-topbar-inner{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--adw-space-lg);
}

/* Section des informations (2/3) */
.adwcore-info-section {
  flex: 2;
  display: flex;
  align-items: center;
  gap: var(--adw-space-xl);
  flex-wrap: wrap;
}

/* Section localisation (1/3) */
.adwcore-location-section {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

/* Items individuels */
.adwcore-info-item,
.adwcore-location-item {
  display: flex;
  align-items: center;
  gap: var(--adw-space-sm);
  transition: transform var(--adw-transition-fast);
}

.adwcore-info-item:hover,
.adwcore-location-item:hover {
  transform: translateY(-1px);
}

/* Icônes SVG */
.adwcore-icon {
  width: 16px;
  height: 16px;
  min-width: 16px;
  color: var(--adw-accent);
  transition: color var(--adw-transition-fast);
}

.adwcore-info-item:hover .adwcore-icon {
  color: var(--adw-accent-light);
}

/* Drapeau français */
.adwcore-flag {
  width: 24px;
  height: 16px;
  min-width: 24px;
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* Texte */
.adwcore-text {
  color: var(--adw-text-white);
  line-height: 1.4;
  white-space: nowrap;
}

/* Style spécifique pour la livraison */
.adwcore-delivery {
  position: relative;
}

.adwcore-delivery::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 2px;
  background: var(--adw-primary);
  transition: width var(--adw-transition-normal);
}

.adwcore-delivery:hover::after {
  width: 100%;
}

/* Style spécifique pour le téléphone */
.adwcore-phone .adwcore-text {
  font-weight: 500;
  letter-spacing: 0.3px;
}

/* Style spécifique pour les horaires */
.adwcore-hours .adwcore-text {
  font-size: 0.813rem;
}

/* ============================================
   RESPONSIVE DESIGN
   ============================================ */

/* Large Desktop (>1440px) */
@media (min-width: 1441px) {
  .adwcore-container {
    /* padding: 0 2.5rem; */
    padding: 0rem;
  }
}

/* Desktop standard (1200px - 1440px) */
@media (min-width: 1200px) and (max-width: 1440px) {
  .adwcore-container {
    padding: 0 2rem;
  }
}

/* Tablettes et petits écrans (992px - 1199px) */
@media (max-width: 1199px) {
  .adwcore-container {
    padding: 0 1.5rem;
    gap: var(--adw-space-md);
  }
}

/* Tablettes (768px - 991px) */
@media (max-width: 991px) {
  .adwcore-container {
    flex-direction: column;
    gap: var(--adw-space-md);
    text-align: center;
    padding: 0 1.25rem;
  }

  .adwcore-info-section {
    flex: 1;
    justify-content: center;
    gap: var(--adw-space-lg);
  }

  .adwcore-location-section {
    flex: 1;
    justify-content: center;
  }
}

/* Smartphones (576px - 767px) */
@media (max-width: 767px) {
  .adwcore-topbar {
    font-size: 0.813rem;
    padding: 0.75rem 0;
  }

  .adwcore-container {
    padding: 0 1rem;
    gap: var(--adw-space-sm);
  }

  .adwcore-info-section {
    flex-direction: column;
    gap: var(--adw-space-sm);
    width: 100%;
  }

  .adwcore-info-item {
    width: 100%;
    justify-content: center;
  }

  .adwcore-location-section {
    width: 100%;
  }

  .adwcore-text {
    white-space: normal;
    text-align: center;
  }

  .adwcore-hours .adwcore-text {
    font-size: 0.75rem;
  }
}

/* Très petits écrans (<576px) */
@media (max-width: 575px) {
  .adwcore-container {
    padding: 0 0.75rem;
  }

  .adwcore-icon {
    width: 14px;
    height: 14px;
    min-width: 14px;
  }

  .adwcore-flag {
    width: 20px;
    height: 14px;
    min-width: 20px;
  }

  .adwcore-topbar {
    font-size: 0.75rem;
  }
}

/* ============================================
   ANIMATIONS OPTIONNELLES
   ============================================ */

@keyframes slideInDown {
  from {
    transform: translateY(-10px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.adwcore-topbar {
  animation: slideInDown 0.4s ease-out;
}

/* ============================================
   CLASSES UTILITAIRES AVEC VARIABLES
   ============================================ */

/* Couleurs de fond */
.adw-bg-primary {
  background-color: var(--adw-primary);
}
.adw-bg-secondary {
  background-color: var(--adw-secondary);
}
.adw-bg-accent {
  background-color: var(--adw-accent);
}
.adw-bg-light {
  background-color: var(--adw-bg-light);
}

/* Couleurs de texte */
.adw-text-primary {
  color: var(--adw-primary);
}
.adw-text-secondary {
  color: var(--adw-secondary);
}
.adw-text-accent {
  color: var(--adw-accent);
}
.adw-text-dark {
  color: var(--adw-text-dark);
}
.adw-text-medium {
  color: var(--adw-text-medium);
}
.adw-text-light {
  color: var(--adw-text-light);
}

/* Bordures */
.adw-border {
  border: 1px solid var(--adw-border-light);
}
.adw-border-primary {
  border-color: var(--adw-primary);
}
.adw-border-secondary {
  border-color: var(--adw-secondary);
}
.adw-border-accent {
  border-color: var(--adw-accent);
}

/* Ombres */
.adw-shadow-sm {
  box-shadow: var(--adw-shadow-sm);
}
.adw-shadow-md {
  box-shadow: var(--adw-shadow-md);
}
.adw-shadow-lg {
  box-shadow: var(--adw-shadow-lg);
}

/* Transitions */
.adw-transition {
  transition: all var(--adw-transition-normal);
}
.adw-transition-fast {
  transition: all var(--adw-transition-fast);
}
.adw-transition-slow {
  transition: all var(--adw-transition-slow);
}