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


.trp-language-switcher .trp-ls-language-name:hover {
    color: red!important;
}

/* TITRE AVEC BACKGROUND CARRÉ INCLINÉ - Style "Nouveautés" */

.display-table-cell .hongo-product-archive-title {
    position: relative;
    display: inline-block;
    padding: 0; /* Pas de padding, le texte déborde librement */
    
    /* Styles de texte basés sur Elementor */
    font-family: "Calsans", Sans-serif;
    font-size: 61px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 71px;
    color: #000000; /* Texte noir */
    
    /* Forcer le texte sur une seule ligne */
    white-space: nowrap;
    overflow: visible;
    
    z-index: 2;
    align-self: center;
}

/* Background carré incliné comme dans l'image */
.display-table-cell .hongo-product-archive-title::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300px; /* Plus large pour correspondre au style */
    height: 250px; /* Rectangle plutôt que carré parfait */
    background-color: #C7B396; /* Couleur beige */
    transform: translate(-50%, -50%) rotateZ(-8deg); /* Inclinaison -8deg */
    z-index: -1;
}

/* Container pour permettre le débordement */
.display-table-cell {
    overflow: visible;
    position: relative;
}

/* Container parent pour centrage */
.display-table.small-screen {
    overflow: visible;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .display-table-cell .hongo-product-archive-title {
        font-size: 45px;
        line-height: 55px;
        white-space: nowrap;
    }
    
    .display-table-cell .hongo-product-archive-title::before {
        width: 250px;
        height: 200px;
    }
}

@media (max-width: 480px) {
    .display-table-cell .hongo-product-archive-title {
        font-size: 35px;
        line-height: 45px;
        white-space: nowrap;
    }
    
    .display-table-cell .hongo-product-archive-title::before {
        width: 200px;
        height: 150px;
    }
}

/* Container pour centrer le diamant */
.display-table-cell {
    overflow: visible !important;
}

/* VARIANTE - Diamant plus étroit */
/*
.hongo-product-archive-title {
    padding: 15px 30px !important;
}
*/

/* VARIANTE - Diamant avec bordure */
/*
.hongo-product-archive-title::before {
    border: 3px solid rgba(199, 179, 150, 0.8) !important;
    background-color: rgba(199, 179, 150, 0.9) !important;
}
*/

/* VARIANTE - Effet ombre */
/*
.hongo-product-archive-title::before {
    box-shadow: 0 8px 20px rgba(199, 179, 150, 0.3) !important;
}
*/

/* VARIANTE - Diamant avec dégradé */
/*
.hongo-product-archive-title::before {
    background: linear-gradient(45deg, 
        rgb(199, 179, 150) 0%, 
        rgb(219, 199, 170) 50%, 
        rgb(199, 179, 150) 100%) !important;
}
*/

/* RESPONSIVE */
@media (max-width: 768px) {
    .hongo-product-archive-title {
        padding: 15px 25px !important;
        font-size: 24px !important;
    }
}

@media (max-width: 480px) {
    .hongo-product-archive-title {
        padding: 12px 20px !important;
        font-size: 20px !important;
    }
}