/*
Theme Name: Crafto Child
Theme URI: https://crafto.themezaa.com/
Author: ThemeZaa
Author URI: https://www.themezaa.com/
Description: Child theme for Crafto theme
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 8.0
Version: 1.0
License: Themeforest Split Licence
License URI: https://themeforest.net/licenses/
Text Domain: crafto-child
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, custom-background, custom-colors, flexible-header, custom-menu, editor-style, featured-images, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, blog, e-commerce
Template: crafto
*/

/* ===============================================
   AMBA CHILD THEME - Main Stylesheet
   =============================================== */

/* Base */
@import url('assets/css/base/variables.css');

/* Utilities */
@import url('assets/css/utilities/bootstrap-overrides.css');

/* Components */
@import url('assets/css/components/portfolio-content.css');
@import url('assets/css/components/project-card.css');
@import url('assets/css/components/filters.css');

.no-margin-text p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* Force la hauteur minimale à 100% pour les feature boxes (valeurs) */
.elementor-widget-crafto-feature-box,
.feature-box {
    min-height: 100% !important;
}


/* Force la hauteur minimale à 100% pour les feature swiper (témoignanes) */
.swiper-wrapper {
    align-items: stretch !important;
    /* Force les enfants à s'étirer */
}

.swiper-wrapper .swiper-slide {
    height: auto !important;
    /* Permet l'étirement */
}

.swiper-wrapper .testimonials-wrapper {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.swiper-wrapper .testimonials-wrapper .content-box {
    margin-top: auto !important;
    /* Pousse la box tout en bas */
}

.team-member-designation {
    text-align: center !important;
}

ul.grid.crafto-blog-list.hero-blog {
    gap: 3rem !important;
}

.steps-entrepreneur .crafto-tabs {
    min-height: 660px !important;
}

.nav-tabs {
    border-right: 1px solid var(--amba-light-gray) !important;
}

.process-step-item {
    justify-content: space-between !important;
}

/* Cible tous les widgets crafto-icon-box dans ce container */
.accompagnement .elementor-widget-crafto-icon-box {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}


.portfolio-image {
    background-color: white !important;
}

/* ===== PORTFOLIO - HEIGHT 100% SIMPLE ===== */

/* Container en flexbox pour que les items s'étirent */
ul.portfolio-list,
.portfolio-grid {
    display: flex !important;
    flex-wrap: wrap;
    align-items: stretch;
    /* Tous les items prennent la même hauteur */
}

/* Chaque item */
.portfolio-item {
    display: flex !important;
}

/* Propager le height: 100% à travers tous les conteneurs */
.portfolio-item .portfolio-box-wrap {
    display: flex !important;
    width: 100%;
    height: 100%;
}

.portfolio-item .portfolio-box-wrap>a {
    display: flex !important;
    width: 100%;
    height: 100%;
}

.portfolio-item .portfolio-box {
    display: flex !important;
    width: 100%;
    height: 100%;
}

/* La div image prend 100% de la hauteur */
.portfolio-item .portfolio-image {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100% !important;
    padding: 20px;
    background: #fff;
}

/* Image en contain */
.portfolio-item .portfolio-image img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

.portfolio-item .disable-overlay {
    height: 100% !important;
}



/**
 * ==============================================
 * PROCESS STEP ITEMS - AJUSTEMENTS TABLETTE/PORTABLE - AMBA
 * 3 items par ligne pour tablette paysage et portable
 * Ne touche pas aux autres breakpoints (desktop et mobile)
 * ==============================================
 */

/* TABLETTE PAYSAGE + PORTABLE (768px - 1199px) - 3 items par ligne */
@media (min-width: 768px) and (max-width: 1399px) {

    .process-step-box {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 20px;
    }

    .process-step-item {
        flex: 0 0 calc(33.333% - 14px) !important;
        max-width: calc(33.333% - 14px) !important;
        width: calc(33.333% - 14px) !important;
    }

    /* Masque le séparateur du 3e, 6e item (fin de ligne) */
    .process-step-item:nth-child(3n) .process-step-separator {
        display: none !important;
    }
}