/*
	Theme Name:   Haviland
	Theme URI:    http://themeforest.net/item/savoy-minimalist-ajax-woocommerce-theme/12537825
	Description:  Savoy child theme
	Author:       daily agency
	Author URI:   https://www.dailyagency.fr
	Template:     savoy
	Version:      1.0.0
*/


/* Child theme CSS
--------------------------------------------------------------- */

/* ---------------------------------------------------------------
   Footer "SUIVEZ-NOUS" block – ClickUp 869czduj9
   The footer social block is a Custom HTML widget (DB content).
   We don't touch the markup (the page HTML is served from the
   WP Rocket cache, so a PHP rewrite wouldn't show); the whole
   layout is done in CSS against its stable markup:

     <div class="custom-html-widget">
       <img class="logo">                 -> hidden
       <a .social-link facebook><i></i></a>
       <a .social-link instagram><i></i></a>
       <a .social-link pinterest><i></i></a> -> hidden
       <a .social-link wa.me><i></i></a>      (injected in PHP)
       <p>Inscrivez-vous à la newsletter</p>  -> hidden
       <a .the-btn-newsletter>Inscription</a>
     </div>

   Result: a "SUIVEZ-NOUS" title, then the 4 icons on one line,
   same size and same spacing, newsletter first, then Facebook,
   Instagram, WhatsApp. No Pinterest, no surrounding text.
--------------------------------------------------------------- */

/* Make the widget a single flex row; the title (injected in PHP as
   a real, translatable .nm-widget-title element) spans the full
   width so the icons sit on one line below it. */
.nm-footer-widgets .custom-html-widget {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px;
}

/* Title: keep the theme's .nm-widget-title look (inherited), just
   place it first on its own line and match the uppercase casing of
   the other footer titles. */
.nm-footer-widgets .custom-html-widget .nm-widget-title {
    order: -2;
    flex: 0 0 100%;
    margin: 0;
    text-transform: uppercase;
}

/* Hide everything that isn't one of the 4 icons. */
.nm-footer-widgets .custom-html-widget img.logo,
.nm-footer-widgets .custom-html-widget p,
.nm-footer-widgets .social-link[href*="pinterest"] {
    display: none !important;
}

/* All 4 icons: identical box, no per-item margin (spacing comes
   from the flex `gap` -> même taille, même espacement). */
.nm-footer-widgets .social-link,
.nm-footer-widgets .the-btn-newsletter {
    order: 0;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    font-size: 0;
    line-height: 1;
}

/* Newsletter goes first. */
.nm-footer-widgets .the-btn-newsletter {
    order: -1;
}

.nm-footer-widgets .social-link i,
.nm-footer-widgets .the-btn-newsletter:before {
    content: "";
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    vertical-align: middle;
    transition: opacity .25s ease-in-out;
}

.nm-footer-widgets .social-link:hover i,
.nm-footer-widgets .the-btn-newsletter:hover:before {
    opacity: .6;
}

/* Newsletter / Facebook / Instagram: brand pictos instead of the
   Font Awesome glyphs. */
.nm-footer-widgets .social-link[href*="facebook"] i:before,
.nm-footer-widgets .social-link[href*="instagram"] i:before {
    content: "";
    display: none;
}

.nm-footer-widgets .the-btn-newsletter:before {
    background-image: url("assets/img/icon-newsletter.png");
}

.nm-footer-widgets .social-link[href*="facebook"] i {
    background-image: url("assets/img/social-facebook.png");
}

.nm-footer-widgets .social-link[href*="instagram"] i {
    background-image: url("assets/img/social-instagram.png");
}

/* WhatsApp: Font Awesome glyph, sized/coloured to match the pictos. */
.nm-footer-widgets .social-link[href*="wa.me"] i,
.nm-footer-widgets .social-link[href*="whatsapp"] i {
    font-size: 26px;
    color: #000;
}

/* Footer bar logo: white "H" monogram (ClickUp 869etcc5c), rendered
   at the same height as the previous "Haviland Limoges 1842" wordmark
   (72px desktop / 60px mobile, ClickUp 869czduj9). The artwork is
   portrait (542x627), so at that height it is ~62px wide.
   The parent theme caps the image with
   `.nm-footer-bar-logo img { max-height: 30px }` (savoy/style.css),
   so we must override max-height too. */
.nm-footer-bar-logo {
    margin-bottom: 12px;
}

.nm-footer-bar .nm-footer-bar-logo img {
    display: inline-block;
    height: 72px !important;
    max-height: none !important;
    width: auto !important;
}

@media all and (max-width: 991px) {
    .nm-footer-bar .nm-footer-bar-logo img {
        height: 60px !important;
    }
}

/* ---------------------------------------------------------------
   Header logo – ClickUp 869czduj9
   Reduced by 20% vs. the theme option heights (69 / 32 / 30 px).
   High specificity + !important to win over the theme's inline
   "!important" custom CSS.
--------------------------------------------------------------- */
.nm-header .nm-header-logo a img.nm-logo,
.nm-header .nm-header-logo a img.nm-alt-logo {
    height: 55px !important;
}

@media all and (max-width: 991px) {
    .nm-header .nm-header-logo a img.nm-logo,
    .nm-header .nm-header-logo a img.nm-alt-logo,
    .home .nm-header .nm-header-logo a img.nm-logo {
        height: 26px !important;
    }
}

@media all and (max-width: 400px) {
    .nm-header .nm-header-logo a img.nm-logo,
    .nm-header .nm-header-logo a img.nm-alt-logo,
    .home .nm-header .nm-header-logo a img.nm-logo {
        height: 24px !important;
    }
}