/*
 Theme Name: Astra Child
 Template: astra
 Version: 1.0
*/

/* Réduit la taille du titre de produit dans le checkout Gutenberg */
.wc-block-components-product-name {
    font-size: 16px !important;  /* Tu peux ajuster la taille ici */
    font-weight: 600;            /* Optionnel : garder le poids visuel */
}

/* Ajoute un espacement en bas du checkout */
.wp-block-woocommerce-checkout {
    margin-bottom: 50px; /* Ajuste selon ton besoin : 50px, 80px, etc. */
}

/* Carte */
body.woocommerce-checkout .points-map .leaflet-container {
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid #ddd;
}

/* Arrondi des boutons */

button,
.button,
.wp-block-button__link,
input[type=\"submit\"],
input[type=\"button\"],
input[type=\"reset\"],
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button,
.woocommerce .checkout-button,
.woocommerce #place_order,
.woocommerce-page #place_order {
  border-radius: 80px !important;
}
.woocommerce .cart .checkout-button.button {
  border-radius: 80px !important;
}

/* Bordures arrondies pour chaque champ de formulaire */
.wpforms-field input[type="text"],
.wpforms-field input[type="email"],
.wpforms-field input[type="url"],
.wpforms-field input[type="tel"],
.wpforms-field input[type="number"],
.wpforms-field input[type="password"],
.wpforms-field input[type="date"],
.wpforms-field textarea,
.wpforms-field select {
  border-radius: 10px;
}

/* Bouton arrondi formulaire */
.wpforms-submit {
  border-radius: 25px;
  border: none;
}

/* Bouton Continue Shopping */
.woocommerce-message .button.wc-forward {
    border-radius: 40px !important;
    background-color: #000000 !important;
}

.woocommerce .button.wc-forward:hover {
    background-color: #1CAB94 !important; 
}

/* Masquer le header sur la page de checkout WooCommerce */
.woocommerce-checkout .site-header {
  display: none !important;
}

/* Masquer le footer sur la page de checkout WooCommerce */
.woocommerce-checkout .site-footer {
  display: none !important;
}

/* Cacher le prix dans le widget Add to Cart Elementor */
.elementor-add-to-cart .woocommerce-variation-price {
  display: none !important;
}

/* Supprimer tout effet de zoom sur l'image produit */
.woocommerce div.product div.images img,
.woocommerce div.product div.images figure {
  transform: none !important;
  scale: 1 !important;
  transition: none !important;
  cursor: default !important;
}

/* Supprimer les effets liés à Fancybox ou scripts de zoom */
.woocommerce-product-gallery__image,
.woocommerce-product-gallery__wrapper,
.woocommerce-product-gallery__image img {
  pointer-events: none !important;
  transform: none !important;
  transition: none !important;
  cursor: default !important;
}

/* Supprimer la ligne au-dessus du product data tab */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  border-top: none !important;
  box-shadow: none !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
  display: none !important;
}

@media screen and (max-width: 768px) {
  /* Réinitialise le border-radius de tous les onglets */
  ul.tabs.wc-tabs li {
    border-radius: 0 !important;
  }

  /* Applique un border-radius uniquement sur le premier onglet */
  ul.tabs.wc-tabs li:first-child {
    border-radius: 6px 6px 0 0 !important;
  }
}

/* Supprimer le margin bottom et le padding sous le product title */

.woocommerce-page h1.product_title {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Cacher le champ Poids (Weight) dans l’onglet Additional Information */
.woocommerce-product-attributes-item--weight {
  display: none !important;
}


/* Arrondir les coins des images dans le panier et le checkout WooCommerce Blocks */
.wc-block-cart-item__image img {
  border-radius: 10px;
}

.wc-block-components-order-summary-item__image img {
  border-radius: 10px;
}

/* Masquer la description dans le Cart*/

.wc-block-components-product-metadata__description {
  display: none !important;
}

/* Language switcher */

.custom-language-switcher-wrapper {
  position: relative;
  display: inline-block;
  font-family: sans-serif;
}

.custom-language-switcher-wrapper .current-lang {
  background: #1f2630;
  border: none;
  border-radius: 6px;
  padding: 6px 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: white;
  width: max-content;
  white-space: nowrap;
}

.custom-language-switcher {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  background: white;
  border: none;
  border-radius: 8px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  padding: 0;
  margin: 0;
  list-style: none;
  max-height: 260px;
  overflow-y: auto;
  z-index: 999;
  min-width: 100%;
  width: max-content;
  white-space: nowrap;
}

.custom-language-switcher-wrapper:hover .custom-language-switcher {
  display: block;
}

.custom-language-switcher li {
  padding: 2px 6px; /* réduit l'espacement vertical */
}

.custom-language-switcher li a {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: #333;
  font-size: 14px;
  padding: 4px 6px; /* réduit le padding global */
  border-radius: 6px;
}

.custom-language-switcher li a:hover {
  background-color: #f0f0f0;
  border-radius: 6px;
}

.custom-language-switcher img,
.current-lang img {
  width: 20px;
  height: auto;
  display: inline-block;
  border-radius: 3px;
}

/* Cibler tous les champs du formulaire SliceWP */
#slicewp-affiliate-register-form input[type="text"],
#slicewp-affiliate-register-form input[type="email"],
#slicewp-affiliate-register-form input[type="password"],
#slicewp-affiliate-register-form input[type="url"],
#slicewp-affiliate-register-form input[type="file"],
#slicewp-affiliate-register-form select,
#slicewp-affiliate-register-form textarea {
    border-radius: 8px;           /* Arrondir les coins */
    border: 1px solid #e8e8e8;       /* Bordure douce */
    padding: 10px;                /* Confort de lecture */
    box-sizing: border-box;
    width: 100%;                  /* Pleine largeur */
}

/* Cibler tous les champs du formulaire de connexion SliceWP */
#slicewp-affiliate-login-form input[type="text"],
#slicewp-affiliate-login-form input[type="password"] {
    border-radius: 8px;           /* Arrondir les coins */
    border: 1px solid #e8e8e8;    /* Bordure douce */
    padding: 10px;                /* Confort de lecture */
    box-sizing: border-box;
    width: 100%;                  /* Pleine largeur */
}

/* Cibler le champ email du formulaire de réinitialisation SliceWP */
#slicewp-affiliate-lost-password-form input[type="email"] {
    border-radius: 8px;           /* Arrondir les coins */
    border: 1px solid #e8e8e8;    /* Bordure douce */
    padding: 10px;                /* Confort de lecture */
    box-sizing: border-box;
    width: 100%;                  /* Pleine largeur */
}

/* Arrondir les coins du pop-up de connexion */
.ast-hb-account-login {
    border-radius: 12px; /* Personnalisez selon vos goûts */
    overflow: hidden;    /* Pour que le rayon s'applique proprement */
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15); /* Optionnel pour un effet de profondeur */
}

/* Arrondir les champs de formulaire du pop-up */
.ast-hb-account-login .ast-hb-account-login-form input[type="text"],
.ast-hb-account-login .ast-hb-account-login-form input[type="password"],
.ast-hb-account-login .ast-hb-account-login-form input[type="submit"] {
    border-radius: 8px;
    padding: 10px;
    border: 1px solid #e8e8e8;
    width: 100%;
    box-sizing: border-box;
}

/* Bouton plus esthétique */
.ast-hb-account-login .ast-hb-account-login-form input[type="submit"] {
    background-color: #000000;
    color: white;
    font-weight: bold;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.ast-hb-account-login .ast-hb-account-login-form input[type="submit"]:hover {
    background-color: #252525;
}

/* Border radius au message "Entrez une adresse pour voir les tarifs de livraison" au checkout */
.wc-block-checkout__shipping-option .wc-block-components-shipping-rates-control__no-shipping-address-message {
    border-radius: 8px;             /* Coins arrondis */
}

/* Champ de formulaire order tracking */

.woocommerce-form-track-order input.input-text {
    border-radius: 10px;
}