/*
Theme Name: Hello Biz Child
Theme URI: https://github.com/elementor/hello-biz-child/
Description: Hello Biz Child is a child theme of Hello Biz, created by Elementor team
Author: Elementor Team
Template: hello-biz
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Version: 1.0.0
Stable tag: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: hello-biz-child
Tags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready, style-variations
*/
.woocommerce-ordering {
    display: none !important;
}

/* Conteneur principal */
.custom-woocommerce-ordering .select2-container {
    font-size: 14px;
}

/* Le bouton/dropdown */
.custom-woocommerce-ordering .select2-selection {
    border: 1px solid #ddd !important;
    border-radius: 5px !important;
    padding: 8px 12px !important;
    height: auto !important;
    min-height: 40px !important;
}

/* Au survol */
.custom-woocommerce-ordering .select2-selection:hover {
    border-color: #999 !important;
}

/* La flèche */
.custom-woocommerce-ordering .select2-selection__arrow {
    height: 100% !important;
}

/* Le texte sélectionné */
.custom-woocommerce-ordering .select2-selection__rendered {
    padding: 0 !important;
    line-height: 24px !important;
}

/* Le menu déroulant */
.select2-dropdown {
    border: 1px solid #ddd !important;
    border-radius: 5px !important;
}

/* Les options */
.select2-results__option {
    padding: 10px 15px !important;
}

/* Option au survol */
.select2-results__option--highlighted {
    background-color: #f5f5f5 !important;
    color: #333 !important;
}

/* ----------- Style de titre ----------- */
.h1-style {
    font-size: 1rem !important; /* 16px */
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: bold !important;
}

.h2-style {
    font-size: 0.875rem !important; /* 14px */
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: bold !important;
}

.h3-style {
    font-size: 0.8125rem !important; /* 13px */
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: bold !important;
}

.h4-style {
    font-size: 0.75rem !important; /* 12px */
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: bold !important;
}

.h5-style {
    font-size: 0.6875rem !important; /* 11px */
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: bold !important;
}

.h6-style {
    font-size: 0.625rem !important; /* 10px */
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: bold !important;
}

/* ----------- Style de textes ----------- */

/* Taille */
.text-size-large {
    font-size: 1rem; /* 16px */
}

.text-size-medium {
    font-size: 0.9375rem; /* 15px */
}

.text-size-regular {
    font-size: 0.875rem; /* 14px */
}

.text-size-small {
    font-size: 0.75rem; /* 12px */
}

.text-size-tiny {
    font-size: 0.625rem; /* 10px */
}

/* Graisse */
.text-weight-light {
    font-weight: 300;
}

.text-weight-normal {
    font-weight: 400;
}

.text-weight-medium {
    font-weight: 500;
}

.text-weight-semibold {
    font-weight: 600;
}

.text-weight-bold {
    font-weight: 700;
}

.text-weight-xbold {
    font-weight: 800;
}


/* ----------- Cassure paragraphe trop long  ----------- */
.cassure {
    word-break: break-word;   /* casse les mots trop longs si besoin */
    overflow-wrap: anywhere;  /* permet de couper où nécessaire */
    white-space: normal;      /* assure le retour à la ligne */
}

/* ---------------- Styles Boutons woocommerce --------------- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce input[type="submit"],
.cart-buttons a,
.woocommerce-button button woocommerce-form-login__submit e-woocommerce-form-login-submit{
    background-color: black;
    color: white !important;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 1 !important;

    display: flex !important;
    justify-content: center !important;
    align-items: center !important;  /* ← AJOUTEZ CETTE LIGNE */

    padding: 0.5rem !important;
    margin: 0px !important;
    gap: 0.5rem !important;
    transition: background-color 0.3s ease; /* ajout pour animation */
    align-self: flex-start; /* ou center si tu veux l’aligner verticalement */
    width: auto;            /* largeur selon le contenu */
    height: auto;
    border-radius: 0.25rem;
}

.secondary-btn{
    background-color: white;
    color: black !important;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1 !important;

    display: flex !important;
    justify-content: center !important;
    align-items: center !important;  /* ← AJOUTEZ CETTE LIGNE */

    padding: 0.5rem !important;
    margin: 0px !important;
    gap: 0.5rem !important;
    transition: background-color 0.3s ease; /* ajout pour animation */
    align-self: flex-start; /* ou center si tu veux l’aligner verticalement */
    width: auto;            /* largeur selon le contenu */
    height: auto;
    border-radius: 0.25rem;
    border: 1px solid black !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce input[type="submit"]:hover,
.cart-buttons a:hover,
.woocommerce-button button woocommerce-form-login__submit e-woocommerce-form-login-submit:hover{
    background-color: #37383B !important;
    color: white;
}


/* --------------- Style notice woocommerce --------------- */


/* Masquer le bouton View Cart dans les notices WooCommerce */
.woocommerce-message .button.wc-forward {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
    display: none !important;
}

/* Icon Success */
.woocommerce-message::before {
    content: "\e98d";
    font-family: "noemie-icon-font";
    font-size: 1rem;
    color: #6E6F76;
}

/* Icon Error */
.woocommerce-error::before {
    content: "\e888";
    font-family: "noemie-icon-font";
    font-size: 1rem;
    color: #942020;
}

/* Icon Info */
.woocommerce-info::before {
    content: "\e8f8";
    font-family: "noemie-icon-font";
    font-size: 1rem;
    color: #6E6F76;
}

/* Bandeau couleur Error */
.woocommerce-error {
    border-top-color: transparent;
    color: #942020;
    background-color: white;
}

/* Bandeau couleur success */
.woocommerce-message {
    border-top-color: transparent;
    color: #6E6F76;
    background-color: white;
}

/* Bandeau couleur info */
.woocommerce-info {
    border-top-color: transparent;
    color: #6E6F76;
    background-color: white;
}

/*Focus clavier*/
.woocommerce-message:focus,
.woocommerce-error:focus,
.woocommerce-info:focus {
    outline: 2px solid white;   /* couleur personnalisée */
    outline-offset: 2px;        /* espace entre contour et élément */
    border-radius: 4px;         /* si tu veux arrondir */
}

/* Désactivation label wishlist*/

.yith-wcwl-add-to-wishlist-button__label{
    display: none;
}


/* ---------------- Test --------------- */
/* clic zone icon close*/
.icon-close-mobile.elementor-view-default.elementor-widget.elementor-widget-icon > .elementor-icon-wrapper{
    width: 48px !important;
    height: 48px !important;
}
/* Taille icon close */
.icon-close-mobile.elementor-view-default.elementor-widget.elementor-widget-icon > .elementor-icon-wrapper > .elementor-icon > i{
    font-size: 32px;
}