/* 
 * Plugin MAX - Styles Frontend Optimisés
 * Version: 2.1
 * 
 * Ce fichier charge UNIQUEMENT les styles essentiels du frontend.
 * Les styles optionnels (carousel, ticker, fullscreen) sont chargés
 * conditionnellement par le PHP selon les shortcodes utilisés.
 */

/* ========================================
   IMPORTS ESSENTIELS UNIQUEMENT
   ======================================== */

/* Variables CSS (essentiel) */
@import url('./base/variables.css');

/* Reset minimal (essentiel) */
@import url('./base/reset.css');

/* ========================================
   STYLES GLOBAUX MINIMAUX
   ======================================== */

/* Reset pour les éléments du plugin */
.max-plugin-reset {
  all: initial;
  font-family: var(--max-font-primary);
  line-height: 1.6;
  color: #ffffff;
}

.max-plugin-reset *,
.max-plugin-reset *::before,
.max-plugin-reset *::after {
  box-sizing: border-box;
}

/* Fallback pour les navigateurs anciens */
.max-tile-image {
  height: 270px;
}

@supports not (display: flex) {
  .max-carousel-container {
    display: block;
  }
  
  .max-tile {
    display: inline-block;
    vertical-align: top;
  }
}

/* Optimisations performance */
.max-tile-image,
.max-product-img,
.max-coin-face {
  will-change: transform;
}

.max-carousel-container {
  contain: layout style paint;
}


/* ========================================
   BARRE STICKY DE CONTACT (téléphone / WhatsApp / contact)
   ======================================== */
.max-sticky-bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  background: linear-gradient(90deg, #3d2817, #2a1a0f);
  padding: 6px 10px;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.6);
}

.max-sticky-bar-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  gap: 8px;
}

.max-sticky-item {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 6px 10px;
  border-radius: 999px;
  text-decoration: none;
  font-family: var(--max-font-primary);
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
}

.max-sticky-item:hover {
  filter: brightness(1.1);
}

.max-sticky-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  margin-bottom: 2px;
  color: #ffffff !important;
}

.max-sticky-icon svg {
  width: 20px;
  height: 20px;
  stroke: #ffffff;
  fill: none;
}

.max-sticky-call {
  background: linear-gradient(135deg, #2e7d32, #1b5e20);
}

.max-sticky-whatsapp {
  background: linear-gradient(135deg, #25d366, #128c7e);
}

.max-sticky-contact {
  background: linear-gradient(135deg, #1976d2, #0d47a1);
}

@media (min-width: 1024px) {
  .max-sticky-bar {
    padding: 8px 40px;
  }
}