/*
 Theme Name:   Hello Elementor Thème Child
 Theme URI:    https://www.cabinet-kine-caduc.fr/.com
 Description:  Description de mon thème enfant
 Author:       SHEBAM
 Author URI:   https://www.cabinet-kine-caduc.fr/.com
 Template:     hello-elementor
 Version:      1.0.0
*/

/* ===========================
   BARRE DE RECHERCHE
=========================== */
section#formdev-archive-product div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-end .dt-search input {
    margin: 10px auto !important;
    border-radius: 20px;
    width: 50%;
    display: block;
    padding: 10px;
    border-color: var(--e-global-color-primary) !important;
}

/* ===========================
   TABLE PRODUITS
=========================== */
section#formdev-archive-product #products-fd {
    border: none !important;
    margin-top: 40px;
}

section#formdev-archive-product table.products.dataTable {
    border-collapse: separate !important;
    border-spacing: 0 12px !important;
}

section#formdev-archive-product .products.dataTable th {
    visibility: visible !important;
    display: none;
}

section#formdev-archive-product .products.dataTable td {
    background: transparent !important;
    padding: 0 15px 0 0 !important;
}

/* ===========================
   BLOCS PRODUITS
=========================== */
section#formdev-archive-product .categories,
section#formdev-archive-product .products {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

section#formdev-archive-product .categories .category,
section#formdev-archive-product .categories .product,
section#formdev-archive-product .products .category,
section#formdev-archive-product .products .product {
    background: var(--e-global-color-primary) !important;
}

section#formdev-archive-product .products .product {
    width: 100%;
    float: none;
    padding: 0 0 25px 25px !important;
    height: 170px;
    overflow: hidden;
}

section#formdev-archive-product .categories .category .wrapper h2,
section#formdev-archive-product .categories .product .wrapper h2,
section#formdev-archive-product .products .category .wrapper h2,
section#formdev-archive-product .products .product .wrapper h2 {
    font-weight: bold;
    font-size: 22px;
    line-height: normal;
    text-transform: uppercase;
    color: var(--e-global-color-accent) !important;
}

/* ===========================
   TITRES
=========================== */
section#formdev-archive-product h1,
section#formdev-archive-product h2,
section#formdev-single-product .head h1,
section#formdev-single-product h2,
section#formdev-single-product h3 {
    color: var(--e-global-color-primary) !important;
}

/* ===========================
   BOUTONS ARCHIVE
=========================== */
section#formdev-archive-product .categories .category a,
section#formdev-archive-product .categories .product a,
section#formdev-archive-product .products .category a {
    display: inline-flex;
    position: absolute;
    bottom: 17px;
    left: 50%;
    transform: translateX(-50%);
    width: fit-content;
    white-space: nowrap;
    justify-content: center;
    align-items: center;
    padding: 8px 25px;
    border-radius: 20px;
    background: var(--e-global-color-accent);
    color: var(--e-global-color-primary);
    text-decoration: none;
    transition: background 0.25s ease, transform 0.2s ease, box-shadow 0.25s ease;
}

section#formdev-archive-product .categories .category a:hover,
section#formdev-archive-product .categories .product a:hover,
section#formdev-archive-product .products .category a:hover {
    background: #ffffff;
    color: var(--e-global-color-primary);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
    transform: translateX(-50%) translateY(-2px);
}

section#formdev-archive-product .products .product a {
    display: inline-flex;
    position: absolute;
    bottom: -35px;
    left: 0;
    width: fit-content;
    white-space: nowrap;
    justify-content: center;
    align-items: center;
    padding: 8px 25px;
    border-radius: 20px;
    background: var(--e-global-color-accent);
    color: var(--e-global-color-primary);
    text-decoration: none;
    transition: background 0.25s ease, transform 0.2s ease, box-shadow 0.25s ease;
}

section#formdev-archive-product .products .product a:hover {
    background: #ffffff;
    color: var(--e-global-color-primary);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
    transform: translateY(-2px);
}

/* ===========================
   SINGLE PRODUCT
=========================== */
section#formdev-single-product .fd-head {
    background: var(--e-global-color-primary) !important;
    border-radius: 20px;
}

section#formdev-single-product .fd-head a,
section#formdev-single-product .fd-head h1,
section#formdev-single-product section.sessions h2 {
    color: var(--e-global-color-accent) !important;
}

section#formdev-single-product .fd-head h1:after,
section#formdev-single-product section.sessions h2:after {
    height: 0;
}

section#formdev-single-product section.programme,
section#formdev-single-product section.stats,
section#formdev-single-product section.devis,
section#formdev-single-product section.programme div.picto,
section#formdev-single-product section.devis div.picto,
section#formdev-single-product section.programme div.title,
section#formdev-single-product section.programme a.title,
section#formdev-single-product section.devis div.title,
section#formdev-single-product section.devis a.title,
.formdev-planning-calendar .calendar-header .calendar-navigation .calendar-nav-btn {
    background: var(--e-global-color-primary) !important;
}

section#formdev-single-product section.sessions div.session a.inscription {
    font-size: 12px;
    color: var(--e-global-color-accent);
    background: var(--e-global-color-primary);
    padding: 5px 15px;
    border-radius: 20px;
    border: 1px solid var(--e-global-color-primary);
    transition: color 0.3s ease, background 0.3s ease;
}

section#formdev-single-product section.sessions div.session a.inscription:hover {
    background: transparent;
    color: var(--e-global-color-primary);
}

section#formdev-single-product section.sessions div.session a.programme,
section#formdev-single-product a.btn {
    font-size: 12px;
    color: var(--e-global-color-primary);
    display: inline-block;
    border: 1px solid var(--e-global-color-primary);
    padding: 5px 15px;
    border-radius: 20px;
    transition: color 0.3s ease, background 0.3s ease;
}

section#formdev-single-product section.sessions div.session a.programme:hover,
section#formdev-single-product a.btn:hover {
    background: var(--e-global-color-primary);
    color: var(--e-global-color-accent);
}

/* ===========================
   DIVERS
=========================== */
.places-dispo,
.session-places-dispo {
    margin-top: 15px;
}