/*
Theme Name: Itqore child
Template:   itqore
Theme URI: https://itqore.themeht.com/
Author: Themeht
Author URI: https://www.themeht.com
Description: Itqore - Child Theme
Version: 2.5.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: itqore
Tags: one-column, two-columns, right-sidebar, custom-logo, custom-menu, threaded-comments, translation-ready, left-sidebar, custom-background, custom-colors, custom-header, featured-images, sticky-post
*/
/* === LOXYS : alignement des images des cartes services (accueil) === */
.service-item.style-3 .service-title {
    min-height: 144px; /* reserve 4 lignes de titre pour aligner les images */
}
@media (max-width: 767px) {
    /* mobile : une seule colonne, pas besoin de reserver la hauteur */
    .service-item.style-3 .service-title { min-height: 0; }
}

/* === LOXYS : titres des cartes services en mobile (evite le debordement du titre) === */
@media (max-width: 767px) {
    /* en-tete de carte : icone au-dessus du titre pour laisser toute la largeur au texte */
    .service-item.style-3 .service-desc {
        flex-direction: column;
        align-items: flex-start;
    }
    /* titre reduit + coupure des mots longs (Developpement, Videosurveillance...) */
    .service-item.style-3 .service-title h4,
    .service-item.style-3 .service-title h4 a {
        font-size: 20px;
        line-height: 1.3;
        overflow-wrap: break-word;
        word-break: break-word;
        -webkit-hyphens: auto;
        hyphens: auto;
    }
}

/* === LOXYS : onglets services en mobile - regrouper Professionnels + Particuliers en haut === */
/* Par defaut Elementor passe les nested-tabs en accordeon sur mobile et place le bouton
   "Particuliers" tout en bas, apres les cartes "Professionnels". On remet les 2 boutons en haut. */
@media (max-width: 767px) {
    .elementor-element-7d24dfc .e-n-tabs-heading {
        display: flex !important;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 10px;
        order: 0 !important;
    }
    .elementor-element-7d24dfc .e-n-tabs-content {
        display: block !important;
        order: 1 !important;
    }
    .elementor-element-7d24dfc .e-n-tabs-heading .e-n-tab-title {
        order: 0 !important;
        flex: 1 1 auto;
    }
}

/* === LOXYS : section processus en mobile - empiler la grille (etapes + carte detail) === */
/* Par defaut .proc-inner est une grille 2 colonnes figee (247px + 186px = 433px) qui
   deborde sur mobile et comprime les etapes. On passe en 1 colonne pleine largeur. */
@media (max-width: 767px) {
    .elementor-element-ce8cdc5 .proc-inner {
        grid-template-columns: 1fr !important;
        gap: 24px;
    }
}

/* === LOXYS : section contact (Adresse/Telephone/E-mail/Depannage) en mobile - recentrer === */
/* Le conteneur .elementor-element-50904fd a un padding-left de 161px (valeur desktop)
   qui pousse tout le contenu vers la droite sur mobile. On remet un padding symetrique
   et on met les blocs en pleine largeur pour un centrage propre. */
@media (max-width: 767px) {
    .elementor-element-50904fd {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .elementor-element-50904fd > .elementor-widget {
        width: 100% !important;
    }
}

/* === LOXYS : initiales a la place des photos de l'equipe (en attendant les vraies photos) === */
.team-member.style-1 .team-images.loxys-has-initials > img { visibility: hidden !important; }
.team-member.style-1 .team-images .loxys-initials {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(160deg, #e9f0f9 0%, #cfe0f2 100%);
    color: #2c2f40;
    font-weight: 800;
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    letter-spacing: 1px;
    line-height: 1;
    z-index: 0;
}

/* === LOXYS : masquer le fil d'Ariane sur les archives de service_category (titre seul) === */
body.tax-service_category .page-title .page-breadcrumb { display: none !important; }

/* === LOXYS : masquer la meta (auteur/date/commentaires/favori) des cartes sur les archives service_category === */
body.tax-service_category .post-card .post-bottom { display: none !important; }

/* === LOXYS : masquer le fil d'Ariane sur Mentions legales (3925) et Politique de confidentialite (3) === */
body.page-id-3925 .page-title .page-breadcrumb,
body.page-id-3 .page-title .page-breadcrumb { display: none !important; }

/* === LOXYS : sur les archives service_category, ne garder que la recherche dans la sidebar === */
body.tax-service_category .col-lg-3 .themeht-widget { display: none !important; }
body.tax-service_category .col-lg-3 .themeht-widget.widget_block.widget_search { display: block !important; }