/*
Theme Name: Flatsome Child
Description: Child theme for Flatsome
Author: UX Themes
Template: flatsome
Version: 3.0
*/



/* ==============================
   FIX CLS CRITIQUE – FLATSOME
============================== */

/* 1. Bloquer le mouvement des text-box */
.banner-layer,
.text-box,
.text-box.banner-layer,
.res-text {
  position: absolute !important;
  min-height: 120px !important;
  will-change: auto !important;
}

/* Mobile */
@media (max-width: 849px) {
  .banner-layer,
  .text-box,
  .res-text {
    min-height: 90px !important;
  }
}

/* 2. Réserver l’espace exact des dots Flickity */
.flickity-page-dots {
  position: relative;
  height: 32px !important;
  margin-top: 12px;
}

/* 3. Bloquer animation SVG Flickity */
.flickity-button,
.flickity-button svg {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px;
  min-height: 44px;
}





/* =================================================
   BASE – ACCESSIBILITÉ & COULEURS
================================================= */

body, p { color:#1a1a1a }
a { color:#0a58ca; text-decoration:underline }
a:hover { color:#06357a }

#top-bar, #top-bar a, #top-bar strong { color:#fff !important }

.badge-inner, .onsale {
  background:#b00020 !important;
  color:#fff !important;
  font-weight:600;
}

/* =================================================
   BOUTONS – STABLES
================================================= */

.button,
button,
.single_add_to_cart_button {
  background:#000;
  color:#fff !important;
  min-height:44px;
  line-height:44px;
  padding:0 18px;
}

/* =================================================
   WHATSAPP – CONVERSION
================================================= */

.single-product .button.whatsapp-btn {
  background:#25d366 !important;
  color:#fff !important;
  font-size:18px;
  font-weight:600;
  padding:14px;
  width:100%;
  margin-top:10px;
  box-shadow:0 6px 18px rgba(37,211,102,.35);
}

/* =================================================
   RÉASSURANCE
================================================= */

.product-reassurance {
  background:#f8f9fa;
  border-left:4px solid #25d366;
  padding:12px;
  margin-top:12px;
  font-size:15px;
  border-radius:6px;
}

/* =================================================
   LIENS INTERNES – SEO
================================================= */

.dialna-internal-links {
  margin-top:20px;
  padding:14px;
  background:#f8f9fa;
  border-left:4px solid #25d366;
  font-size:14px;
}

.dialna-internal-links ul { margin:8px 0 0; padding-left:18px }
.dialna-internal-links li { margin-bottom:6px }

/* =================================================
   CLS – IMAGES (GLOBAL)
================================================= */

img,
.woocommerce img {
  width:100%;
  height:auto;
  aspect-ratio:1/1;
  display:block;
}

/* =================================================
   CARTES PRODUITS – CLS ZÉRO
================================================= */

.product-small,
.box-product {
  min-height:420px;
}

.product-small .box-image {
  aspect-ratio:1/1;
  overflow:hidden;
}

.product-small .name { min-height:44px }
.product-small .price { min-height:28px }
.product-small .button { min-height:44px }

/* AUCUNE animation */
.product-small,
.box-product,
.product-small * {
  transition:none !important;
  transform:none !important;
}

/* =================================================
   FLICKITY – STABILITÉ ABSOLUE
================================================= */

.flickity-viewport {
  min-height:320px;
}

@media (max-width:849px) {
  .flickity-viewport { min-height:240px }
}

.flickity-slider img {
  width:100%;
  height:auto;
  aspect-ratio:1/1;
  display:block;
}

.flickity-page-dots {
  height:24px;
}

/* =================================================
   BANNIÈRES FLATSOME – CLS FIX
================================================= */

.banner {
  aspect-ratio:16/9;
  min-height:260px;
  overflow:hidden;
}

@media (max-width:849px) {
  .banner { min-height:180px }
}

.banner-layer,
.text-box,
.res-text {
  min-height:80px;
}






/* ============================
   AVIS DYNAMIQUES – UI
============================ */

.dialna-dynamic-reviews {
  margin-top: 30px;
  padding: 18px;
  background: #f8f9fa;
  border-radius: 8px;
}

.dialna-dynamic-reviews h3 {
  margin-bottom: 12px;
  font-size: 18px;
}

.dialna-review {
  padding: 10px 0;
  border-bottom: 1px solid #e5e5e5;
}

.dialna-review:last-child {
  border-bottom: none;
}

.dialna-review strong {
  font-size: 14px;
}

.dialna-review .stars {
  color: #f5a623;
  font-size: 14px;
}

.dialna-review p {
  margin: 4px 0 0;
  font-size: 14px;
  color: #333;
}