/* Gro Monday Plugin Styles */
.gro-monday-admin {
    max-width: 800px;
}

.gro-monday-admin .form-table th {
    width: 200px;
}

/* Styles pour gro_units shortcode */
.gro-units {
    /* Styles de base si nécessaire */
}

.no-underline-important,
.no-underline-important a {
    text-decoration: none !important;
}

/* Disabled fields visual state */
.filter-section input[disabled],
.filter-section select[disabled],
.filter-section .form-input[disabled],
.filter-section .form-select[disabled],
/* home form */
.form-input[disabled],
.form-select[disabled],
input[disabled],
select[disabled] {
    opacity: 0.5 !important;
    cursor: not-allowed;
}

/* Utility */
.opacity-50 {
    opacity: 0.5;
}

.wp-block-navigation__container {
    display: flex;
    gap: 15px;
}

.gro-lang-select,
.gro-lang-switcher {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-row-twocols {
    flex-wrap: wrap;
}

.gro-lang-switcher {
    font-family: "Ruda", sans-serif;
    font-size: 22px;
    border: 1px solid #e5e5e5;
    padding: 3px 3px 2px 5px;
    border-radius: 5px;
}

.gro-lang-select,
.gro-lang-switcher {
    cursor: pointer;
}

.woocommerce-page .input-text,
.woocommerce-page .select2-container,
.woocommerce-page select {
    font-size: unset !important;
}

/* Gallery positioning styles (no % for vertical centering) */
.gallery-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    /* vertical center without % */
    justify-content: space-between;
    padding: 0 1rem;
    pointer-events: none;
    /* allow clicks to pass except on buttons */
}

.gallery-overlay .gallery-arrow {
    pointer-events: auto;
    opacity: 0.5;
    cursor: pointer;
    outline: none !important;
    transition: opacity .2s ease-in-out;
}

.gallery-overlay .gallery-arrow:hover {
    opacity: 0.7;
}

#imageCounter {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    z-index: 10;
}

/* Thumbnails nav buttons pinned edges without % */
#thumbPrevBtn,
#thumbNextBtn {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    /* vertical center without % */
    z-index: 10;
}

#thumbPrevBtn {
    left: 0;
}

#thumbNextBtn {
    right: 0;
}

.overflow-x-auto {
    overflow-x: auto;
}

.scrollbar-hide {
    scrollbar-width: none;
}

.scrollbar-hide::-webkit-scrollbar {
    display: none;
}


.single-product .price-in-header,
.single-product h1 {
    font-size: 25px;
    color: black !important;
}

.product-content-col1 p {
    font-size: 18px;
}

.price-per-month {
    font-size: 0.55em;
}

.gap-x-4 {
    column-gap: 30px;
    row-gap: 6px;
}

@media(max-width: 1023px) {
    .home-form {
        width: 100%;
    }
}


@media(max-width: 620px) {
    .home-form {
        padding: 20px 18px
    }

    .hero-section .container {
        padding: 12px !important;
    }



    .hero-section .container h1,
    .hero-section .container h1+p {
        margin-left: 10px;
        margin-right: 10px;
    }

    .hero-section .container h1,
    .hero-section .container h1+p,
    .hero-section .container h1+p+.btn {
        text-align: center;
    }

    .hero-section .container h1+p+.btn {
        display: block;
        margin-left: 20px;
        margin-right: 20px;
    }
}

@media(max-width: 450px) {
    .hero-section .container h1+p+.btn {
        margin-left: 0px;
        margin-right: 0px;
    }
}