/*
Theme Name: TheGem Elementor Child
Description: Multi-Purpose Wordpress Theme
Author: Codex Themes.
Theme URI: http://codex-themes.com/thegem/
Author URI: http://codex-themes.com/thegem/
Template: thegem-elementor
Version: 1.0
Tags: one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, dark, light
License: GNU General Public License
License URI: license.txt
*/
/****************************************************
 * IDAOS - FIX RESPONSIVE SECTION HERO (TheGem + Elementor)
 * Section ID: elementor-element-a215a9f
 * Auteur : Franck Perrier x ChatGPT
 * Date : 2025-10-27
 ****************************************************/

/* === BASE (DESKTOP) === */
body .elementor-element.elementor-element-a215a9f.e-con-full.e-flex.thegem-e-con-layout-thegem {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  gap: 40px;
  transition: all 0.3s ease;
}

/* === TABLETTE (<= 1024px) === */
@media (max-width: 1024px) {
  body .elementor-element.elementor-element-a215a9f.e-con-full.e-flex.thegem-e-con-layout-thegem {
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 auto !important;
    gap: 20px !important;
  }

  /* Tous les widgets enfants se redimensionnent */
  body .elementor-element.elementor-element-a215a9f .elementor-widget {
    width: 100% !important;
    text-align: center !important;
    margin-bottom: 20px !important;
  }

  /* Supprime la marge du dernier bloc */
  body .elementor-element.elementor-element-a215a9f .elementor-widget:last-child {
    margin-bottom: 0 !important;
  }
}

/* === MOBILE (<= 767px) === */
@media (max-width: 767px) {
  body .elementor-element.elementor-element-a215a9f.e-con-full.e-flex.thegem-e-con-layout-thegem {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px 15px !important;
    gap: 25px !important;
  }

  body .elementor-element.elementor-element-a215a9f .elementor-widget {
    width: 100% !important;
    text-align: center !important;
  }

  /* Éviter les débordements sur les petits écrans */
  body .elementor-element.elementor-element-a215a9f * {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* === SÉCURITÉ : supprime les inline styles injectés par TheGem === */
body .elementor-element.elementor-element-a215a9f.e-con-full {
  margin-left: 0 !important;
  margin-right: 0 !important;
}