/*
Theme Name:   FrameK Child
Theme URI:    https://smoothieprod.com
Description:  Child theme for FrameK
Author:       Smoothie Prod
Author URI:   https://smoothieprod.com
Template:     framek
Version:      1.0.0
Text Domain:  framek-child
*/

/* 
 * Vos styles personnalisés ci-dessous
 */

/* ========================================
 * MASQUER LE BREADCRUMB - VERSION ULTRA-AGRESSIVE
 * ======================================== */

/* Masquer sur les pages de projets */
.post-type-archive-framek_project .breadcrumb-listItem,
.tax-project_cat .breadcrumb-listItem,
body.archive.tax-project_cat .breadcrumb-listItem,
body[class*="project"] .breadcrumb-listItem {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Si ça ne fonctionne TOUJOURS pas, décommentez cette ligne (masque PARTOUT) */
/*
.breadcrumb-listItem {
    display: none !important;
}
*/

/* ========================================
 * PAGE D'ERREUR CATÉGORIES VIDES
 * ======================================== */

/* Ajouter de l'espace en haut pour éviter la superposition avec le logo */
.empty-category-container {
    padding-top: 220px !important;
}

/* Responsive : moins d'espace sur mobile */
@media (max-width: 768px) {
    .empty-category-container {
        padding-top: 140px !important;
    }
}

@media (max-width: 480px) {
    .empty-category-container {
        padding-top: 120px !important;
    }
}

/* ========================================
 * OPTIONS POUR LES CATÉGORIES VIDES
 * ======================================== */

/* Option 1 : Masquer complètement les catégories vides 
 * Décommentez (enlevez les //) pour activer */
/*
a[href*="/project-cat/corporate/"],
a[href*="/project-cat/strategie/"] {
    display: none !important;
}
*/

/* Option 2 : Désactiver le clic sur les catégories vides 
 * Décommentez (enlevez les //) pour activer */
/*
a[href*="/project-cat/corporate/"],
a[href*="/project-cat/strategie/"] {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
    position: relative;
}

a[href*="/project-cat/corporate/"]:after,
a[href*="/project-cat/strategie/"]:after {
    content: " (Bientôt disponible)";
    font-size: 0.8em;
    opacity: 0.7;
}
*/

/* ========================================
 * LOGO DE MARQUE PAR-DESSUS LA VIDÉO
 * ======================================== */

/* Container du logo - centré par-dessus la vidéo */
.project-brand-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    width: auto;
    max-width: 60%;
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Image du logo */
.project-brand-logo img {
    width: 100%;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.2));
}

/* Au hover : logo légèrement plus petit (optionnel) */
.project-item:hover .project-brand-logo {
    transform: translate(-50%, -50%) scale(0.95);
    opacity: 0.9;
}

/* Responsive : logo plus petit sur mobile */
@media (max-width: 768px) {
    .project-brand-logo {
        max-width: 50%;
    }
}

/* ========================================
 * PERSONNALISATION DU LOGO (décommentez pour utiliser)
 * ======================================== */

/* Option 1 : Logo plus petit */
/*
.project-brand-logo {
    max-width: 40%;
}
*/

/* Option 2 : Logo plus grand */
/*
.project-brand-logo {
    max-width: 80%;
}
*/

/* Option 3 : Logo avec fond blanc */
/*
.project-brand-logo {
    background: rgba(255, 255, 255, 0.95);
    padding: 25px;
    border-radius: 15px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}
*/

/* Option 4 : Logo disparaît au hover */
/*
.project-item:hover .project-brand-logo {
    opacity: 0;
}
*/

/* Option 5 : Logo dans le coin supérieur gauche */
/*
.project-brand-logo {
    top: 20px;
    left: 20px;
    transform: none;
    max-width: 30%;
}
*/

/* Option 6 : Logo dans le coin inférieur droit */
/*
.project-brand-logo {
    top: auto;
    bottom: 20px;
    left: auto;
    right: 20px;
    transform: none;
    max-width: 25%;
}
*/