/*
 Theme Name: Astra Child
 Template: astra
 Author: Ton Nom
 Description: Thème enfant pour Astra
 Version: 1.0
*/
/*
 Theme Name: Astra Child
 Template: astra
 Author: Ton Nom
 Description: Thème enfant pour Astra
 Version: 1.0
*/

/* ==================================================
   Mobile (<768px) - icônes en ligne
================================================== */
@media (max-width: 767px) {
  .icones-produit {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    margin: 0 auto;
  }

  .icone-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    text-align: center;
  }

  .icone-item img.icone-produit {
    width: 48px;
    height: auto;
  }

  .icone-item .icone-label {
    font-size: 0.9rem;
    font-weight: 500;
    color: #222;
    margin: 0;
    display: inline-block;
  }
}

/* ==================================================
   Desktop (>=768px) - icônes verticales, texte à côté sur une ligne
================================================== */
@media (min-width: 768px) {
  .icones-produit,
  .icones-produit-wrapper {
    display: flex;
    flex-direction: column; /* empile verticalement */
    gap: 46px;
    align-items: flex-start;

  }

  .icone-item {
    display: flex;           /* icône et texte sur la même ligne */
    flex-direction: row;
    align-items: center;
    gap: 20px;
    text-align: left;
    width: auto;
  }

  .icone-item img.icone-produit {
    width: 120px;
    height: auto;
    transition: transform 0.2s ease;
  }

  .icone-item img.icone-produit:hover {
    transform: scale(1.08);
  }

  .icone-item .icone-label,
  .icone-item p {
	font-family: filson-soft;
    font-size: 1.50 rem;      /* taille H3 */
    font-weight: 600;        /* semi-bold H3 */
    line-height: 1.3;
    white-space: nowrap;      /* texte sur une seule ligne */
    color: #007A33;
    margin: 0;
  }

  /* Centrage vertical par rapport à l’image produit */
  .produit-container {
    display: flex;
    flex-direction: row;
    gap: 30px;
    align-items: center;
  }

  .produit-icones {
    display: flex;
    flex-direction: column;
    justify-content: center; /* centre verticalement */
    gap: 30px;
    align-items: flex-start;
  }

  .produit-image img {
    max-width: 150% !important;
    height: auto;
    display: block;
  }
	@media (min-width: 768px) {
  .produit-icones {
    flex-grow: 0 !important; /* empêche le conteneur de s'étirer */
  }
		@media (min-width: 768px) {
  /* Conteneur des icônes dans Elementor */
  .elementor-widget-shortcode .icones-produit {
    --flex-grow: 0 !important;     /* désactive l’étirement */
    --flex-shrink: 0 !important;
    --align-self: center !important; /* maintien du centrage vertical */
  }

  /* Parent : image + icônes */
  .produit-container {
    display: flex;
    flex-direction: row;
    align-items: center; /* centre verticalement la colonne icônes par rapport à l'image */
    gap: 30px;
  }
			@media (min-width: 768px) {
  .elementor-2194 .elementor-element.elementor-element-fdf5f66.elementor-element .icones-produit {
    --flex-grow: 0 !important;
    --flex-shrink: 0 !important;
    --align-self: center !important;
  }
@media (min-width: 768px) {
  .icones-produit .icone-item img.icone-produit {
    width: 80px !important;   /* remplace le inline style */
    height: auto !important;  /* garde les proportions */
  }



}