/* =====================================================
 * DPEP mobile-fixes v8 — URGENCE BOUTON DETAIL UNIQUEMENT
 * Ne touche pas à la galerie, ne masque aucune photo.
 * Objectif : annuler les effets des essais galerie sur les cartes résultats.
 * ===================================================== */

@media (max-width: 767.98px) {
    /* Sécurité : aucune règle galerie ici. */

    /* Bouton Détail / Details sur les cartes résultats mobile */
    body:not(.single-property):not(.single-houzez_property) .item-listing-wrap a.btn-item,
    body:not(.single-property):not(.single-houzez_property) .item-wrap a.btn-item,
    body:not(.single-property):not(.single-houzez_property) .listing-view a.btn-item,
    body:not(.single-property):not(.single-houzez_property) .property-listing a.btn-item,
    body:not(.single-property):not(.single-houzez_property) .item-listing-wrap .item-body a.btn-item,
    body:not(.single-property):not(.single-houzez_property) .item-wrap .item-body a.btn-item {
        position: static !important;
        inset: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        z-index: auto !important;
        float: none !important;
        clear: both !important;
        transform: none !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 auto !important;

        width: auto !important;
        min-width: 92px !important;
        max-width: max-content !important;
        height: 32px !important;
        min-height: 32px !important;
        max-height: 32px !important;

        margin: 8px 0 0 auto !important;
        padding: 0 13px !important;
        border-radius: 999px !important;

        background: #21866f !important;
        border: 1px solid #21866f !important;
        color: #fff !important;

        font-size: 11px !important;
        line-height: 1 !important;
        font-weight: 800 !important;
        letter-spacing: 0 !important;
        text-align: center !important;
        text-transform: none !important;
        text-decoration: none !important;
        white-space: nowrap !important;

        box-shadow: none !important;
        opacity: 1 !important;
        overflow: hidden !important;
    }

    body:not(.single-property):not(.single-houzez_property) .item-listing-wrap a.btn-item *,
    body:not(.single-property):not(.single-houzez_property) .item-wrap a.btn-item *,
    body:not(.single-property):not(.single-houzez_property) .listing-view a.btn-item * {
        line-height: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
        color: inherit !important;
    }

    /* Si le bouton est dans une ligne flex d'icônes, il passe proprement à droite ou à la ligne suivante. */
    body:not(.single-property):not(.single-houzez_property) .item-listing-wrap .item-features-wrap a.btn-item,
    body:not(.single-property):not(.single-houzez_property) .item-wrap .item-features-wrap a.btn-item,
    body:not(.single-property):not(.single-houzez_property) .item-listing-wrap .item-amenities a.btn-item,
    body:not(.single-property):not(.single-houzez_property) .item-wrap .item-amenities a.btn-item {
        order: 99 !important;
        margin-left: auto !important;
    }
}

/* =====================================================
 * DPEP v10 — galerie mobile fiche bien uniquement
 * Générée côté PHP depuis les images du bien.
 * N'utilise pas les classes des cartes résultats.
 * ===================================================== */
.dpep-single-property-mobile-gallery {
    display: none;
}

@media (max-width: 767.98px) {
    body.single-property #pills-gallery,
    body.single-houzez_property #pills-gallery {
        overflow: hidden !important;
    }

    body.single-property #pills-gallery .dpep-single-property-mobile-gallery,
    body.single-houzez_property #pills-gallery .dpep-single-property-mobile-gallery {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        background: #f6f3ee !important;
        z-index: 5 !important;
    }

    body.single-property #pills-gallery:has(.dpep-single-property-mobile-gallery),
    body.single-houzez_property #pills-gallery:has(.dpep-single-property-mobile-gallery) {
        height: auto !important;
        min-height: 0 !important;
        background-image: none !important;
        background-color: #f6f3ee !important;
    }

    body.single-property #pills-gallery:has(.dpep-single-property-mobile-gallery) > :not(.dpep-single-property-mobile-gallery),
    body.single-houzez_property #pills-gallery:has(.dpep-single-property-mobile-gallery) > :not(.dpep-single-property-mobile-gallery) {
        display: none !important;
    }

    body.single-property #pills-gallery .dpep-single-property-mobile-gallery__track,
    body.single-houzez_property #pills-gallery .dpep-single-property-mobile-gallery__track {
        display: flex !important;
        width: 100% !important;
        height: clamp(260px, 70vw, 350px) !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        touch-action: pan-x pan-y !important;
        background: #f6f3ee !important;
    }

    body.single-property #pills-gallery .dpep-single-property-mobile-gallery__track::-webkit-scrollbar,
    body.single-houzez_property #pills-gallery .dpep-single-property-mobile-gallery__track::-webkit-scrollbar {
        display: none !important;
    }

    body.single-property #pills-gallery .dpep-single-property-mobile-gallery__slide,
    body.single-houzez_property #pills-gallery .dpep-single-property-mobile-gallery__slide {
        flex: 0 0 100% !important;
        min-width: 100% !important;
        width: 100% !important;
        height: clamp(260px, 70vw, 350px) !important;
        margin: 0 !important;
        padding: 0 !important;
        scroll-snap-align: start !important;
        background: #f6f3ee !important;
    }

    body.single-property #pills-gallery .dpep-single-property-mobile-gallery__slide img,
    body.single-houzez_property #pills-gallery .dpep-single-property-mobile-gallery__slide img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        object-fit: cover !important;
        object-position: center center !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: #f6f3ee !important;
    }

    body.single-property #pills-gallery .dpep-single-property-mobile-gallery__counter,
    body.single-houzez_property #pills-gallery .dpep-single-property-mobile-gallery__counter {
        position: absolute !important;
        right: 12px !important;
        bottom: 12px !important;
        z-index: 6 !important;
        padding: 6px 10px !important;
        border-radius: 999px !important;
        background: rgba(0,0,0,.62) !important;
        color: #fff !important;
        font-size: 12px !important;
        line-height: 1 !important;
        font-weight: 700 !important;
        pointer-events: none !important;
    }
}

/* =====================================================
 * DPEP mobile-fixes v11 — audit mobile transversal
 * Scope mobile uniquement. CSS d'abord, aucun impact requêtes.
 * Pages couvertes : accueil, acheter, régions/départements, typologies,
 * résultats et fiches annonces.
 * ===================================================== */
@media (max-width: 767.98px) {
    html,
    body {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    body img,
    body video,
    body iframe {
        max-width: 100% !important;
    }

    body .main-wrap,
    body .page-title-wrap,
    body .container,
    body .container-fluid {
        max-width: 100% !important;
    }

    /* Header mobile : logo plus compact pour éviter les sauts de hauteur. */
    body:not(.houzez-dashboard-body) .mobile-header,
    body:not(.houzez-dashboard-body) .header-mobile,
    body:not(.houzez-dashboard-body) .header-mobile-wrap {
        min-height: 64px !important;
    }

    body:not(.houzez-dashboard-body) .mobile-logo a {
        width: 94px !important;
        min-width: 94px !important;
        height: 60px !important;
        min-height: 60px !important;
    }

    body:not(.houzez-dashboard-body) .mobile-logo a::before {
        width: 78px !important;
        height: 54px !important;
    }

    /* Accueil : hero et moteur utilisables sans bloc trop haut. */
    body.home .dpep-hero,
    body.front-page .dpep-hero {
        min-height: auto !important;
        padding: 86px 16px 44px !important;
    }

    body.home .dpep-home .dpep-hero h1,
    body.front-page .dpep-home .dpep-hero h1 {
        font-size: clamp(31px, 9vw, 38px) !important;
        line-height: 1.04 !important;
        margin-bottom: 14px !important;
    }

    body.home .dpep-hero-subtitle,
    body.front-page .dpep-hero-subtitle {
        font-size: 15px !important;
        line-height: 1.58 !important;
        margin-bottom: 22px !important;
    }

    body.home .dpep-home .dpep-search,
    body.front-page .dpep-home .dpep-search {
        width: 100% !important;
        max-width: 420px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        border-radius: 16px !important;
        overflow: hidden !important;
        box-shadow: 0 14px 38px rgba(0,0,0,.22) !important;
    }

    body.home .dpep-home .dpep-search-field,
    body.front-page .dpep-home .dpep-search-field {
        min-width: 0 !important;
        padding: 12px 14px !important;
    }

    body.home .dpep-home .dpep-search-field label,
    body.front-page .dpep-home .dpep-search-field label,
    body.home .dpep-home .dpep-search-field select,
    body.front-page .dpep-home .dpep-search-field select,
    body.home .dpep-home .dpep-search-field input,
    body.front-page .dpep-home .dpep-search-field input {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.home .dpep-home .dpep-search-submit,
    body.front-page .dpep-home .dpep-search-submit {
        min-height: 52px !important;
        padding: 0 18px !important;
        border-radius: 10px !important;
    }

    body.home .dpep-hero-secondary,
    body.front-page .dpep-hero-secondary {
        margin-top: 18px !important;
        font-size: 13px !important;
        line-height: 1.45 !important;
    }

    body.home .dpep-hero-credit,
    body.front-page .dpep-hero-credit {
        display: none !important;
    }

    /* Accueil : sections et cartes plus compactes sur écran étroit. */
    body.home .dpep-section,
    body.front-page .dpep-section {
        padding: 54px 0 !important;
    }

    body.home .dpep-container,
    body.front-page .dpep-container {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    body.home .dpep-section-header,
    body.front-page .dpep-section-header {
        margin-bottom: 30px !important;
    }

    body.home .dpep-section-header h2,
    body.front-page .dpep-section-header h2 {
        font-size: 30px !important;
        line-height: 1.08 !important;
    }

    body.home .dpep-listings-row,
    body.front-page .dpep-listings-row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body.home .dpep-listings-row [class*="col-"],
    body.front-page .dpep-listings-row [class*="col-"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.home .dpep-home-property-image,
    body.front-page .dpep-home-property-image {
        aspect-ratio: 16 / 10 !important;
    }

    body.home .dpep-home-property-footer,
    body.front-page .dpep-home-property-footer {
        align-items: stretch !important;
        gap: 8px !important;
    }

    body.home .dpep-home-property-footer a,
    body.front-page .dpep-home-property-footer a {
        min-width: 104px !important;
        border-radius: 999px !important;
    }

    /* Accueil + Acheter : grilles images, éviter les libellés écrasés. */
    body.home .dpep-regions-grid,
    body.front-page .dpep-regions-grid,
    body.home .dpep-types-grid,
    body.front-page .dpep-types-grid,
    body.page-template-page-acheter .dpep-acheter-types-grid,
    body.page-template-page-acheter .dpep-acheter-regions-grid,
    body.page .dpep-acheter-types-grid,
    body.page .dpep-acheter-regions-grid {
        gap: 12px !important;
    }

    body.home .dpep-region-card-label,
    body.front-page .dpep-region-card-label,
    body.home .dpep-type-card-label,
    body.front-page .dpep-type-card-label,
    body.page .dpep-acheter-type-label,
    body.page .dpep-acheter-region-label {
        left: 16px !important;
        right: 16px !important;
        bottom: 16px !important;
    }

    body.home .dpep-region-card-label h3,
    body.front-page .dpep-region-card-label h3,
    body.home .dpep-type-card-label h3,
    body.front-page .dpep-type-card-label h3,
    body.page .dpep-acheter-type-label h3,
    body.page .dpep-acheter-region-label h3 {
        font-size: 20px !important;
        line-height: 1.08 !important;
        overflow-wrap: anywhere !important;
    }

    /* Page Acheter : moteur et CTA sans débordement. */
    body.page-template-page-acheter .dpep-acheter-hero,
    body.page .dpep-acheter-hero {
        padding: 76px 16px 54px !important;
    }

    body.page-template-page-acheter .dpep-acheter-hero h1,
    body.page .dpep-acheter-hero h1 {
        font-size: clamp(31px, 9vw, 38px) !important;
        line-height: 1.06 !important;
    }

    body.page-template-page-acheter .dpep-acheter-search,
    body.page .dpep-acheter-search {
        width: 100% !important;
        max-width: 420px !important;
        border-radius: 16px !important;
        overflow: hidden !important;
    }

    body.page-template-page-acheter .dpep-acheter-search-field,
    body.page .dpep-acheter-search-field {
        min-width: 0 !important;
    }

    body.page-template-page-acheter .dpep-acheter-search select,
    body.page .dpep-acheter-search select {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.page-template-page-acheter .dpep-acheter-cta-row,
    body.page .dpep-acheter-cta-row,
    body.page-template-page-acheter .dpep-acheter-final,
    body.page .dpep-acheter-final {
        text-align: center !important;
    }

    body.page-template-page-acheter .dpep-acheter-btn,
    body.page .dpep-acheter-btn,
    body.home .dpep-btn,
    body.front-page .dpep-btn {
        width: 100% !important;
        max-width: 360px !important;
        justify-content: center !important;
        text-align: center !important;
    }

    /* Régions / départements : mêmes pages, rendu compact sans toucher au PHP. */
    body .dpep-region-page,
    body .dpep-department-page,
    body .dpep-acheter-subpage {
        overflow-x: hidden !important;
    }

    body .dpep-region-hero,
    body .dpep-acheter-subhero {
        min-height: auto !important;
        padding: 86px 18px 66px !important;
    }

    body .dpep-region-hero:after,
    body .dpep-acheter-subhero:after {
        inset: 12px !important;
    }

    body .dpep-region-hero h1,
    body .dpep-acheter-subhero h1 {
        font-size: clamp(32px, 10vw, 40px) !important;
        line-height: 1.05 !important;
        overflow-wrap: anywhere !important;
    }

    body .dpep-region-hero p:not(.dpep-region-kicker),
    body .dpep-acheter-subhero p:not(.dpep-acheter-sub-kicker) {
        font-size: 15.5px !important;
        line-height: 1.62 !important;
        margin-bottom: 26px !important;
    }

    body .dpep-region-container,
    body .dpep-acheter-subcontainer {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    body .dpep-region-section,
    body .dpep-region-cta,
    body .dpep-acheter-subsection,
    body .dpep-acheter-subcta {
        padding-top: 62px !important;
        padding-bottom: 62px !important;
    }

    body .dpep-region-editorial-intro,
    body .dpep-acheter-useful-shell,
    body .dpep-acheter-premium-panel,
    body .dpep-region-seo-panel {
        padding: 24px 20px !important;
        border-radius: 14px !important;
    }

    body .dpep-region-content h2,
    body .dpep-region-header h2,
    body .dpep-region-cta h2,
    body .dpep-region-seo-panel h3,
    body .dpep-acheter-subintro-grid h2,
    body .dpep-acheter-subsection-header h2,
    body .dpep-acheter-subcta h2,
    body .dpep-acheter-subcontent h2,
    body .dpep-acheter-useful-main h2,
    body .dpep-acheter-premium-head h2,
    body .dpep-acheter-check-head h2 {
        font-size: clamp(30px, 8.6vw, 36px) !important;
        line-height: 1.08 !important;
    }

    body .dpep-region-content p,
    body .dpep-region-editorial-intro p,
    body .dpep-region-longcopy p,
    body .dpep-acheter-subcontent p,
    body .dpep-acheter-subintro-text p {
        font-size: 15.5px !important;
        line-height: 1.75 !important;
    }

    body .dpep-region-property-body,
    body .dpep-acheter-subproperty-body,
    body .dpep-region-region-body {
        padding: 22px 20px !important;
    }

    body .dpep-region-property-body h3,
    body .dpep-acheter-subproperty-body h3,
    body .dpep-region-region-body h3 {
        font-size: 25px !important;
        line-height: 1.12 !important;
    }

    body .dpep-region-related,
    body .dpep-acheter-related {
        justify-content: flex-start !important;
    }

    body .dpep-region-related a,
    body .dpep-acheter-related a,
    body .dpep-acheter-type-pills a,
    body .dpep-acheter-premium-chips a {
        width: 100% !important;
        justify-content: center !important;
        text-align: center !important;
        min-height: 46px !important;
        white-space: normal !important;
    }

    /* Résultats recherche : cartes lisibles et outils non collés. */
    body.dpep-recherche-biens-v1 .half-map-right-wrap,
    body.dpep-recherche-biens-v1 .listing-view,
    body.dpep-recherche-biens-v1 .property-listing,
    body.dpep-recherche-biens-v1 #houzez_ajax_container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        max-width: 100% !important;
    }

    body.dpep-recherche-biens-v1 .listing-tools-wrap,
    body.dpep-recherche-biens-v1 .page-title-wrap {
        border-radius: 14px !important;
    }

    body.dpep-recherche-biens-v1 .item-wrap,
    body.dpep-recherche-biens-v1 .item-listing-wrap {
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow: hidden !important;
    }

    body.dpep-recherche-biens-v1 .item-body,
    body.dpep-recherche-biens-v1 .item-footer {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    body.dpep-recherche-biens-v1 .item-title,
    body.dpep-recherche-biens-v1 .item-title a {
        font-size: 17px !important;
        line-height: 1.2 !important;
        overflow-wrap: anywhere !important;
    }

    body.dpep-recherche-biens-v1 .item-price-wrap,
    body.dpep-recherche-biens-v1 .item-price {
        max-width: 100% !important;
        white-space: normal !important;
    }

    /* Fiche annonce : titre, prix, infos et formulaires moins serrés. */
    body.single-property .property-title-price-wrap,
    body.single-houzez_property .property-title-price-wrap,
    body.single-property .property-detail-wrap,
    body.single-houzez_property .property-detail-wrap,
    body.single-property .property-overview-wrap,
    body.single-houzez_property .property-overview-wrap,
    body.single-property .property-description-wrap,
    body.single-houzez_property .property-description-wrap,
    body.single-property .property-address-wrap,
    body.single-houzez_property .property-address-wrap,
    body.single-property .property-features-wrap,
    body.single-houzez_property .property-features-wrap,
    body.single-property .property-form-wrap,
    body.single-houzez_property .property-form-wrap,
    body.single-property .agent-form,
    body.single-houzez_property .agent-form {
        border-radius: 14px !important;
        overflow: hidden !important;
    }

    body.single-property .property-title-price-wrap,
    body.single-houzez_property .property-title-price-wrap {
        padding-top: 18px !important;
    }

    body.single-property .property-title-price-wrap h1,
    body.single-houzez_property .property-title-price-wrap h1,
    body.single-property .property-title-wrap h1,
    body.single-houzez_property .property-title-wrap h1 {
        font-size: clamp(25px, 7.2vw, 32px) !important;
        line-height: 1.12 !important;
        overflow-wrap: anywhere !important;
    }

    body.single-property .property-price-wrap,
    body.single-houzez_property .property-price-wrap,
    body.single-property .item-price-wrap,
    body.single-houzez_property .item-price-wrap {
        text-align: left !important;
        max-width: 100% !important;
        white-space: normal !important;
    }

    body.single-property .property-overview-wrap ul,
    body.single-houzez_property .property-overview-wrap ul,
    body.single-property .property-overview-data,
    body.single-houzez_property .property-overview-data {
        gap: 10px !important;
    }

    body.single-property .property-form-wrap input,
    body.single-houzez_property .property-form-wrap input,
    body.single-property .property-form-wrap textarea,
    body.single-houzez_property .property-form-wrap textarea,
    body.single-property .agent-form input,
    body.single-houzez_property .agent-form input,
    body.single-property .agent-form textarea,
    body.single-houzez_property .agent-form textarea,
    body.single-property .agent-form .btn,
    body.single-houzez_property .agent-form .btn {
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media (max-width: 430px) {
    body.home .dpep-regions-grid,
    body.front-page .dpep-regions-grid,
    body.page-template-page-acheter .dpep-acheter-regions-grid,
    body.page .dpep-acheter-regions-grid {
        grid-template-columns: 1fr !important;
    }

    body.home .dpep-types-grid,
    body.front-page .dpep-types-grid,
    body.page-template-page-acheter .dpep-acheter-types-grid,
    body.page .dpep-acheter-types-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.home .dpep-type-card,
    body.front-page .dpep-type-card,
    body.page .dpep-acheter-type-card {
        aspect-ratio: 1 / 1.12 !important;
    }

    body.home .dpep-region-card,
    body.front-page .dpep-region-card,
    body.page .dpep-acheter-region-card {
        aspect-ratio: 16 / 10 !important;
    }
}


/* =====================================================
 * DPEP mobile-fixes v22 — header mobile propre
 * Base : fichier mobile-fixes.css d'origine, sans cumul V12→V21.
 * Objectif :
 * - barre mobile bleue compacte ;
 * - logo mobile blanc normal ;
 * - ne PAS toucher à .nav-mobile pour préserver le menu Houzez natif.
 * ===================================================== */
@media (max-width: 767.98px) {
    body:not(.houzez-dashboard-body) .header-mobile {
        background: #1F4E79 !important;
        background-color: #1F4E79 !important;
        height: 60px !important;
        min-height: 60px !important;
        max-height: 60px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    body:not(.houzez-dashboard-body) .header-mobile .container,
    body:not(.houzez-dashboard-body) .header-mobile .container-fluid {
        height: 60px !important;
        min-height: 60px !important;
        max-height: 60px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        display: flex !important;
        align-items: center !important;
    }

    body:not(.houzez-dashboard-body) .header-mobile .logo-mobile {
        width: 58px !important;
        min-width: 58px !important;
        max-width: 58px !important;
        height: 56px !important;
        min-height: 56px !important;
        max-height: 56px !important;
        margin: 2px auto 0 auto !important;
        padding: 0 !important;
        background: transparent url('../images/dpep-logo-header-mobile-white.png') center center / contain no-repeat !important;
        line-height: 0 !important;
        font-size: 0 !important;
    }

    body:not(.houzez-dashboard-body) .header-mobile .logo-mobile a,
    body:not(.houzez-dashboard-body) .header-mobile .logo-mobile a.navbar-brand {
        display: block !important;
        width: 58px !important;
        min-width: 58px !important;
        max-width: 58px !important;
        height: 56px !important;
        min-height: 56px !important;
        max-height: 56px !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        line-height: 0 !important;
        font-size: 0 !important;
    }

    body:not(.houzez-dashboard-body) .header-mobile .logo-mobile img,
    body:not(.houzez-dashboard-body) .header-mobile .logo-mobile a img {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
    }

    body:not(.houzez-dashboard-body) .header-mobile a,
    body:not(.houzez-dashboard-body) .header-mobile button,
    body:not(.houzez-dashboard-body) .header-mobile i {
        color: #fff !important;
    }
}

/* =====================================================
 * DPEP mobile-fixes v25 — fermeture visible du panneau Mon espace
 * Utilise le bouton Houzez/Bootstrap existant : pas de bouton ajouté, pas de JS.
 * ===================================================== */
@media (max-width: 767.98px) {
    body:not(.houzez-dashboard-body) #hz-offcanvas-login-register {
        z-index: 1055 !important;
    }

    body:not(.houzez-dashboard-body) #hz-offcanvas-login-register .offcanvas-header {
        position: relative !important;
        min-height: 58px !important;
        padding-right: 68px !important;
    }

    body:not(.houzez-dashboard-body) #hz-offcanvas-login-register .offcanvas-header .btn-close,
    body:not(.houzez-dashboard-body) #hz-offcanvas-login-register button.btn-close[data-bs-dismiss="offcanvas"] {
        position: absolute !important;
        top: 10px !important;
        right: 12px !important;
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid rgba(31,78,121,.18) !important;
        border-radius: 999px !important;
        background: #ffffff !important;
        background-color: #ffffff !important;
        background-image: none !important;
        color: #1F4E79 !important;
        opacity: 1 !important;
        visibility: visible !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-shadow: 0 10px 24px rgba(0,0,0,.18) !important;
        z-index: 1065 !important;
        pointer-events: auto !important;
        cursor: pointer !important;
        -webkit-tap-highlight-color: transparent !important;
        text-indent: 0 !important;
        overflow: visible !important;
    }

    body:not(.houzez-dashboard-body) #hz-offcanvas-login-register .offcanvas-header .btn-close::before,
    body:not(.houzez-dashboard-body) #hz-offcanvas-login-register button.btn-close[data-bs-dismiss="offcanvas"]::before {
        content: "×" !important;
        display: block !important;
        color: #1F4E79 !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 31px !important;
        font-weight: 300 !important;
        line-height: 38px !important;
        margin-top: -2px !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    body:not(.houzez-dashboard-body) #hz-offcanvas-login-register .offcanvas-header .btn-close i,
    body:not(.houzez-dashboard-body) #hz-offcanvas-login-register button.btn-close[data-bs-dismiss="offcanvas"] i {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
}