/*
Theme Name: hellochild
Author: 
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

/* MENU */

.bloc-connexion .elementor-icon-wrapper {
    align-items: flex-start;
    display: flex;
}

/* FORMULAIRE */

body .gform-theme--api, 
body .gform-theme--foundation {
  --gf-form-gap-x: 15px;
  --gf-form-gap-y: 15px;
}

body #gform_wrapper_1[data-form-index="0"].gform-theme,
body [data-parent-form="1_0"] {
  --gf-color-primary: #810CA8;
  --gf-color-primary-darker: #810CA8;
  --gf-color-primary-lighter: #810CA8;
}

/* WOOCOMMERCE - SWATCHES IMAGE */

body .hellochild-variation-swatches {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 8px;
}

body .hellochild-swatch {
  width: 64px;
  height: 64px;
  padding: 0;
  border: 2px solid #ddd;
  background: #fff;
  border-radius: 6px;
  cursor: pointer;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
}

body .hellochild-swatch img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

body .hellochild-swatch span {
  font-size: 12px;
  line-height: 1.2;
  padding: 6px;
  text-align: center;
}

body .hellochild-swatch:hover {
  border-color: #810CA8;
}

body .hellochild-swatch.is-active {
  border-color: #810CA8;
  box-shadow: 0 0 0 3px rgba(26, 115, 232, 0.2);
  transform: translateY(-1px);
}

/* FICHE PRODUIT */

body.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock,
body.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, 
body.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price,
.reset_variations { color: #810CA8; }
.woocommerce-Price-amount.amount { font-weight: bold; }

body.woocommerce .woocommerce-breadcrumb { margin: 0; }
