/* Espace Chasse Suite 1.5.4 — Footer consolidé * Le footer et la newsletter sont désormais stylés uniquement dans ce fichier. */ .ec-footer { --ec-footer-green: #21372a; --ec-footer-green-dark: #182b20; --ec-footer-bronze: #bd8743; --ec-footer-bronze-light: #d3ab75; --ec-footer-ivory: #f5f2eb; width: 100%; margin: 0 !important; background: var(--ec-footer-green); color: #fff; } .ec-footer, .ec-footer * { box-sizing: border-box; } /* Le module ajoute la classe sur depuis le , avant le rendu du body. * Le footer natif est donc neutralisé dès le premier affichage, sans attendre * DOMContentLoaded et sans remplacer le template du thème. */ html.ec-suite-footer-enabled #footer, html.ec-suite-footer-enabled #footer.footer { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: var(--ec-footer-green, #21372a) !important; } html.ec-suite-footer-enabled #footer > .footer__before, html.ec-suite-footer-enabled #footer .footer__main-bottom, html.ec-suite-footer-enabled #footer .copyright:not(.ec-footer-copyright), html.ec-suite-footer-enabled #footer a[href*="prestashop-project"] { display: none !important; } html.ec-suite-footer-enabled #footer .footer__main, html.ec-suite-footer-enabled #footer .footer__main > .container, html.ec-suite-footer-enabled #footer .footer__main > .container-fluid { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: #21372a !important; } html.ec-suite-footer-enabled #footer .footer__main-top { display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } /* On masque uniquement les blocs visuels natifs. Les modales techniques * (favoris, connexion, etc.) restent dans le DOM et continuent de fonctionner. */ html.ec-suite-footer-enabled #footer .footer__main-top > .ps-linklist, html.ec-suite-footer-enabled #footer .footer__main-top > .ps-customeraccountlinks, html.ec-suite-footer-enabled #footer .footer__main-top > .ps-contactinfo { display: none !important; } html.ec-suite-footer-enabled #footer .footer__main-top > .ec-footer { display: block !important; width: 100% !important; max-width: none !important; flex: 0 0 100% !important; margin: 0 !important; padding: 0 !important; } .ec-native-footer-hidden { display: none !important; } /* Newsletter -------------------------------------------------------------- */ .ec-footer-newsletter { display: grid; grid-template-columns: minmax(0, 1fr) minmax(29rem, .95fr); align-items: center; gap: clamp(1.5rem, 4vw, 4.5rem); width: min(100%, 90rem); margin: 0 auto; padding: 1.6rem 1rem; border-bottom: 1px solid rgba(255,255,255,.22); } .ec-footer-newsletter__intro { display: flex; align-items: center; gap: 1rem; min-width: 0; } .ec-footer-newsletter__icon { display: grid; flex: 0 0 3.7rem; width: 3.7rem; height: 2.9rem; place-items: center; } .ec-footer-newsletter__icon svg { width: 100%; height: 100%; fill: none; stroke: #fff; stroke-width: 1.5; } .ec-footer-newsletter h2 { margin: 0 0 .28rem; color: #fff; font-size: 1.02rem; font-weight: 700; line-height: 1.25; letter-spacing: .04em; text-transform: uppercase; } .ec-footer-newsletter__intro p { max-width: 38rem; margin: 0; color: rgba(255,255,255,.76); font-size: .84rem; line-height: 1.45; } .ec-footer-newsletter__form { width: 100%; min-width: 0; } .ec-newsletter-form { display: grid; grid-template-columns: minmax(0, 1fr) 10rem; align-items: start; gap: .5rem .55rem; width: 100%; min-width: 0; margin: 0; } .ec-newsletter-form__email, .ec-newsletter-form__submit { box-sizing: border-box; height: 3rem; margin: 0; border-radius: 3px; box-shadow: none; } .ec-newsletter-form__email { width: 100%; min-width: 0; padding: 0 .95rem; border: 1px solid #d8d3c7; background: #fff; color: #1d2a21; font-size: .9rem; } .ec-newsletter-form__email:focus { border-color: var(--ec-footer-bronze); outline: 2px solid rgba(189,135,67,.22); outline-offset: 1px; } .ec-newsletter-form__submit { width: 10rem; min-width: 10rem; padding: 0 .8rem; border: 0; background: var(--ec-footer-bronze); color: #fff; cursor: pointer; font-size: .76rem; font-weight: 700; letter-spacing: .045em; text-transform: uppercase; } .ec-newsletter-form__submit:hover, .ec-newsletter-form__submit:focus { background: #d09246; } .ec-newsletter-form__consent { grid-column: 1 / -1; display: flex; align-items: flex-start; gap: .5rem; width: 100%; min-width: 0; margin: 0; color: rgba(255,255,255,.78); cursor: pointer; font-size: .69rem; line-height: 1.35; text-align: left; } .ec-newsletter-form__consent input { flex: 0 0 auto; width: 1rem; height: 1rem; margin: .12rem 0 0; border: 1px solid var(--ec-footer-bronze-light); accent-color: var(--ec-footer-bronze); } .ec-newsletter-form__consent span, .ec-newsletter-form__consent p { min-width: 0; margin: 0; color: inherit; font: inherit; line-height: inherit; } .ec-newsletter-form__consent a { color: #e0b982 !important; text-decoration: underline !important; } .ec-newsletter-form__alerts { grid-column: 1 / -1; margin: 0 0 .5rem; } .ec-newsletter-form__alerts .alert { width: 100%; margin: 0 !important; padding: .55rem .7rem !important; border: 1px solid rgba(255,255,255,.32) !important; background: rgba(255,255,255,.08) !important; color: #fff !important; font-size: .78rem !important; } /* Corps du footer ---------------------------------------------------------- */ .ec-footer-main { display: grid; grid-template-columns: minmax(14rem, 1.15fr) minmax(0, 3.7fr) minmax(9rem, .8fr); gap: 2.5rem; width: min(100%, 90rem); margin: 0 auto; padding: 1.8rem 1rem 1.5rem; } .ec-footer-brand { max-width: 26rem; } .ec-footer-brand__logo img, .ec-footer-brand__logo .logo { width: auto !important; max-width: 12rem !important; max-height: 5.6rem !important; filter: brightness(0) invert(1); } .ec-footer-brand p { max-width: 22rem; margin: .9rem 0 0; color: rgba(255,255,255,.72); font-size: .8rem; line-height: 1.55; } .ec-footer-links { display: grid; grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr)); gap: 1.5rem; } .ec-footer-column h2, .ec-footer-social h2 { margin: 0 0 .75rem; color: #fff; font-size: .78rem; font-weight: 700; letter-spacing: .045em; text-transform: uppercase; } .ec-footer-column ul { margin: 0; padding: 0; list-style: none; } .ec-footer-column li + li { margin-top: .4rem; } .ec-footer-column a, .ec-footer a { color: rgba(255,255,255,.74) !important; font-size: .78rem; text-decoration: none; } .ec-footer-column a:hover, .ec-footer-column a:focus, .ec-footer a:hover, .ec-footer a:focus { color: var(--ec-footer-bronze-light) !important; text-decoration: none; } .ec-footer-social__links { display: flex; align-items: center; gap: .75rem; } .ec-footer-social__links a { display: grid; width: 2.1rem; height: 2.1rem; place-items: center; color: #fff !important; } .ec-footer-social__links svg { width: 1.55rem; height: 1.55rem; fill: none; stroke: currentColor; stroke-width: 1.7; } .ec-footer-social__links a:nth-child(2) svg path { fill: currentColor; stroke: none; } .ec-footer-extra { width: min(100%, 90rem); margin: 0 auto; padding: 0 1rem 1.25rem; } .ec-footer-extra:empty { display: none; } .ec-footer-copyright { padding: .75rem 1rem; border-top: 1px solid rgba(255,255,255,.18); color: rgba(255,255,255,.7); font-size: .72rem; text-align: center; } /* Badge panier ------------------------------------------------------------- */ .ec-header-actions a, .ec-header-actions .header-block { position: relative; overflow: visible; } .ec-header-actions .cart-products-count, .ec-header-actions .blockcart__count, .ec-header-actions .header-block__badge, .ec-header-actions .badge { position: absolute !important; top: -.35rem !important; right: -.35rem !important; left: auto !important; bottom: auto !important; z-index: 2; display: grid !important; width: 1.15rem !important; height: 1.15rem !important; place-items: center; margin: 0 !important; padding: 0 !important; translate: none !important; border-radius: 50%; background: var(--ec-footer-bronze) !important; color: #fff !important; font-size: .65rem !important; line-height: 1 !important; } .ec-header-actions .ec-badge-hidden { display: none !important; } @media (max-width: 991.98px) { .ec-footer-newsletter { grid-template-columns: 1fr; gap: 1rem; } .ec-footer-main { grid-template-columns: 1fr; } .ec-footer-links { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ec-footer-brand p { max-width: 34rem; } .ec-footer-social { display: flex; align-items: center; justify-content: space-between; } } @media (max-width: 575.98px) { .ec-footer-newsletter { gap: .9rem; padding: 1.25rem 1rem; } .ec-footer-newsletter__intro { align-items: flex-start; gap: .8rem; } .ec-footer-newsletter__icon { flex-basis: 3rem; width: 3rem; height: 2.35rem; } .ec-footer-newsletter h2 { font-size: .98rem; } .ec-footer-newsletter__intro p { font-size: .8rem; } .ec-newsletter-form { grid-template-columns: minmax(0, 1fr); width: 100%; min-width: 0; } .ec-newsletter-form__email, .ec-newsletter-form__submit, .ec-newsletter-form__consent, .ec-newsletter-form__alerts { grid-column: 1; width: 100%; min-width: 0; max-width: 100%; } /* Ordre mobile : e-mail, consentement RGPD, puis validation. */ .ec-newsletter-form__email { order: 1; } .ec-newsletter-form__consent { order: 2; } .ec-newsletter-form__submit { order: 3; min-width: 0; } .ec-footer-main { gap: 1.75rem; padding: 1.5rem 1rem; } .ec-footer-links { grid-template-columns: 1fr 1fr; gap: 1.5rem 1rem; } .ec-footer-brand__logo img, .ec-footer-brand__logo .logo { max-width: 10rem !important; } .ec-footer-social { display: block; } .ec-header-actions .cart-products-count, .ec-header-actions .blockcart__count, .ec-header-actions .header-block__badge, .ec-header-actions .badge { top: -.15rem !important; right: -.15rem !important; width: 1rem !important; height: 1rem !important; font-size: .6rem !important; } }