/*
Theme Name: Menuiserie Haget
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/
Version: 4.8.12.1739349257
Updated: 2025-02-12 09:34:17
*/

/* ===========================
   IMAGES DROP SHADOW
   =========================== */

figure:not(.carteMH) img {
    -webkit-filter: drop-shadow(0px 0px 5px #00000070) !important;
            filter: drop-shadow(0px 0px 5px #00000070) !important;
}

.shadow {
    -webkit-box-shadow: 0px 0px 5px -2px #00000070 !important;
            box-shadow: 0px 0px 5px -2px #00000070 !important;
}

/* ===========================
   CARDS
   =========================== */

.card_pro {
    -webkit-transition: all 0.4s ease;
       -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
            transition: all 0.4s ease;
}

.cardHD figcaption {
    padding-inline: 10px;
}

.pro_cards_container {
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

/* ===========================
   STICKY HEADER
   =========================== */

.site-header.unpinned .ast-primary-header-bar {
    position: fixed;
    -webkit-align-items: center;
       -moz-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    top: 0;
    left: 0;
    border-bottom: 1px solid #2c3e500d;
    -webkit-box-shadow: 0px 0px 5px -1px #00000070;
            box-shadow: 0px 0px 5px -1px #00000070;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
            transition: all 0.5s ease;
    -webkit-animation: stuckMoveDown .7s;
       -moz-animation: stuckMoveDown .7s;
            animation: stuckMoveDown .7s;
    z-index: 9999 !important;
}

.site-header.unpinned .ast-primary-header-bar .custom-logo-link img {
    width: 160px !important;
}

/* ===========================
   SINGLE POST HEADER
   =========================== */

@media screen and (min-width: 1300px) {
    .single.ast-page-builder-template .entry-header {
        max-width: 1300px;
    }
}

@media screen and (max-width: 1300px) {
    .single.ast-page-builder-template .entry-header {
        margin-inline: 32px;
    }
}

@media screen and (max-width: 544px) {
    .single.ast-page-builder-template .entry-header {
        margin-inline: 24px;
    }
}

/* ===========================
   RESPONSIVE
   =========================== */

@media screen and (max-width: 1200px) {
    .banniere {
        min-height: 50vh !important;
    }

    .cardHD h3,
    .cardHD figcaption {
        opacity: 1 !important;
        -webkit-transform: translate3d(0, 0px, 0) !important;
           -moz-transform: translate3d(0, 0px, 0) !important;
            -ms-transform: translate3d(0, 0px, 0) !important;
                transform: translate3d(0, 0px, 0) !important;
    }
}

/* ===========================
   BUTTONS / ZOOM
   =========================== */

.ast-custom-button,
.wp-block-button__link,
.ast-outline-button,
.zoom {
    -webkit-transform: scale(0.95);
       -moz-transform: scale(0.95);
        -ms-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-transition: all 0.4s ease !important;
       -moz-transition: all 0.4s ease !important;
        -ms-transition: all 0.4s ease !important;
            transition: all 0.4s ease !important;
}

.ast-custom-button:hover,
.wp-block-button__link:hover,
.ast-outline-button:hover,
.zoom:hover {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

/* ===========================
   STICKY ANIMATION
   =========================== */

@-webkit-keyframes stuckMoveDown {
    0% {
        -webkit-transform: translateY(-40%);
                transform: translateY(-40%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
        opacity: 1;
    }
}

@-moz-keyframes stuckMoveDown {
    0% {
        -moz-transform: translateY(-40%);
             transform: translateY(-40%);
        opacity: 0;
    }
    100% {
        -moz-transform: translateY(0);
             transform: translateY(0);
        opacity: 1;
    }
}

@keyframes stuckMoveDown {
    0% {
        -webkit-transform: translateY(-40%);
           -moz-transform: translateY(-40%);
                transform: translateY(-40%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
           -moz-transform: translateY(0);
                transform: translateY(0);
        opacity: 1;
    }
}

/* ===========================
   FOOTER
   =========================== */

.site-primary-footer-inner-wrap {
    border-bottom: 2px solid #b63c35;
}

/* ===========================
   SPECTRA CONTAINER RADIUS
   =========================== */

body .wp-block-uagb-container > .uagb-container-inner-blocks-wrap > *:not(.wp-block-uagb-container):not(.wp-block-uagb-column):not(.wp-block-uagb-container):not(.wp-block-uagb-section):not(.uagb-container__shape):not(.uagb-container__video-wrap):not(.wp-block-spectra-pro-register):not(.wp-block-spectra-pro-login):not(.uagb-slider-container):not(.spectra-image-gallery__control-lightbox):not(.wp-block-uagb-info-box) {
    border-radius: 15px;
}

p strong,
.uagb-icon-list__label strong {
    color: #552910;
}

/* ===========================
   MG CARD (glassmorphism)
   =========================== */

.MGcard {
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2) !important;
            box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2) !important;
    background: rgba(255, 255, 255, 1) !important;
    -webkit-backdrop-filter: blur(20px) !important;
            backdrop-filter: blur(20px) !important;
    border-radius: 20px !important;
    -webkit-transition: all 0.4s ease !important;
       -moz-transition: all 0.4s ease !important;
        -ms-transition: all 0.4s ease !important;
            transition: all 0.4s ease !important;
    -webkit-align-items: start !important;
       -moz-align-items: start !important;
        -ms-flex-align: start !important;
            align-items: start !important;
}

.MGcard:hover {
    -webkit-transform: translateY(-10px) !important;
       -moz-transform: translateY(-10px) !important;
        -ms-transform: translateY(-10px) !important;
            transform: translateY(-10px) !important;
    -webkit-box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2) !important;
            box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2) !important;
}

/* ===========================
   PORTFOLIO FILTER
   =========================== */

.vp-filter__item {
    margin-inline: 10px;
}

.vp-filter__item a {
    text-decoration: none !important;
}

.vp-filter__item.vp-filter__item-active,
.vp-filter__item:hover {
    background: #371706;
    border-radius: 30px;
}

.vp-filter__item.vp-filter__item-active a,
.vp-filter__item:hover a {
    color: #fff !important;
}

/* ===========================
   POST NAVIGATION / CONTENT
   =========================== */

.navigation.post-navigation {
    display: none;
}

.content-area.primary {
    margin-top: 0px !important;
}

/* ===========================
   HEADER ICONS
   =========================== */

.ahfb-svg-iconset svg {
    width: 24px;
    height: 24px;
    -webkit-transition: none;
       -moz-transition: none;
        -ms-transition: none;
            transition: none;
}

/* ===========================
   IMAGE OVERLAY LINK
   =========================== */

.wp-block-uagb-image {
    position: relative;
}

.wp-block-uagb-image a.wp-block-uagb-image--layout-overlay-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

/* ===========================
   SCROLL TO TOP
   =========================== */

#ast-scroll-top {
    bottom: 15px;
    right: 15px;
}