.mnp-wrapper{font-family:inherit;max-width:1200px;margin:0 auto;padding:32px 16px}.mnp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.mnp-card{background:#fff;border-radius:22px;box-shadow:0 12px 35px rgba(0,0,0,.08);overflow:hidden;transition:.25s ease;border:1px solid rgba(0,0,0,.05)}.mnp-card:hover{transform:translateY(-4px);box-shadow:0 16px 45px rgba(0,0,0,.12)}.mnp-card-img{display:block;position:relative;overflow:hidden;aspect-ratio:16/10;background:#eee}.mnp-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:.35s ease}.mnp-card:hover .mnp-card-img img{transform:scale(1.06)}.mnp-thumb-square .mnp-card-img{aspect-ratio:1/1}.mnp-thumb-circle .mnp-card-img{aspect-ratio:1/1;border-radius:50%;margin:18px}.mnp-thumb-rectangle .mnp-card-img{border-radius:0}.mnp-card-body{padding:20px}.mnp-card h3{font-size:1.2rem;line-height:1.25;margin:8px 0 10px}.mnp-card h3 a{text-decoration:none;color:#16211f}.mnp-card p{color:#59615f;font-size:.96rem;margin:0 0 18px}.mnp-date{font-size:.82rem;color:var(--mnp-secondary);font-weight:700}.mnp-badge{position:absolute;top:12px;left:12px;background:var(--mnp-primary);color:#fff;padding:7px 10px;border-radius:999px;font-size:.75rem;font-weight:700}.mnp-btn,.mnp-pagination a,.mnp-pagination span.current{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--mnp-primary);color:#fff!important;border:0;border-radius:999px;padding:11px 18px;text-decoration:none;font-weight:700;cursor:pointer;transition:.2s}.mnp-btn:hover{filter:brightness(.95);transform:translateY(-1px)}.mnp-btn-secondary{background:var(--mnp-secondary)}.mnp-actions{text-align:center;margin-top:24px}.mnp-archive-layout,.mnp-single-layout{display:grid;grid-template-columns:1fr 310px;gap:28px;align-items:start}.mnp-filters{display:flex;gap:12px;margin-bottom:22px}.mnp-filters input,.mnp-filters select,.mnp-side-search{width:100%;border:1px solid #d8dedb;border-radius:14px;padding:13px 14px;background:#fff}.mnp-sidebar{background:var(--mnp-sidebar-bg);border-radius:22px;padding:20px;position:sticky;top:20px}.mnp-side-block{margin-bottom:22px}.mnp-side-block h3{margin:0 0 12px;color:#16211f}.mnp-mini{display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:center;text-decoration:none;color:#182422;margin-bottom:12px}.mnp-mini img{width:72px;height:58px;object-fit:cover;border-radius:12px}.mnp-cat-list{list-style:none;margin:0;padding:0}.mnp-cat-list li a{display:flex;justify-content:space-between;color:#182422;text-decoration:none;padding:9px 0;border-bottom:1px solid rgba(0,0,0,.08)}.mnp-pagination{display:flex;gap:8px;justify-content:center;margin:28px 0;flex-wrap:wrap}.mnp-pagination .current{background:var(--mnp-secondary)!important}.mnp-load-more{display:none;margin:20px auto}.mnp-archive[data-pagination="loadmore"] .mnp-load-more,.mnp-archive[data-pagination="infinite"] .mnp-load-more{display:flex}.mnp-archive[data-pagination="loadmore"] .mnp-pagination,.mnp-archive[data-pagination="infinite"] .mnp-pagination{display:none}.mnp-skeleton{background:linear-gradient(90deg,#eee,#f8f8f8,#eee);height:260px;border-radius:22px;animation:mnpPulse 1s infinite}.mnp-loading{opacity:.6;pointer-events:none}@keyframes mnpPulse{0%{opacity:.6}50%{opacity:1}100%{opacity:.6}}.mnp-slider{position:relative;overflow:hidden}.mnp-slider-track{display:flex;transition:transform .35s ease}.mnp-slide{min-width:33.333%;padding:0 12px;box-sizing:border-box}.mnp-slider-prev,.mnp-slider-next{position:absolute;top:45%;border:0;background:var(--mnp-primary);color:white;width:42px;height:42px;border-radius:50%;font-size:28px;cursor:pointer}.mnp-slider-prev{left:8px}.mnp-slider-next{right:8px}.mnp-single-header{text-align:center}.mnp-single-img{width:100%;max-height:520px;object-fit:cover;border-radius:26px}.mnp-single-meta{display:flex;gap:12px;justify-content:center;align-items:center;margin:18px 0;color:#667;flex-wrap:wrap}.mnp-single-meta .mnp-badge{position:static}.mnp-single h1{font-size:clamp(2rem,4vw,3.4rem);margin:8px auto;max-width:920px}.mnp-content{font-size:1.05rem;line-height:1.8;color:#26302e}.mnp-share{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:18px 0}.mnp-share a,.mnp-copy-link{border:1px solid #dfe4e2;background:white;border-radius:999px;padding:9px 12px;text-decoration:none;color:#17211f;cursor:pointer}.mnp-prev-next{display:flex;justify-content:space-between;gap:16px;margin-top:20px}.mnp-full{width:100%}.mnp-layout-horizontal{display:grid;grid-template-columns:38% 1fr}.mnp-layout-horizontal .mnp-card-img{aspect-ratio:auto;height:100%}@media(max-width:900px){.mnp-grid{grid-template-columns:repeat(2,1fr)}.mnp-archive-layout,.mnp-single-layout{grid-template-columns:1fr}.mnp-sidebar{position:static}.mnp-slide{min-width:50%}}@media(max-width:640px){.mnp-wrapper{padding:22px 12px}.mnp-grid{grid-template-columns:1fr;gap:18px}.mnp-filters{flex-direction:column}.mnp-card-body{padding:16px}.mnp-slide{min-width:100%}.mnp-layout-horizontal{grid-template-columns:1fr}.mnp-btn{width:100%;padding:13px 18px}.mnp-single h1{text-align:left}.mnp-single-header{text-align:left}.mnp-single-meta,.mnp-share{justify-content:flex-start}.mnp-prev-next{flex-direction:column}.mnp-single-img{border-radius:18px}} .mnp-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:6px}.mnp-views{display:inline-flex;align-items:center;gap:4px;font-size:.82rem;color:#59615f;background:#f3f7f5;border-radius:999px;padding:5px 8px}.mnp-single-meta .mnp-views{background:#f3f7f5;color:#59615f} /* MASCO Actualités Pro - Layouts Preview/Home */ .mnp-list{display:grid;grid-template-columns:1fr;gap:18px}.mnp-layout-horizontal{display:grid;grid-template-columns:34% 1fr;align-items:stretch}.mnp-layout-horizontal .mnp-card-img{height:100%;min-height:190px}.mnp-layout-compact{display:grid;grid-template-columns:120px 1fr;align-items:center;border-radius:18px}.mnp-layout-compact .mnp-card-img{height:100%;min-height:110px;aspect-ratio:auto}.mnp-layout-compact .mnp-card-body{padding:14px}.mnp-layout-compact h3{font-size:1rem;margin:4px 0}.mnp-layout-compact p{font-size:.88rem;margin-bottom:10px}.mnp-layout-compact .mnp-btn{padding:8px 12px;font-size:.84rem}.mnp-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mnp-premium-grid .mnp-card:first-child{grid-column:span 2}.mnp-premium-grid .mnp-card:first-child .mnp-card-img{aspect-ratio:16/7}.mnp-home-premium .mnp-card{border:1px solid rgba(11,125,118,.12);box-shadow:0 18px 50px rgba(11,125,118,.10)}.mnp-preview-empty,.mnp-empty{background:#fff;border:1px dashed #cbd5d1;border-radius:18px;padding:24px;text-align:center;color:#52605c;font-weight:700;grid-column:1/-1} @media(max-width:900px){.mnp-compact-grid{grid-template-columns:1fr}.mnp-premium-grid .mnp-card:first-child{grid-column:auto}.mnp-premium-grid .mnp-card:first-child .mnp-card-img{aspect-ratio:16/10}}@media(max-width:640px){.mnp-layout-horizontal,.mnp-layout-compact{grid-template-columns:1fr}.mnp-layout-horizontal .mnp-card-img,.mnp-layout-compact .mnp-card-img{min-height:180px}} /* MASCO Actualités Pro v1.0.5 - Home preview pagination */ .mnp-home-pagination{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:24px 0 8px}.mnp-home-pagination button{border:1px solid rgba(11,125,118,.22);background:#fff;color:var(--mnp-primary,#0b7d76);border-radius:999px;min-width:40px;height:40px;padding:0 14px;cursor:pointer;font-weight:800;transition:.2s ease}.mnp-home-pagination button:hover,.mnp-home-pagination button.active{background:var(--mnp-primary,#0b7d76);border-color:var(--mnp-primary,#0b7d76);color:#fff;box-shadow:0 8px 18px rgba(0,0,0,.12)}.mnp-home-pagination .mnp-page-dots{color:#72807a;padding:0 3px}.mnp-home-pagination .mnp-load-more-preview{min-width:150px;height:44px;background:var(--mnp-primary,#0b7d76);color:#fff} /* v1.0.7 - Inspiration Elementor Case Post / PRESAN */ .mnp-wrapper.mnp-home{max-width:1280px;padding:20px 16px 30px}.mnp-inspired-card{box-shadow:none;border:0;background:transparent;border-radius:0;overflow:visible;text-align:center}.mnp-inspired-card:hover{transform:none;box-shadow:none}.mnp-inspired-card .mnp-card-img{border-radius:14px;aspect-ratio:16/10;box-shadow:none;background:#f4f4f4}.mnp-inspired-card .mnp-card-img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0));pointer-events:none}.mnp-inspired-card .mnp-card-img img{border-radius:inherit}.mnp-inspired-card .mnp-card-body{padding:26px 20px 8px}.mnp-inspired-card h3{font-size:clamp(1.15rem,1.8vw,1.55rem);line-height:1.45;margin:8px 0 15px;font-weight:800}.mnp-inspired-card h3 a{color:#07380c}.mnp-inspired-card p{max-width:360px;margin:0 auto 22px;color:#65727f;line-height:1.7;font-size:1rem}.mnp-inspired-card .mnp-btn{background:var(--mnp-secondary,#bf8435);border-radius:999px;padding:14px 18px;color:#fff!important;font-weight:800;box-shadow:none}.mnp-inspired-card .mnp-btn:hover{transform:translateY(-2px);filter:brightness(.97)}.mnp-inspired-card .mnp-card-meta{justify-content:center;color:#9aa0a6;font-size:.9rem;gap:18px;min-height:22px}.mnp-inspired-card .mnp-author,.mnp-inspired-card .mnp-comments{color:#9aa0a6}.mnp-date-bubble{position:absolute;left:50%;bottom:-36px;transform:translateX(-50%);z-index:5;width:78px;height:78px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--mnp-secondary,#bf8435);color:#fff;border:5px solid #fff;box-shadow:0 8px 22px rgba(0,0,0,.12);font-weight:800;line-height:1}.mnp-date-bubble strong{font-size:1.55rem;line-height:1}.mnp-date-bubble small{margin-top:6px;font-size:.85rem;font-weight:800}.mnp-inspired-card .mnp-badge.mnp-cat{top:12px;right:12px;left:auto;background:var(--mnp-primary,#0b7d76);box-shadow:0 8px 20px rgba(0,0,0,.12)}.mnp-home-grid .mnp-grid,.mnp-home-premium .mnp-grid{gap:28px}.mnp-home .mnp-actions{display:flex;justify-content:flex-end;margin-top:20px}.mnp-home .mnp-actions .mnp-btn-secondary{min-width:250px;background:var(--mnp-secondary,#bf8435);border-radius:999px;padding:17px 24px}.mnp-style-institutionnel .mnp-inspired-card h3 a,.mnp-style-premium .mnp-inspired-card h3 a{color:#083b0c}.mnp-style-media .mnp-inspired-card{text-align:left}.mnp-style-media .mnp-inspired-card .mnp-card-meta,.mnp-style-media .mnp-inspired-card p{justify-content:flex-start;margin-left:0;margin-right:0}.mnp-list .mnp-inspired-card{text-align:left;background:#fff;border-radius:22px;box-shadow:0 12px 35px rgba(0,0,0,.07);overflow:hidden}.mnp-list .mnp-inspired-card .mnp-card-img{border-radius:0}.mnp-list .mnp-date-bubble{left:auto;right:20px;bottom:16px;transform:none}.mnp-compact-grid .mnp-inspired-card{background:#fff;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.07);overflow:hidden;text-align:left}.mnp-compact-grid .mnp-inspired-card .mnp-card-body{padding:15px}.mnp-compact-grid .mnp-date-bubble{width:58px;height:58px;bottom:10px;right:10px;left:auto;transform:none;border-width:3px}.mnp-compact-grid .mnp-date-bubble strong{font-size:1rem}.mnp-compact-grid .mnp-date-bubble small{font-size:.68rem}.mnp-compact-grid .mnp-inspired-card .mnp-card-meta{justify-content:flex-start}.mnp-premium-grid .mnp-inspired-card:first-child{text-align:left;background:#fff;border-radius:24px;box-shadow:0 18px 50px rgba(11,125,118,.12);overflow:hidden}.mnp-premium-grid .mnp-inspired-card:first-child .mnp-card-body{padding:28px}.mnp-premium-grid .mnp-inspired-card:first-child .mnp-card-meta{justify-content:flex-start}.mnp-premium-grid .mnp-inspired-card:first-child p{margin-left:0;margin-right:0}.mnp-preview-frame .mnp-wrapper{border:1px solid rgba(217,86,255,.45);background:#fff}.mnp-preview-frame .mnp-home{max-width:none}@media(max-width:900px){.mnp-inspired-card .mnp-card-body{padding-top:28px}.mnp-home .mnp-actions{justify-content:center}.mnp-home .mnp-actions .mnp-btn-secondary{width:auto}}@media(max-width:640px){.mnp-inspired-card{text-align:left}.mnp-inspired-card .mnp-card-meta{justify-content:flex-start}.mnp-inspired-card p{margin-left:0;margin-right:0}.mnp-date-bubble{width:66px;height:66px;bottom:-30px}.mnp-date-bubble strong{font-size:1.25rem}.mnp-date-bubble small{font-size:.72rem}.mnp-inspired-card .mnp-card-body{padding:34px 4px 8px}.mnp-home .mnp-actions .mnp-btn-secondary{width:100%}} /* ========================================================= MASCO Actualités Pro v1.1.0 - Elementor Widget Premium ========================================================= */ .mnp-elementor-widget{--mnp-primary:#0b7d76;--mnp-secondary:#bf8435;--mnp-el-title:#083b0c;width:100%;box-sizing:border-box;padding:10px 0 22px}.mnp-el-heading{text-align:center;margin:0 0 24px}.mnp-el-subtitle{color:var(--mnp-secondary);font-weight:700;font-size:clamp(1rem,1.4vw,1.2rem);margin-bottom:8px}.mnp-el-heading h2{margin:0;color:var(--mnp-primary);font-weight:900;font-size:clamp(2rem,4vw,3.4rem);line-height:1.08}.mnp-el-list{display:grid;grid-template-columns:repeat(var(--mnp-el-cols,3),minmax(0,1fr));gap:28px;align-items:stretch}.mnp-el-card{position:relative;background:transparent;border:0;border-radius:0;overflow:visible;text-align:center;transition:transform .22s ease, box-shadow .22s ease}.mnp-el-card.has-shadow{background:#fff;border-radius:22px;box-shadow:0 18px 45px rgba(0,0,0,.08);overflow:hidden}.mnp-el-image{display:block;position:relative;overflow:visible;border-radius:16px;background:#f4f4f4;text-decoration:none;color:inherit;aspect-ratio:16/10}.mnp-el-ratio-16-9 .mnp-el-image{aspect-ratio:16/9}.mnp-el-ratio-16-10 .mnp-el-image{aspect-ratio:16/10}.mnp-el-ratio-4-3 .mnp-el-image{aspect-ratio:4/3}.mnp-el-ratio-1-1 .mnp-el-image{aspect-ratio:1/1}.mnp-el-image img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block;transition:transform .35s ease, filter .35s ease}.mnp-el-card:hover .mnp-el-image img{transform:scale(1.035)}.mnp-el-image:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0));pointer-events:none}.mnp-el-date{position:absolute;left:50%;bottom:-36px;transform:translateX(-50%);z-index:5;width:78px;height:78px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--mnp-secondary);color:#fff;border:5px solid #fff;box-shadow:0 9px 22px rgba(0,0,0,.14);font-weight:900;line-height:1}.mnp-el-date strong{font-size:1.55rem;line-height:1}.mnp-el-date small{margin-top:6px;font-size:.82rem;font-weight:900}.mnp-el-body{padding:30px 20px 8px}.mnp-el-meta{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;min-height:22px;margin-bottom:8px;color:#9aa0a6;font-size:.9rem}.mnp-el-card h3{font-size:clamp(1.15rem,1.75vw,1.55rem);line-height:1.45;margin:8px 0 15px;font-weight:900}.mnp-el-card h3 a{color:var(--mnp-el-title);text-decoration:none}.mnp-el-card p{max-width:380px;margin:0 auto 22px;color:#65727f;line-height:1.72;font-size:1rem}.mnp-el-btn,.mnp-el-all{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--mnp-secondary);color:#fff!important;text-decoration:none;border:0;border-radius:999px;padding:13px 18px;font-weight:900;line-height:1;transition:transform .2s ease, filter .2s ease, box-shadow .2s ease}.mnp-el-btn:hover,.mnp-el-all:hover{transform:translateY(-2px);filter:brightness(.97);box-shadow:0 10px 24px rgba(0,0,0,.14)}.mnp-el-actions{display:flex;justify-content:flex-end;margin-top:22px}.mnp-el-actions .mnp-el-all{min-width:250px;padding:17px 24px}.mnp-el-demo-frame{border:1px solid rgba(217,86,255,.45);background:#fff;padding:18px;border-radius:4px}.mnp-el-demo-frame:before{content:"Preview client";display:inline-flex;margin-bottom:12px;color:#8b38a9;background:#fbedff;border:1px solid rgba(217,86,255,.35);border-radius:999px;padding:5px 10px;font-size:.78rem;font-weight:800}.mnp-el-pagination{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:24px 0 8px}.mnp-el-pagination .page-numbers{border:1px solid rgba(11,125,118,.22);background:#fff;color:var(--mnp-primary);border-radius:999px;min-width:40px;height:40px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:800}.mnp-el-pagination .page-numbers.current,.mnp-el-pagination .page-numbers:hover{background:var(--mnp-primary);border-color:var(--mnp-primary);color:#fff}.mnp-el-layout-list .mnp-el-list{grid-template-columns:1fr}.mnp-el-layout-list .mnp-el-card{display:grid;grid-template-columns:36% 1fr;align-items:stretch;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 12px 35px rgba(0,0,0,.07);text-align:left}.mnp-el-layout-list .mnp-el-image{height:100%;min-height:220px;aspect-ratio:auto;border-radius:0}.mnp-el-layout-list .mnp-el-body{padding:28px}.mnp-el-layout-list .mnp-el-meta{justify-content:flex-start}.mnp-el-layout-list .mnp-el-card p{margin-left:0;margin-right:0}.mnp-el-layout-list .mnp-el-date{left:auto;right:20px;bottom:16px;transform:none}.mnp-el-layout-compact .mnp-el-list{gap:16px}.mnp-el-layout-compact .mnp-el-card{display:grid;grid-template-columns:125px 1fr;align-items:center;text-align:left;background:#fff;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.07);overflow:hidden}.mnp-el-layout-compact .mnp-el-image{height:100%;min-height:120px;aspect-ratio:auto;border-radius:0}.mnp-el-layout-compact .mnp-el-body{padding:14px}.mnp-el-layout-compact .mnp-el-meta{justify-content:flex-start;font-size:.78rem}.mnp-el-layout-compact .mnp-el-card h3{font-size:1rem;margin:4px 0 10px}.mnp-el-layout-compact .mnp-el-btn{padding:8px 12px;font-size:.84rem}.mnp-el-layout-compact .mnp-el-date{left:auto;right:10px;bottom:10px;transform:none;width:56px;height:56px;border-width:3px}.mnp-el-layout-compact .mnp-el-date strong{font-size:1rem}.mnp-el-layout-compact .mnp-el-date small{font-size:.66rem}.mnp-el-layout-hero .mnp-el-list{grid-template-columns:repeat(3,minmax(0,1fr))}.mnp-el-layout-hero .mnp-el-card.is-featured{grid-column:span 2;grid-row:span 2;text-align:left;background:#fff;border-radius:26px;box-shadow:0 18px 50px rgba(11,125,118,.12);overflow:hidden}.mnp-el-layout-hero .mnp-el-card.is-featured .mnp-el-image{aspect-ratio:16/8;border-radius:0}.mnp-el-layout-hero .mnp-el-card.is-featured .mnp-el-body{padding:30px}.mnp-el-layout-hero .mnp-el-card.is-featured .mnp-el-meta{justify-content:flex-start}.mnp-el-layout-hero .mnp-el-card.is-featured p{margin-left:0}.mnp-el-layout-slider{overflow:hidden}.mnp-el-layout-slider .mnp-el-list{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.mnp-el-layout-slider .mnp-el-card{min-width:calc(100% / var(--mnp-el-cols,3));padding:0 14px;box-sizing:border-box;scroll-snap-align:start}.mnp-el-layout-slider .mnp-el-list::-webkit-scrollbar{height:8px}.mnp-el-layout-slider .mnp-el-list::-webkit-scrollbar-thumb{background:var(--mnp-secondary);border-radius:999px}.mnp-el-layout-presan .mnp-el-card{box-shadow:none}.mnp-el-layout-presan .mnp-el-card.has-shadow{box-shadow:0 14px 42px rgba(0,0,0,.08)}@media(max-width:900px){.mnp-el-list{grid-template-columns:repeat(var(--mnp-el-cols-tablet,2),minmax(0,1fr))}.mnp-el-layout-slider .mnp-el-card{min-width:calc(100% / var(--mnp-el-cols-tablet,2))}.mnp-el-layout-list .mnp-el-card{grid-template-columns:1fr}.mnp-el-layout-list .mnp-el-image{min-height:240px}.mnp-el-layout-hero .mnp-el-list{grid-template-columns:repeat(2,minmax(0,1fr))}.mnp-el-layout-hero .mnp-el-card.is-featured{grid-column:auto;grid-row:auto}.mnp-el-actions{justify-content:center}}@media(max-width:640px){.mnp-elementor-widget{padding:8px 0 18px}.mnp-el-list{grid-template-columns:repeat(var(--mnp-el-cols-mobile,1),minmax(0,1fr));gap:20px}.mnp-el-layout-slider .mnp-el-card{min-width:calc(100% / var(--mnp-el-cols-mobile,1));padding:0}.mnp-el-heading{text-align:center;margin-bottom:18px}.mnp-el-card{text-align:left}.mnp-el-meta{justify-content:flex-start}.mnp-el-card p{margin-left:0;margin-right:0}.mnp-el-date{width:66px;height:66px;bottom:-30px}.mnp-el-date strong{font-size:1.25rem}.mnp-el-date small{font-size:.7rem}.mnp-el-body{padding:34px 4px 8px}.mnp-el-layout-compact .mnp-el-card{grid-template-columns:1fr}.mnp-el-layout-compact .mnp-el-image{min-height:190px}.mnp-el-actions .mnp-el-all{width:100%;min-width:0}.mnp-el-demo-frame{padding:10px}} /* MASCO Actualités Pro — Enterprise */ .mnp-enterprise{position:relative;display:block} .mnp-enterprise.mnp-loading:after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.65);backdrop-filter:blur(2px);z-index:8} .mnp-enterprise-hero{position:relative;min-height:420px;border-radius:28px;overflow:hidden;margin:0 0 28px;background:#0b2f2b;box-shadow:0 24px 60px rgba(0,0,0,.18)} .mnp-enterprise-hero-img{position:absolute;inset:0;display:block}.mnp-enterprise-hero-img img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05)} .mnp-enterprise-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.32),rgba(0,0,0,.04));z-index:1} .mnp-enterprise-hero-overlay{position:relative;z-index:2;max-width:720px;padding:52px;color:#fff;display:flex;min-height:420px;flex-direction:column;justify-content:flex-end;gap:12px} .mnp-enterprise-hero-overlay h2{font-size:clamp(28px,4vw,52px);line-height:1.05;margin:0}.mnp-enterprise-hero-overlay h2 a{color:#fff;text-decoration:none} .mnp-enterprise-hero-overlay p{font-size:17px;line-height:1.6;max-width:620px;color:rgba(255,255,255,.92);margin:0} .mnp-enterprise-hero-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:rgba(255,255,255,.9);font-weight:700} .mnp-enterprise-filters{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:14px;margin:0 0 22px;padding:18px;border:1px solid rgba(11,125,118,.14);border-radius:20px;background:linear-gradient(135deg,#fff,rgba(11,125,118,.04));box-shadow:0 12px 30px rgba(0,0,0,.06)} .mnp-enterprise-filters input,.mnp-enterprise-filters select{width:100%;border:1px solid rgba(0,0,0,.12);border-radius:14px;padding:12px 14px;background:#fff;min-height:48px} .mnp-enterprise-grid{transition:opacity .2s ease}.mnp-new-badge,.mnp-read-time{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800;line-height:1;background:rgba(11,125,118,.10);color:var(--mnp-primary,#0b7d76)} .mnp-new-badge{background:var(--mnp-secondary,#bf8435);color:#fff}.mnp-trending{margin:32px 0 0;padding:22px;border-radius:24px;background:#fff;box-shadow:0 16px 38px rgba(0,0,0,.08)} .mnp-trending h3{margin:0 0 14px;color:var(--mnp-primary,#0b7d76)}.mnp-trending-list{display:grid;gap:10px}.mnp-trending-item{display:flex;gap:14px;align-items:flex-start;padding:12px;border-radius:16px;background:rgba(11,125,118,.04);text-decoration:none;color:inherit}.mnp-trending-item strong{color:var(--mnp-secondary,#bf8435);font-size:22px}.mnp-trending-item span{font-weight:800}.mnp-trending-item small{display:block;margin-top:3px;font-weight:600;opacity:.68} @media(max-width:780px){.mnp-enterprise-filters{grid-template-columns:1fr}.mnp-enterprise-hero{min-height:360px;border-radius:20px}.mnp-enterprise-hero-overlay{padding:28px;min-height:360px}.mnp-enterprise-hero-overlay p{font-size:15px}} /* V1.3.1 responsive reinforcement */ .mnp-card,.mnp-inspired-card,.mnp-el-card{min-width:0}.mnp-card h3,.mnp-el-card h3{overflow-wrap:anywhere}.mnp-card-img img,.mnp-el-image img{max-width:100%;height:100%;object-fit:cover}.mnp-card-meta,.mnp-el-meta{display:flex;flex-wrap:wrap}.mnp-home-pagination{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:22px 0 8px}.mnp-home-pagination button,.mnp-home-pagination .mnp-page-dots{min-width:40px;height:40px;border:1px solid rgba(11,125,118,.22);background:#fff;color:var(--mnp-primary,#0b7d76);border-radius:999px;font-weight:800}.mnp-home-pagination button.active,.mnp-home-pagination button:hover{background:var(--mnp-primary,#0b7d76);color:#fff}.mnp-home-pagination .mnp-page-dots{display:inline-flex;align-items:center;justify-content:center;border-color:transparent;background:transparent;color:#6b7773}@media(max-width:1024px){.mnp-wrapper{max-width:100%;padding-left:14px;padding-right:14px}.mnp-grid{gap:20px}.mnp-list .mnp-inspired-card,.mnp-layout-horizontal{grid-template-columns:1fr!important}.mnp-list .mnp-inspired-card .mnp-card-img{min-height:230px}.mnp-enterprise-filters{grid-template-columns:1fr 1fr}.mnp-enterprise-filters input{grid-column:1/-1}}@media(max-width:767px){.mnp-wrapper{padding:18px 10px}.mnp-grid,.mnp-premium-grid,.mnp-compact-grid{grid-template-columns:1fr!important}.mnp-card,.mnp-inspired-card,.mnp-el-card{border-radius:18px}.mnp-inspired-card .mnp-card-body,.mnp-card-body{padding-left:14px;padding-right:14px}.mnp-card-meta,.mnp-inspired-card .mnp-card-meta{justify-content:flex-start;gap:8px;font-size:12px}.mnp-badge{font-size:11px;padding:6px 8px}.mnp-date-bubble{width:64px;height:64px;border-width:4px}.mnp-home .mnp-actions{justify-content:stretch}.mnp-home .mnp-actions .mnp-btn-secondary{width:100%;min-width:0}.mnp-enterprise-filters{grid-template-columns:1fr;padding:12px}.mnp-enterprise-hero{min-height:320px}.mnp-enterprise-hero-overlay{padding:22px;min-height:320px}.mnp-enterprise-hero-meta{font-size:12px}.mnp-trending{padding:16px;border-radius:18px}.mnp-trending-item{padding:10px}.mnp-prev-next a{width:100%;box-sizing:border-box}} /* v1.3.2 preview controls: date/view display variants */ .mnp-date-pos-top .mnp-date-bubble{top:12px;left:12px;right:auto;bottom:auto;transform:none;width:auto;height:auto;min-width:74px;min-height:46px;border-radius:999px;border-width:3px;padding:8px 12px;flex-direction:row;gap:6px} .mnp-date-pos-meta .mnp-date-bubble,.mnp-date-pos-bottom .mnp-date-bubble{position:static;transform:none;width:auto;height:auto;min-height:0;border:0;box-shadow:none;background:transparent;color:var(--mnp-secondary,#bf8435);display:inline-flex;flex-direction:row;gap:4px;padding:0} .mnp-date-pos-meta .mnp-date-bubble strong,.mnp-date-pos-bottom .mnp-date-bubble strong{font-size:inherit}.mnp-date-pos-meta .mnp-date-bubble small,.mnp-date-pos-bottom .mnp-date-bubble small{font-size:inherit;margin:0}.mnp-date-pos-none .mnp-date-bubble,.mnp-date-pos-none .mnp-date-text{display:none!important} .mnp-date-text{display:inline-flex;align-items:center;font-weight:800;color:var(--mnp-secondary,#bf8435);font-size:.88rem}.mnp-date-style-pill,.mnp-date-text.mnp-date-style-pill{background:rgba(191,132,53,.12);color:var(--mnp-secondary,#bf8435);border-radius:999px;padding:6px 10px}.mnp-date-style-plain,.mnp-date-text.mnp-date-style-plain{background:transparent;border-radius:0;padding:0;color:#707b78}.mnp-card-date-bottom{margin:0 0 14px;display:flex;justify-content:center}.mnp-list .mnp-card-date-bottom,.mnp-compact-grid .mnp-card-date-bottom,.mnp-style-media .mnp-card-date-bottom{justify-content:flex-start}.mnp-views{white-space:nowrap;color:#9aa0a6} @media(max-width:767px){.mnp-date-pos-top .mnp-date-bubble{min-width:62px;min-height:38px;font-size:12px;padding:6px 9px}.mnp-card-date-bottom{justify-content:flex-start}} /* v1.3.5 - Widget UX refinements */ .mnp-el-demo-frame{border:1px solid rgba(11,125,118,.18)!important;background:linear-gradient(135deg,#fff,rgba(11,125,118,.025))!important;padding:22px!important;border-radius:22px!important;box-shadow:0 18px 46px rgba(0,0,0,.07)!important} .mnp-el-demo-frame:before{content:"Preview client — rendu réel du widget"!important;color:var(--mnp-primary,#0b7d76)!important;background:rgba(11,125,118,.08)!important;border-color:rgba(11,125,118,.18)!important;margin-bottom:16px!important} .mnp-btn-arrow{display:inline-flex!important;align-items:center!important;justify-content:center!important;color:currentColor!important;background:transparent!important;border:0!important;box-shadow:none!important;text-decoration:none!important;line-height:1!important} .mnp-el-btn span,.mnp-el-all span,.mnp-enterprise-hero .mnp-btn span{color:inherit!important} .mnp-enterprise-hero .mnp-btn{width:auto!important;min-width:0!important;max-width:max-content!important;padding:14px 26px!important;background:var(--mnp-secondary,#bf8435)!important;color:#fff!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;text-decoration:none!important;font-weight:900!important} .mnp-enterprise-hero.mnp-hero-btn-left .mnp-btn,.mnp-hero-btn-left .mnp-enterprise-hero .mnp-btn{align-self:flex-start!important} .mnp-enterprise-hero.mnp-hero-btn-center .mnp-btn,.mnp-hero-btn-center .mnp-enterprise-hero .mnp-btn{align-self:center!important} .mnp-enterprise-hero.mnp-hero-btn-right .mnp-btn,.mnp-hero-btn-right .mnp-enterprise-hero .mnp-btn{align-self:flex-end!important} .mnp-actions-left .mnp-el-actions{justify-content:flex-start!important}.mnp-actions-center .mnp-el-actions{justify-content:center!important}.mnp-actions-right .mnp-el-actions{justify-content:flex-end!important} .mnp-el-card .mnp-date-bubble{position:absolute;left:50%;bottom:-36px;transform:translateX(-50%);z-index:5;width:78px;height:78px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--mnp-secondary,#bf8435);color:#fff;border:5px solid #fff;box-shadow:0 9px 22px rgba(0,0,0,.14);font-weight:900;line-height:1} .mnp-el-card .mnp-date-bubble strong{font-size:1.55rem;line-height:1}.mnp-el-card .mnp-date-bubble small{margin-top:6px;font-size:.82rem;font-weight:900} .mnp-el-card.mnp-date-pos-top .mnp-date-bubble{top:12px;left:12px;right:auto;bottom:auto;transform:none;width:auto;height:auto;min-width:74px;min-height:46px;border-radius:999px;border-width:3px;padding:8px 12px;flex-direction:row;gap:6px} .mnp-el-card.mnp-date-pos-meta .mnp-date-bubble,.mnp-el-card.mnp-date-pos-bottom .mnp-date-bubble{position:static;transform:none;width:auto;height:auto;min-height:0;border:0;box-shadow:none;background:transparent;color:var(--mnp-secondary,#bf8435);display:inline-flex;flex-direction:row;gap:4px;padding:0} .mnp-el-card.mnp-date-pos-meta .mnp-date-bubble strong,.mnp-el-card.mnp-date-pos-bottom .mnp-date-bubble strong{font-size:inherit}.mnp-el-card.mnp-date-pos-meta .mnp-date-bubble small,.mnp-el-card.mnp-date-pos-bottom .mnp-date-bubble small{font-size:inherit;margin:0} .mnp-el-card.mnp-date-pos-none .mnp-date-bubble,.mnp-el-card.mnp-date-pos-none .mnp-date-text{display:none!important} .mnp-enterprise-filters{align-items:center!important;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(11,125,118,.045))!important;border:1px solid rgba(11,125,118,.16)!important;border-radius:22px!important;padding:16px!important;box-shadow:0 14px 34px rgba(0,0,0,.055)!important} .mnp-enterprise-filters input,.mnp-enterprise-filters select{appearance:none;-webkit-appearance:none;width:100%!important;min-height:54px!important;border:1px solid rgba(11,125,118,.16)!important;border-radius:16px!important;background-color:#fff!important;color:#3b4946!important;padding:0 18px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.65)!important;outline:none!important;font-size:15px!important} .mnp-enterprise-filters select{background-image:linear-gradient(45deg,transparent 50%,#7c8b88 50%),linear-gradient(135deg,#7c8b88 50%,transparent 50%)!important;background-position:calc(100% - 22px) 23px,calc(100% - 16px) 23px!important;background-size:6px 6px,6px 6px!important;background-repeat:no-repeat!important;padding-right:44px!important} .mnp-enterprise-filters input:focus,.mnp-enterprise-filters select:focus{border-color:var(--mnp-primary,#0b7d76)!important;box-shadow:0 0 0 4px rgba(11,125,118,.10)!important} @media(max-width:767px){.mnp-enterprise-hero .mnp-btn{max-width:100%!important;width:auto!important}.mnp-hero-btn-center .mnp-enterprise-hero .mnp-btn,.mnp-hero-btn-right .mnp-enterprise-hero .mnp-btn,.mnp-hero-btn-left .mnp-enterprise-hero .mnp-btn{align-self:stretch!important}.mnp-actions-left .mnp-el-actions,.mnp-actions-center .mnp-el-actions,.mnp-actions-right .mnp-el-actions{justify-content:stretch!important}.mnp-enterprise-filters{padding:12px!important;gap:10px!important}.mnp-enterprise-filters input,.mnp-enterprise-filters select{min-height:50px!important;border-radius:14px!important}.mnp-el-card.mnp-date-pos-top .mnp-date-bubble{min-width:62px;min-height:38px;font-size:12px;padding:6px 9px}.mnp-el-demo-frame{padding:14px!important;border-radius:18px!important}} /* v1.3.6 - Loaders + alignment des cartes Elementor */ .mnp-elementor-widget{position:relative} .mnp-elementor-widget.mnp-is-loading, .mnp-enterprise.mnp-loading{pointer-events:none} .mnp-elementor-widget.mnp-is-loading:after, .mnp-enterprise.mnp-loading:after{ content:"";position:absolute;inset:0;z-index:50;background:rgba(255,255,255,.72); backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-radius:inherit; } .mnp-elementor-widget.mnp-is-loading:before, .mnp-enterprise.mnp-loading:before{ content:"";position:absolute;left:50%;top:50%;z-index:60;width:42px;height:42px;margin:-21px 0 0 -21px; border-radius:50%;border:4px solid rgba(11,125,118,.18);border-top-color:var(--mnp-primary,#0b7d76); animation:mnpSpin .75s linear infinite; } @keyframes mnpSpin{to{transform:rotate(360deg)}} .mnp-el-list{align-items:stretch!important} .mnp-el-card{height:100%;display:flex!important;flex-direction:column!important;overflow:hidden!important} .mnp-el-card .mnp-el-image{flex:0 0 auto!important} .mnp-el-card .mnp-el-body{ flex:1 1 auto!important;display:flex!important;flex-direction:column!important; box-sizing:border-box!important;width:100%!important; } .mnp-el-card h3{margin-bottom:12px!important;min-height:calc(1.35em * 2)!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;text-align:center!important} .mnp-el-layout-list .mnp-el-card h3,.mnp-el-layout-compact .mnp-el-card h3{text-align:left!important;justify-content:flex-start!important;min-height:0!important} .mnp-el-card p{min-height:calc(1.7em * 3)!important;margin-bottom:18px!important} .mnp-el-layout-compact .mnp-el-card p,.mnp-el-layout-list .mnp-el-card p{min-height:0!important} .mnp-el-btn{margin-top:auto!important;align-self:center!important;width:auto!important;max-width:max-content!important;min-width:0!important;padding:11px 20px!important;border-radius:999px!important;line-height:1.1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;background:var(--mnp-secondary,#bf8435)!important;color:#fff!important;text-decoration:none!important;box-shadow:none!important;border:0!important} .mnp-el-btn:hover{filter:brightness(.96);transform:translateY(-1px)} .mnp-el-layout-list .mnp-el-btn,.mnp-el-layout-compact .mnp-el-btn{align-self:flex-start!important} .mnp-el-btn .mnp-btn-arrow,.mnp-el-all .mnp-btn-arrow{color:inherit!important;background:transparent!important;border:0!important;box-shadow:none!important;font-size:.95em!important} .mnp-el-pagination a,.mnp-el-pagination span{transition:.2s ease}.mnp-el-pagination a:focus,.mnp-el-btn:focus,.mnp-el-all:focus{outline:3px solid rgba(11,125,118,.22)!important;outline-offset:3px!important} .mnp-el-load-more{position:relative}.mnp-el-load-more.mnp-btn-loading{opacity:.75;color:transparent!important}.mnp-el-load-more.mnp-btn-loading:after{content:"";position:absolute;left:50%;top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;border:3px solid rgba(255,255,255,.5);border-top-color:#fff;animation:mnpSpin .75s linear infinite} @media(max-width:767px){.mnp-el-card h3{min-height:0!important;text-align:left!important;justify-content:flex-start!important}.mnp-el-card p{min-height:0!important}.mnp-el-btn{align-self:flex-start!important}.mnp-el-card .mnp-el-body{padding-left:16px!important;padding-right:16px!important}.mnp-elementor-widget.mnp-is-loading:before,.mnp-enterprise.mnp-loading:before{width:34px;height:34px;margin:-17px 0 0 -17px}} /* v1.3.7 - Corrections flèche, AJAX pagination, responsive premium */ .mnp-btn-arrow, .mnp-btn-arrow svg{ display:inline-block!important; width:14px!important; height:14px!important; flex:0 0 14px!important; color:currentColor!important; background:transparent!important; border:0!important; box-shadow:none!important; vertical-align:-2px!important; } .mnp-btn-arrow svg *{fill:none!important;stroke:currentColor!important;stroke-linecap:round!important;stroke-linejoin:round!important} .mnp-el-btn .mnp-btn-arrow, .mnp-el-all .mnp-btn-arrow, .mnp-enterprise-hero .mnp-btn .mnp-btn-arrow{background:transparent!important;color:#fff!important} .mnp-el-layout-presan .mnp-el-list, .mnp-el-layout-grid .mnp-el-list, .mnp-el-layout-hero .mnp-el-list{ grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important; } .mnp-el-layout-hero .mnp-el-card.is-featured{grid-column:auto!important;grid-row:auto!important} .mnp-el-card{min-width:0!important;max-width:100%!important} .mnp-el-image{min-width:0!important} .mnp-el-card h3,.mnp-el-card p{overflow-wrap:anywhere!important;word-break:normal!important} .mnp-el-card p{max-width:100%!important} .mnp-el-pagination[data-mode="ajax"] .page-numbers, .mnp-el-pagination.mnp-pagination-ajax .page-numbers{cursor:pointer} .mnp-el-pagination.mnp-is-loading{opacity:.65;pointer-events:none} .mnp-elementor-widget.mnp-ajax-loading .mnp-enterprise-results{position:relative;min-height:220px;opacity:.28;filter:blur(1px)} .mnp-elementor-widget.mnp-ajax-loading:before{ content:"";position:absolute;left:50%;top:55%;z-index:60;width:38px;height:38px;margin:-19px 0 0 -19px; border-radius:50%;border:4px solid rgba(11,125,118,.18);border-top-color:var(--mnp-primary,#0b7d76);animation:mnpSpin .75s linear infinite; } .mnp-btn-loading{position:relative!important;pointer-events:none!important;color:transparent!important;opacity:.86!important} .mnp-btn-loading .mnp-btn-arrow{opacity:0!important} .mnp-btn-loading:after{content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;border:3px solid rgba(255,255,255,.52);border-top-color:#fff;animation:mnpSpin .75s linear infinite} @media(max-width:1024px){ .mnp-el-layout-presan .mnp-el-list,.mnp-el-layout-grid .mnp-el-list,.mnp-el-layout-hero .mnp-el-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important;gap:22px!important} } @media(max-width:767px){ .mnp-elementor-widget{overflow:hidden!important;padding-left:0!important;padding-right:0!important} .mnp-el-list{grid-template-columns:1fr!important;gap:18px!important} .mnp-el-card{width:100%!important;text-align:left!important} .mnp-el-card .mnp-el-body{padding:30px 16px 16px!important} .mnp-el-card h3,.mnp-el-card p{text-align:left!important;justify-content:flex-start!important} .mnp-el-btn{max-width:100%!important} .mnp-enterprise-filters{display:grid!important;grid-template-columns:1fr!important} } /* v1.3.7 - éviter overlay global sur simple clic article */ .mnp-elementor-widget.mnp-is-loading:before, .mnp-elementor-widget.mnp-is-loading:after{display:none!important} .mnp-elementor-widget.mnp-ajax-loading:before{display:block!important} /* v1.3.8 - Alignements complets date + bouton Hero */ .mnp-el-card.mnp-date-align-left .mnp-date-bubble{left:18px;right:auto;transform:translate(var(--mnp-date-x,0px),var(--mnp-date-y,0px))!important} .mnp-el-card.mnp-date-align-center .mnp-date-bubble{left:50%;right:auto;transform:translate(calc(-50% + var(--mnp-date-x,0px)),var(--mnp-date-y,0px))!important} .mnp-el-card.mnp-date-align-right .mnp-date-bubble{left:auto;right:18px;transform:translate(var(--mnp-date-x,0px),var(--mnp-date-y,0px))!important} .mnp-el-card.mnp-date-pos-top.mnp-date-align-left .mnp-date-bubble{top:12px;left:12px;right:auto;bottom:auto} .mnp-el-card.mnp-date-pos-top.mnp-date-align-center .mnp-date-bubble{top:12px;left:50%;right:auto;bottom:auto} .mnp-el-card.mnp-date-pos-top.mnp-date-align-right .mnp-date-bubble{top:12px;left:auto;right:12px;bottom:auto} .mnp-el-card.mnp-date-pos-meta.mnp-date-align-left .mnp-el-meta{justify-content:flex-start} .mnp-el-card.mnp-date-pos-meta.mnp-date-align-center .mnp-el-meta{justify-content:center} .mnp-el-card.mnp-date-pos-meta.mnp-date-align-right .mnp-el-meta{justify-content:flex-end} .mnp-el-card.mnp-date-pos-bottom.mnp-date-align-left .mnp-card-date-bottom{justify-content:flex-start} .mnp-el-card.mnp-date-pos-bottom.mnp-date-align-center .mnp-card-date-bottom{justify-content:center} .mnp-el-card.mnp-date-pos-bottom.mnp-date-align-right .mnp-card-date-bottom{justify-content:flex-end} .mnp-enterprise .mnp-enterprise-hero .mnp-btn{transform:translate(var(--mnp-hero-btn-x,0px),var(--mnp-hero-btn-y,0px));max-width:max-content!important;width:auto!important} @media(max-width:767px){.mnp-el-card.mnp-date-align-left .mnp-date-bubble{left:12px}.mnp-el-card.mnp-date-align-right .mnp-date-bubble{right:12px}.mnp-enterprise .mnp-enterprise-hero .mnp-btn{max-width:100%!important}} /* v1.3.9 - Pagination loader fiable + images premium arrondies/hover + responsive cards */ .mnp-elementor-widget .mnp-enterprise-results{position:relative;transition:opacity .18s ease, filter .18s ease;} .mnp-elementor-widget.mnp-ajax-loading .mnp-enterprise-results{opacity:.38;filter:blur(.6px);min-height:220px;} .mnp-elementor-widget.mnp-ajax-loading:before{ content:""!important;display:block!important;position:absolute!important;left:50%!important;top:50%!important;z-index:80!important; width:44px!important;height:44px!important;margin:-22px 0 0 -22px!important;border-radius:50%!important; border:4px solid rgba(11,125,118,.16)!important;border-top-color:var(--mnp-primary,#0b7d76)!important; animation:mnpSpin .72s linear infinite!important;pointer-events:none!important; } .mnp-elementor-widget .mnp-el-pagination{position:relative;} .mnp-elementor-widget .mnp-el-pagination .mnp-btn-loading, .mnp-elementor-widget .mnp-el-load-more.mnp-btn-loading{color:transparent!important;pointer-events:none!important;opacity:.86!important;} .mnp-elementor-widget .mnp-el-pagination .mnp-btn-loading:after, .mnp-elementor-widget .mnp-el-load-more.mnp-btn-loading:after{ content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%; border:3px solid rgba(255,255,255,.55);border-top-color:#fff;animation:mnpSpin .72s linear infinite; } .mnp-elementor-widget .mnp-el-image{ overflow:hidden!important;border-radius:22px!important;box-shadow:0 10px 28px rgba(0,0,0,.08);background:#f4f7f6; transform:translateZ(0);isolation:isolate; } .mnp-elementor-widget .mnp-el-image img{ border-radius:inherit!important;transition:transform .45s cubic-bezier(.2,.75,.25,1), filter .45s ease!important;will-change:transform; } .mnp-elementor-widget .mnp-el-card:hover .mnp-el-image img{transform:scale(1.06)!important;filter:saturate(1.04) contrast(1.02);} .mnp-elementor-widget .mnp-el-card.has-shadow .mnp-el-image{border-radius:22px 22px 0 0!important;box-shadow:none;} .mnp-el-layout-list .mnp-el-card .mnp-el-image, .mnp-el-layout-compact .mnp-el-card .mnp-el-image{border-radius:22px!important;} .mnp-el-layout-compact .mnp-el-card, .mnp-el-layout-list .mnp-el-card{gap:16px;padding:10px;} .mnp-el-layout-compact .mnp-el-body, .mnp-el-layout-list .mnp-el-body{padding:16px 18px!important;} @media(max-width:1100px){ .mnp-el-layout-presan .mnp-el-list, .mnp-el-layout-grid .mnp-el-list, .mnp-el-layout-hero .mnp-el-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;} } @media(max-width:720px){ .mnp-el-layout-presan .mnp-el-list, .mnp-el-layout-grid .mnp-el-list, .mnp-el-layout-hero .mnp-el-list, .mnp-el-layout-compact .mnp-el-list, .mnp-el-layout-list .mnp-el-list{grid-template-columns:1fr!important;} .mnp-elementor-widget .mnp-el-card{width:100%!important;max-width:100%!important;overflow:hidden!important;} .mnp-elementor-widget .mnp-el-image{width:100%!important;min-height:0!important;} .mnp-elementor-widget .mnp-el-card .mnp-el-body{padding:30px 16px 18px!important;} .mnp-el-layout-list .mnp-el-card, .mnp-el-layout-compact .mnp-el-card{display:flex!important;flex-direction:column!important;padding:8px!important;} .mnp-el-layout-list .mnp-el-image, .mnp-el-layout-compact .mnp-el-image{aspect-ratio:16/10!important;height:auto!important;min-height:0!important;} .mnp-elementor-widget .mnp-el-btn{align-self:flex-start!important;} } /* v1.4.0 - Correction finale widget: boutons charte, pagination AJAX stable, formes constantes */ .mnp-elementor-widget .mnp-el-btn, .mnp-elementor-widget .mnp-el-all, .mnp-elementor-widget .mnp-el-actions .mnp-el-all, .mnp-elementor-widget .mnp-enterprise-hero .mnp-btn{ background:var(--mnp-secondary,#bf8435)!important; color:#fff!important; border:0!important; text-decoration:none!important; box-shadow:none!important; } .mnp-elementor-widget .mnp-el-btn:hover, .mnp-elementor-widget .mnp-el-all:hover, .mnp-elementor-widget .mnp-el-actions .mnp-el-all:hover, .mnp-elementor-widget .mnp-enterprise-hero .mnp-btn:hover{ background:var(--mnp-secondary,#bf8435)!important; color:#fff!important; filter:brightness(.92)!important; transform:translateY(-1px)!important; } .mnp-elementor-widget .mnp-el-btn:visited, .mnp-elementor-widget .mnp-el-all:visited{color:#fff!important;} .mnp-elementor-widget .mnp-btn-arrow, .mnp-elementor-widget .mnp-btn-arrow svg, .mnp-elementor-widget .mnp-btn-arrow svg *{ background:transparent!important; color:currentColor!important; stroke:currentColor!important; fill:none!important; box-shadow:none!important; } .mnp-elementor-widget .mnp-el-pagination{min-height:44px;} .mnp-elementor-widget .mnp-el-pagination .page-numbers{ background:#fff!important; color:var(--mnp-primary,#0b7d76)!important; border-color:rgba(11,125,118,.24)!important; } .mnp-elementor-widget .mnp-el-pagination .page-numbers.current, .mnp-elementor-widget .mnp-el-pagination .page-numbers:hover{ background:var(--mnp-primary,#0b7d76)!important; border-color:var(--mnp-primary,#0b7d76)!important; color:#fff!important; } .mnp-elementor-widget.mnp-ajax-loading .mnp-el-pagination{pointer-events:none;opacity:.75;} .mnp-elementor-widget .mnp-el-card.has-shadow{ background:#fff!important; border-radius:22px!important; box-shadow:0 14px 42px rgba(0,0,0,.08)!important; overflow:hidden!important; } .mnp-elementor-widget .mnp-el-card.has-shadow .mnp-el-image{ border-radius:22px 22px 0 0!important; } .mnp-elementor-widget .mnp-el-card:not(.has-shadow) .mnp-el-image{ border-radius:22px!important; } .mnp-elementor-widget .mnp-el-image img{border-radius:inherit!important;} .mnp-elementor-widget .mnp-el-layout-list .mnp-el-card.has-shadow .mnp-el-image, .mnp-elementor-widget .mnp-el-layout-compact .mnp-el-card.has-shadow .mnp-el-image{border-radius:22px!important;} .mnp-elementor-widget .mnp-el-layout-list .mnp-el-card{grid-template-columns:minmax(260px,36%) 1fr!important;} @media(max-width:1024px){ .mnp-elementor-widget .mnp-el-list{grid-template-columns:repeat(var(--mnp-el-cols-tablet,2),minmax(0,1fr))!important;} } @media(max-width:767px){ .mnp-elementor-widget .mnp-el-list{grid-template-columns:1fr!important;} .mnp-elementor-widget .mnp-el-layout-list .mnp-el-card{grid-template-columns:1fr!important;} .mnp-elementor-widget .mnp-el-card.has-shadow{border-radius:20px!important;} .mnp-elementor-widget .mnp-el-card.has-shadow .mnp-el-image{border-radius:20px 20px 0 0!important;} } /* v1.4.1 - correctif pagination stable + liens articles */ .mnp-elementor-widget .mnp-el-btn{pointer-events:auto!important;} .mnp-elementor-widget.mnp-is-loading{pointer-events:auto!important;} .mnp-elementor-widget.mnp-ajax-loading .mnp-el-btn{pointer-events:auto!important;} .mnp-elementor-widget.mnp-ajax-loading .mnp-enterprise-results{opacity:.35;filter:blur(.4px);} .mnp-elementor-widget .mnp-el-pagination .page-numbers.dots{background:transparent!important;border-color:transparent!important;color:var(--mnp-primary)!important;} .mnp-elementor-widget .mnp-el-pagination a.page-numbers{cursor:pointer;} .mnp-elementor-widget .mnp-el-image{border-radius:22px 22px 10px 10px!important;overflow:hidden!important;} .mnp-elementor-widget .mnp-el-image img{border-radius:inherit!important;transition:transform .35s ease,filter .35s ease!important;} .mnp-elementor-widget .mnp-el-card:hover .mnp-el-image img{transform:scale(1.045)!important;} .mnp-elementor-widget .mnp-el-card{overflow:visible!important;} .mnp-elementor-widget .mnp-el-card.has-shadow{box-shadow:0 14px 38px rgba(0,0,0,.08)!important;} /* v1.4.3 - loader aussi sur Voir plus et Toutes les actualités */ .mnp-elementor-widget .mnp-el-btn.mnp-btn-loading, .mnp-elementor-widget .mnp-el-actions .mnp-el-all.mnp-btn-loading{ position:relative!important; color:transparent!important; pointer-events:none!important; opacity:.88!important; } .mnp-elementor-widget .mnp-el-btn.mnp-btn-loading .mnp-btn-arrow, .mnp-elementor-widget .mnp-el-actions .mnp-el-all.mnp-btn-loading .mnp-btn-arrow{ opacity:0!important; } .mnp-elementor-widget .mnp-el-btn.mnp-btn-loading:after, .mnp-elementor-widget .mnp-el-actions .mnp-el-all.mnp-btn-loading:after{ content:""; position:absolute; left:50%; top:50%; width:18px; height:18px; margin:-9px 0 0 -9px; border-radius:50%; border:3px solid rgba(255,255,255,.52); border-top-color:#fff; animation:mnpSpin .75s linear infinite; } /* v1.4.5 - Slider Elementor réel : animation, flèches, points, conservation du rendu */ .mnp-elementor-widget.mnp-el-layout-slider{position:relative;overflow:visible!important;} .mnp-elementor-widget.mnp-el-layout-slider .mnp-enterprise-results{ position:relative!important;overflow:hidden!important;width:100%;padding:4px 54px 38px;box-sizing:border-box; } .mnp-elementor-widget.mnp-el-layout-slider .mnp-el-list{ display:flex!important;grid-template-columns:none!important;gap:0!important;overflow:visible!important;scroll-snap-type:none!important; padding:0!important;transition:transform .45s cubic-bezier(.2,.75,.25,1)!important;will-change:transform; } .mnp-elementor-widget.mnp-el-layout-slider .mnp-el-card{ flex:0 0 calc(100% / var(--mnp-el-cols,3))!important;min-width:0!important;max-width:none!important;padding:0 14px!important;box-sizing:border-box!important; scroll-snap-align:none!important; } .mnp-elementor-widget.mnp-el-layout-slider .mnp-el-card.has-shadow{overflow:visible!important;background:transparent!important;box-shadow:none!important;} .mnp-elementor-widget.mnp-el-layout-slider .mnp-el-card.has-shadow .mnp-el-body{background:#fff;border-radius:0 0 22px 22px;box-shadow:0 14px 36px rgba(0,0,0,.07);} .mnp-elementor-widget .mnp-el-slider-arrow{ position:absolute;top:38%;z-index:50;width:44px;height:44px;border-radius:50%;border:0;background:var(--mnp-secondary,#bf8435)!important;color:#fff!important; display:flex;align-items:center;justify-content:center;font-size:32px;line-height:1;cursor:pointer;box-shadow:0 12px 28px rgba(0,0,0,.16);transition:.2s ease; } .mnp-elementor-widget .mnp-el-slider-arrow:hover{filter:brightness(.94);transform:translateY(-1px)} .mnp-elementor-widget .mnp-el-slider-arrow:disabled{opacity:.35;cursor:not-allowed;transform:none;filter:none;} .mnp-elementor-widget .mnp-el-slider-prev{left:8px;} .mnp-elementor-widget .mnp-el-slider-next{right:8px;} .mnp-elementor-widget .mnp-el-slider-dots{position:absolute;left:0;right:0;bottom:4px;display:flex;justify-content:center;gap:8px;z-index:45;} .mnp-elementor-widget .mnp-el-slider-dot{width:10px;height:10px;border:0;border-radius:50%;background:rgba(11,125,118,.22);cursor:pointer;padding:0;transition:.2s ease;} .mnp-elementor-widget .mnp-el-slider-dot.is-active{background:var(--mnp-primary,#0b7d76);transform:scale(1.25);} @media(max-width:1024px){ .mnp-elementor-widget.mnp-el-layout-slider .mnp-el-card{flex-basis:calc(100% / var(--mnp-el-cols-tablet,2))!important;} .mnp-elementor-widget.mnp-el-layout-slider .mnp-enterprise-results{padding-left:48px;padding-right:48px;} } @media(max-width:767px){ .mnp-elementor-widget.mnp-el-layout-slider .mnp-el-card{flex-basis:100%!important;padding:0!important;} .mnp-elementor-widget.mnp-el-layout-slider .mnp-enterprise-results{padding-left:0!important;padding-right:0!important;padding-bottom:46px;overflow:hidden!important;} .mnp-elementor-widget .mnp-el-slider-arrow{top:auto;bottom:0;width:38px;height:38px;font-size:28px;} .mnp-elementor-widget .mnp-el-slider-prev{left:calc(50% - 54px);} .mnp-elementor-widget .mnp-el-slider-next{right:calc(50% - 54px);} .mnp-elementor-widget .mnp-el-slider-dots{bottom:12px;} } /* v1.4.8 - Slider Premium final : une carte visible, contrôles hors images, indicateur 1/n */ .mnp-elementor-widget.mnp-el-layout-slider{ position:relative; overflow:visible!important; } .mnp-elementor-widget.mnp-el-layout-slider .mnp-enterprise-results{ position:relative!important; overflow:hidden!important; width:100%; padding:4px 0 18px!important; box-sizing:border-box; } .mnp-elementor-widget.mnp-el-layout-slider .mnp-el-list{ display:flex!important; grid-template-columns:none!important; gap:0!important; overflow:visible!important; scroll-snap-type:none!important; padding:0!important; transition:transform .65s cubic-bezier(.18,.78,.22,1)!important; will-change:transform; } .mnp-elementor-widget.mnp-el-layout-slider .mnp-el-card{ flex:0 0 100%!important; min-width:100%!important; max-width:100%!important; padding:0 10px!important; box-sizing:border-box!important; scroll-snap-align:none!important; } .mnp-elementor-widget.mnp-el-layout-slider .mnp-el-card.has-shadow{ overflow:visible!important; background:transparent!important; box-shadow:none!important; } .mnp-elementor-widget.mnp-el-layout-slider .mnp-el-card.has-shadow .mnp-el-image{ border-radius:26px!important; overflow:hidden!important; } .mnp-elementor-widget.mnp-el-layout-slider .mnp-el-card.has-shadow .mnp-el-image img{ transition:transform .45s ease!important; } .mnp-elementor-widget.mnp-el-layout-slider .mnp-el-card.has-shadow:hover .mnp-el-image img{ transform:scale(1.045)!important; } .mnp-elementor-widget.mnp-el-layout-slider .mnp-el-card.has-shadow .mnp-el-body{ background:#fff; border-radius:0 0 22px 22px; box-shadow:0 14px 36px rgba(0,0,0,.07); } .mnp-elementor-widget.mnp-el-layout-slider .mnp-el-slider-nav{ position:relative!important; inset:auto!important; z-index:50; display:flex!important; align-items:center; justify-content:center; gap:14px; margin:18px auto 0; min-height:48px; pointer-events:auto; } .mnp-elementor-widget.mnp-el-layout-slider .mnp-el-slider-arrow{ position:static!important; inset:auto!important; width:46px!important; height:46px!important; border-radius:999px!important; border:1px solid rgba(191,132,53,.22)!important; background:var(--mnp-secondary,#bf8435)!important; color:#fff!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; font-size:34px!important; line-height:1!important; cursor:pointer; box-shadow:0 12px 26px rgba(105,68,23,.18)!important; transition:transform .2s ease, filter .2s ease, box-shadow .2s ease!important; opacity:1!important; } .mnp-elementor-widget.mnp-el-layout-slider .mnp-el-slider-arrow:hover{ filter:brightness(.97)!important; transform:translateY(-2px)!important; box-shadow:0 16px 32px rgba(105,68,23,.24)!important; } .mnp-elementor-widget.mnp-el-layout-slider .mnp-el-slider-arrow:disabled{ opacity:.45!important; cursor:not-allowed!important; transform:none!important; filter:none!important; } .mnp-elementor-widget.mnp-el-layout-slider .mnp-el-slider-dots{ position:static!important; inset:auto!important; display:inline-flex!important; align-items:center; justify-content:center; min-width:78px; min-height:38px; padding:7px 14px; border-radius:999px; background:rgba(11,125,118,.08); border:1px solid rgba(11,125,118,.16); color:var(--mnp-primary,#0b7d76); font-weight:800; letter-spacing:.02em; } .mnp-elementor-widget.mnp-el-layout-slider .mnp-el-slider-count{ display:inline-flex; align-items:center; gap:5px; transform-origin:center; } .mnp-elementor-widget.mnp-el-layout-slider .mnp-el-slider-count.is-rotating{ animation:mnpSliderCountSpin .6s ease; } .mnp-elementor-widget.mnp-el-layout-slider .mnp-el-slider-current{ font-size:1rem; } .mnp-elementor-widget.mnp-el-layout-slider .mnp-el-slider-sep, .mnp-elementor-widget.mnp-el-layout-slider .mnp-el-slider-total{ opacity:.75; } @keyframes mnpSliderCountSpin{ 0%{transform:rotate(0deg) scale(.96)} 100%{transform:rotate(360deg) scale(1)} } @media(max-width:767px){ .mnp-elementor-widget.mnp-el-layout-slider .mnp-enterprise-results{padding-bottom:12px!important;overflow:hidden!important;} .mnp-elementor-widget.mnp-el-layout-slider .mnp-el-card{padding:0!important;} .mnp-elementor-widget.mnp-el-layout-slider .mnp-el-slider-nav{gap:10px;margin-top:14px;} .mnp-elementor-widget.mnp-el-layout-slider .mnp-el-slider-arrow{width:42px!important;height:42px!important;font-size:30px!important;} .mnp-elementor-widget.mnp-el-layout-slider .mnp-el-slider-dots{min-width:70px;min-height:36px;padding:6px 12px;} } /* v1.4.9 - Slider Dual Mode : Premium / Miniatures */ .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-premium .mnp-el-card{ flex:0 0 100%!important; min-width:100%!important; max-width:100%!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-enterprise-results{ padding:4px 54px 42px!important; overflow:hidden!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card{ flex:0 0 calc(100% / var(--mnp-slider-visible,3))!important; min-width:0!important; max-width:none!important; padding:0 14px!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-nav{ position:static!important; display:flex!important; align-items:center; justify-content:center; gap:14px; margin:18px auto 0; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-dots{ position:static!important; display:inline-flex!important; gap:8px; min-width:auto!important; min-height:auto!important; padding:0!important; border:0!important; background:transparent!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-dot{ width:11px!important; height:11px!important; border-radius:50%!important; border:0!important; padding:0!important; background:rgba(11,125,118,.24)!important; cursor:pointer; transition:transform .2s ease, background .2s ease!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-dot.is-active{ background:var(--mnp-secondary,#bf8435)!important; transform:scale(1.25)!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-arrow{ position:static!important; width:44px!important; height:44px!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-premium .mnp-enterprise-results{ padding:4px 0 18px!important; } @media(max-width:1024px){ .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card{ flex-basis:calc(100% / var(--mnp-slider-visible,2))!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-enterprise-results{ padding-left:44px!important; padding-right:44px!important; } } @media(max-width:767px){ .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card{ flex-basis:100%!important; padding:0!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-enterprise-results{ padding-left:0!important; padding-right:0!important; padding-bottom:12px!important; } } /* ========================================================= v1.5.0 FULL FIX — Slider Miniatures : flèches sur les côtés Les flèches ne sont plus dans la nav du bas et ne sont pas sur les images. ========================================================= */ .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-enterprise-results{ position:relative!important; overflow:hidden!important; padding-left:72px!important; padding-right:72px!important; padding-bottom:54px!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-arrow{ position:absolute!important; top:50%!important; bottom:auto!important; transform:translateY(-50%)!important; width:var(--mnp-slider-arrow-size,46px)!important; height:var(--mnp-slider-arrow-size,46px)!important; min-width:var(--mnp-slider-arrow-size,46px)!important; border-radius:999px!important; background:var(--mnp-slider-arrow-bg,var(--mnp-secondary,#bf8435))!important; color:var(--mnp-slider-arrow-color,#fff)!important; border:1px solid rgba(255,255,255,.55)!important; box-shadow:0 16px 36px rgba(0,0,0,.20)!important; display:flex!important; align-items:center!important; justify-content:center!important; font-size:0!important; line-height:1!important; z-index:80!important; opacity:1!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-prev{ left:var(--mnp-slider-arrow-offset,22px)!important; right:auto!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-next{ right:var(--mnp-slider-arrow-offset,22px)!important; left:auto!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-arrow:hover{ background:var(--mnp-slider-arrow-bg-hover,var(--mnp-primary,#0b7d76))!important; transform:translateY(-50%) scale(1.07)!important; filter:none!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-arrow svg{ width:52%!important; height:52%!important; display:block!important; stroke:currentColor!important; fill:none!important; stroke-width:2.6!important; stroke-linecap:round!important; stroke-linejoin:round!important; pointer-events:none!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails.mnp-slider-arrow-style-square .mnp-el-slider-arrow{ border-radius:15px!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails.mnp-slider-arrow-style-soft .mnp-el-slider-arrow{ background:rgba(155,100,38,.14)!important; color:var(--mnp-slider-arrow-bg,var(--mnp-secondary,#bf8435))!important; backdrop-filter:blur(10px)!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails.mnp-slider-arrow-style-soft .mnp-el-slider-arrow:hover{ background:var(--mnp-slider-arrow-bg,var(--mnp-secondary,#bf8435))!important; color:#fff!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails.mnp-slider-arrow-style-minimal .mnp-el-slider-arrow{ background:transparent!important; color:var(--mnp-slider-arrow-bg,var(--mnp-secondary,#bf8435))!important; box-shadow:none!important; border:0!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails.mnp-slider-arrow-style-minimal .mnp-el-slider-arrow:hover{ background:rgba(155,100,38,.10)!important; color:var(--mnp-slider-arrow-bg-hover,var(--mnp-primary,#0b7d76))!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-nav{ position:static!important; display:flex!important; justify-content:center!important; align-items:center!important; margin:18px auto 0!important; min-height:20px!important; gap:8px!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-nav .mnp-el-slider-arrow{ position:absolute!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-dots{ position:static!important; display:inline-flex!important; } @media(max-width:1024px){ .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-enterprise-results{ padding-left:58px!important; padding-right:58px!important; } } @media(max-width:767px){ .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-enterprise-results{ padding-left:0!important; padding-right:0!important; padding-bottom:68px!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-arrow{ top:auto!important; bottom:12px!important; transform:none!important; width:42px!important; height:42px!important; min-width:42px!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-arrow:hover{ transform:scale(1.06)!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-prev{ left:calc(50% - 52px)!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-next{ right:calc(50% - 52px)!important; } } /* ========================================================= v1.5.2 FINAL — Slider Miniatures réellement complet - plusieurs cartes visibles - flèches sur les côtés - autoplay stable ========================================================= */ .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails{ overflow:visible!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-enterprise-results{ position:relative!important; overflow:visible!important; padding-left:calc(var(--mnp-slider-arrow-size,46px) + var(--mnp-slider-arrow-offset,22px))!important; padding-right:calc(var(--mnp-slider-arrow-size,46px) + var(--mnp-slider-arrow-offset,22px))!important; padding-bottom:54px!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-enterprise-results::before{ content:""; position:absolute; inset:0 calc(var(--mnp-slider-arrow-size,46px) + var(--mnp-slider-arrow-offset,22px)) 54px; pointer-events:none; overflow:hidden; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-list{ display:flex!important; grid-template-columns:none!important; gap:24px!important; overflow:visible!important; padding:0!important; margin:0!important; transition:transform .55s cubic-bezier(.18,.78,.22,1)!important; will-change:transform!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card{ flex:0 0 var(--mnp-slider-card-basis, calc((100% - 48px) / 3))!important; min-width:var(--mnp-slider-card-basis, calc((100% - 48px) / 3))!important; max-width:var(--mnp-slider-card-basis, calc((100% - 48px) / 3))!important; box-sizing:border-box!important; padding:0!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-arrow{ position:absolute!important; top:50%!important; bottom:auto!important; transform:translateY(-50%)!important; width:var(--mnp-slider-arrow-size,46px)!important; height:var(--mnp-slider-arrow-size,46px)!important; min-width:var(--mnp-slider-arrow-size,46px)!important; border-radius:999px!important; background:var(--mnp-slider-arrow-bg,var(--mnp-secondary,#bf8435))!important; color:var(--mnp-slider-arrow-color,#fff)!important; border:1px solid rgba(255,255,255,.55)!important; box-shadow:0 16px 36px rgba(0,0,0,.20)!important; display:flex!important; align-items:center!important; justify-content:center!important; font-size:0!important; line-height:1!important; z-index:90!important; opacity:1!important; cursor:pointer!important; pointer-events:auto!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-prev{ left:0!important; right:auto!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-next{ right:0!important; left:auto!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-arrow:hover{ background:var(--mnp-slider-arrow-bg-hover,var(--mnp-primary,#0b7d76))!important; transform:translateY(-50%) scale(1.07)!important; filter:none!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-arrow svg{ width:52%!important; height:52%!important; display:block!important; stroke:currentColor!important; fill:none!important; stroke-width:2.7!important; stroke-linecap:round!important; stroke-linejoin:round!important; pointer-events:none!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-nav{ position:absolute!important; left:0!important; right:0!important; bottom:10px!important; display:flex!important; justify-content:center!important; align-items:center!important; gap:9px!important; min-height:28px!important; margin:0!important; z-index:60!important; pointer-events:none!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-nav .mnp-el-slider-dots{ pointer-events:auto!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-dots{ position:static!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-dot{ width:10px!important; height:10px!important; border-radius:999px!important; border:1px solid rgba(11,125,118,.35)!important; background:#fff!important; cursor:pointer!important; padding:0!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-dot.is-active{ width:26px!important; background:var(--mnp-primary,#0b7d76)!important; transform:none!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails.mnp-slider-no-nav .mnp-el-slider-arrow, .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails.mnp-slider-no-nav .mnp-el-slider-dots{ display:none!important; } @media(max-width:1024px){ .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails{ --mnp-slider-visible-effective:2; } } @media(max-width:767px){ .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-enterprise-results{ padding-left:0!important; padding-right:0!important; padding-bottom:70px!important; overflow:hidden!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card{ flex-basis:100%!important; min-width:100%!important; max-width:100%!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-arrow{ top:auto!important; bottom:16px!important; width:42px!important; height:42px!important; min-width:42px!important; transform:none!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-arrow:hover{ transform:scale(1.06)!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-prev{ left:calc(50% - 58px)!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-next{ right:calc(50% - 58px)!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-nav{ bottom:27px!important; } } /* ========================================================= MASCO Actualités Pro v1.5.3 Slider miniatures polish : pas de cartes coupées, flèches propres ========================================================= */ /* le slider ne doit jamais déborder visuellement de la section */ .masco-news-slider-wrap, .masco-slider-miniatures, .masco-news-slider-wrap *{ box-sizing: border-box; } .masco-news-slider-wrap, .masco-slider-miniatures{ position: relative !important; width: 100% !important; max-width: 100% !important; overflow: hidden !important; /* masque les cartes hors viewport */ padding: 0 58px 42px !important; /* espace interne pour flèches */ --masco-slider-gap: 24px; --masco-arrow-size: 42px; --masco-arrow-bg: #9b6426; --masco-arrow-bg-hover: #0b7d76; --masco-arrow-color: #fff; } .masco-news-slider-viewport{ overflow: hidden !important; width: 100% !important; max-width: 100% !important; margin: 0 auto !important; } .masco-news-slider-track{ display: flex !important; flex-wrap: nowrap !important; gap: var(--masco-slider-gap) !important; align-items: stretch !important; will-change: transform; transform: translate3d(0,0,0); transition: transform .55s ease; } /* Important : largeur calculée avec le gap pour éviter les 1/2 cartes visibles */ .masco-news-slider-wrap.masco-slider-cols-1 .masco-news-slider-track > *, .masco-slider-miniatures.masco-slider-cols-1 .masco-news-slider-track > *{ flex: 0 0 100% !important; max-width: 100% !important; } .masco-news-slider-wrap.masco-slider-cols-2 .masco-news-slider-track > *, .masco-slider-miniatures.masco-slider-cols-2 .masco-news-slider-track > *{ flex: 0 0 calc((100% - var(--masco-slider-gap)) / 2) !important; max-width: calc((100% - var(--masco-slider-gap)) / 2) !important; } .masco-news-slider-wrap.masco-slider-cols-3 .masco-news-slider-track > *, .masco-slider-miniatures.masco-slider-cols-3 .masco-news-slider-track > *{ flex: 0 0 calc((100% - (var(--masco-slider-gap) * 2)) / 3) !important; max-width: calc((100% - (var(--masco-slider-gap) * 2)) / 3) !important; } .masco-news-slider-wrap.masco-slider-cols-4 .masco-news-slider-track > *, .masco-slider-miniatures.masco-slider-cols-4 .masco-news-slider-track > *{ flex: 0 0 calc((100% - (var(--masco-slider-gap) * 3)) / 4) !important; max-width: calc((100% - (var(--masco-slider-gap) * 3)) / 4) !important; } .masco-news-slider-wrap.masco-slider-cols-5 .masco-news-slider-track > *, .masco-slider-miniatures.masco-slider-cols-5 .masco-news-slider-track > *{ flex: 0 0 calc((100% - (var(--masco-slider-gap) * 4)) / 5) !important; max-width: calc((100% - (var(--masco-slider-gap) * 4)) / 5) !important; } .masco-news-slider-wrap.masco-slider-cols-6 .masco-news-slider-track > *, .masco-slider-miniatures.masco-slider-cols-6 .masco-news-slider-track > *{ flex: 0 0 calc((100% - (var(--masco-slider-gap) * 5)) / 6) !important; max-width: calc((100% - (var(--masco-slider-gap) * 5)) / 6) !important; } /* flèches centrées verticalement sur les côtés du slider, pas sur les images */ .masco-slider-prev, .masco-slider-next, .masco-news-prev, .masco-news-next{ position: absolute !important; top: 42% !important; width: var(--masco-arrow-size) !important; height: var(--masco-arrow-size) !important; border-radius: 999px !important; border: 0 !important; background: var(--masco-arrow-bg) !important; color: var(--masco-arrow-color) !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 50 !important; cursor: pointer !important; box-shadow: 0 14px 30px rgba(0,0,0,.18) !important; transform: translateY(-50%) !important; transition: transform .22s ease, background .22s ease, opacity .22s ease !important; } .masco-slider-prev, .masco-news-prev{ left: 8px !important; } .masco-slider-next, .masco-news-next{ right: 8px !important; } .masco-slider-prev:hover, .masco-slider-next:hover, .masco-news-prev:hover, .masco-news-next:hover{ background: var(--masco-arrow-bg-hover) !important; transform: translateY(-50%) scale(1.06) !important; } .masco-slider-prev svg, .masco-slider-next svg, .masco-news-prev svg, .masco-news-next svg{ width: 20px !important; height: 20px !important; stroke: currentColor !important; fill: none !important; stroke-width: 2.8 !important; stroke-linecap: round !important; stroke-linejoin: round !important; } /* cartes : même hauteur propre */ .masco-news-slider-track > .masco-news-card, .masco-news-slider-track > .masco-card, .masco-news-slider-track > article{ min-width: 0 !important; height: auto !important; } /* dots bien centrés sous les cartes */ .masco-slider-dots{ position: absolute !important; left: 50% !important; bottom: 12px !important; transform: translateX(-50%) !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 8px !important; margin: 0 !important; z-index: 20 !important; } .masco-slider-dot{ width: 9px !important; height: 9px !important; padding: 0 !important; border-radius: 999px !important; border: 1px solid rgba(11,125,118,.35) !important; background: #fff !important; cursor: pointer !important; } .masco-slider-dot.active{ width: 24px !important; background: #0b7d76 !important; } /* bouton Toutes les actualités garde son espace et ne chevauche pas */ .masco-news-all-wrap, .masco-all-news-wrap{ margin-top: 28px !important; clear: both !important; } /* Responsive */ @media (max-width: 1024px){ .masco-news-slider-wrap, .masco-slider-miniatures{ padding-left: 46px !important; padding-right: 46px !important; --masco-slider-gap: 20px; } .masco-news-slider-track > *{ flex-basis: calc((100% - var(--masco-slider-gap)) / 2) !important; max-width: calc((100% - var(--masco-slider-gap)) / 2) !important; } } @media (max-width: 767px){ .masco-news-slider-wrap, .masco-slider-miniatures{ padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 74px !important; --masco-slider-gap: 16px; overflow: hidden !important; } .masco-news-slider-track > *{ flex-basis: 100% !important; max-width: 100% !important; } .masco-slider-prev, .masco-news-prev{ left: calc(50% - 52px) !important; top: auto !important; bottom: 22px !important; transform: none !important; } .masco-slider-next, .masco-news-next{ right: calc(50% - 52px) !important; top: auto !important; bottom: 22px !important; transform: none !important; } .masco-slider-prev:hover, .masco-slider-next:hover, .masco-news-prev:hover, .masco-news-next:hover{ transform: scale(1.05) !important; } .masco-slider-dots{ bottom: 6px !important; } } /* ========================================================= MASCO Actualités Pro v1.5.4 Slider Miniatures Stable — 3 cartes propres + flèches latérales ========================================================= */ .masco-news-slider-wrap, .masco-slider-miniatures{ position:relative !important; width:100% !important; max-width:100% !important; overflow:hidden !important; box-sizing:border-box !important; /* espace réservé aux flèches, donc elles ne mangent pas les cartes */ padding-left:58px !important; padding-right:58px !important; padding-bottom:46px !important; --masco-slider-gap:24px; --masco-visible-slides:3; --masco-arrow-size:44px; --masco-arrow-bg:#9b6426; --masco-arrow-bg-hover:#0b7d76; --masco-arrow-color:#ffffff; } .masco-news-slider-wrap *, .masco-slider-miniatures *{ box-sizing:border-box !important; } /* Zone visible : aucune carte coupée */ .masco-news-slider-viewport{ width:100% !important; max-width:100% !important; overflow:hidden !important; margin:0 auto !important; position:relative !important; } /* Track stable */ .masco-news-slider-track{ display:flex !important; flex-wrap:nowrap !important; align-items:stretch !important; gap:var(--masco-slider-gap) !important; width:max-content !important; min-width:100% !important; will-change:transform !important; transform:translate3d(0,0,0); transition:transform .55s cubic-bezier(.22,.61,.36,1) !important; } /* Largeur carte calculée par JS et injectée en px pour éviter les erreurs CSS/Elementor */ .masco-news-slider-track > .masco-news-card, .masco-news-slider-track > .masco-card, .masco-news-slider-track > article, .masco-news-slider-track > .elementor-post, .masco-news-slider-track > div{ flex:0 0 var(--masco-slide-width, calc((100% - 48px) / 3)) !important; width:var(--masco-slide-width, calc((100% - 48px) / 3)) !important; max-width:var(--masco-slide-width, calc((100% - 48px) / 3)) !important; min-width:0 !important; margin:0 !important; } /* Flèches sur les côtés du widget, pas sur les images */ .masco-slider-prev, .masco-slider-next, .masco-news-prev, .masco-news-next{ position:absolute !important; top:50% !important; width:var(--masco-arrow-size) !important; height:var(--masco-arrow-size) !important; margin:0 !important; padding:0 !important; border:0 !important; border-radius:999px !important; background:var(--masco-arrow-bg) !important; color:var(--masco-arrow-color) !important; display:flex !important; align-items:center !important; justify-content:center !important; z-index:80 !important; cursor:pointer !important; transform:translateY(-50%) !important; box-shadow:0 14px 34px rgba(0,0,0,.20) !important; transition:background .2s ease, transform .2s ease, opacity .2s ease !important; } .masco-slider-prev, .masco-news-prev{ left:8px !important; } .masco-slider-next, .masco-news-next{ right:8px !important; } .masco-slider-prev:hover, .masco-slider-next:hover, .masco-news-prev:hover, .masco-news-next:hover{ background:var(--masco-arrow-bg-hover) !important; transform:translateY(-50%) scale(1.06) !important; } .masco-slider-prev svg, .masco-slider-next svg, .masco-news-prev svg, .masco-news-next svg{ width:20px !important; height:20px !important; stroke:currentColor !important; fill:none !important; stroke-width:2.8 !important; stroke-linecap:round !important; stroke-linejoin:round !important; pointer-events:none !important; } .masco-slider-no-nav .masco-slider-prev, .masco-slider-no-nav .masco-slider-next, .masco-slider-no-nav .masco-news-prev, .masco-slider-no-nav .masco-news-next{ display:none !important; } /* Dots propres */ .masco-slider-dots{ position:absolute !important; left:50% !important; bottom:14px !important; transform:translateX(-50%) !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:8px !important; margin:0 !important; padding:0 !important; z-index:40 !important; } .masco-slider-dot{ width:9px !important; height:9px !important; padding:0 !important; border-radius:999px !important; border:1px solid rgba(11,125,118,.38) !important; background:#ffffff !important; cursor:pointer !important; transition:all .18s ease !important; } .masco-slider-dot.active{ width:25px !important; background:#0b7d76 !important; } /* Images : arrondi + hover conservés */ .masco-news-slider-track img{ max-width:100% !important; } .masco-news-slider-track .masco-news-img, .masco-news-slider-track .masco-news-thumb, .masco-news-slider-track .masco-card-image{ overflow:hidden !important; border-radius:22px 22px 0 0 !important; } .masco-news-slider-track img{ transition:transform .45s ease !important; } .masco-news-slider-track > *:hover img{ transform:scale(1.045) !important; } /* Ne jamais laisser le bouton toutes actualités chevaucher le slider */ .masco-news-all-wrap, .masco-all-news-wrap{ margin-top:30px !important; clear:both !important; } /* Tablette : 2 cartes propres */ @media(max-width:1024px){ .masco-news-slider-wrap, .masco-slider-miniatures{ padding-left:50px !important; padding-right:50px !important; --masco-slider-gap:20px; } } /* Mobile : 1 carte, flèches en bas */ @media(max-width:767px){ .masco-news-slider-wrap, .masco-slider-miniatures{ padding-left:0 !important; padding-right:0 !important; padding-bottom:82px !important; --masco-slider-gap:16px; } .masco-slider-prev, .masco-news-prev{ left:calc(50% - 54px) !important; top:auto !important; bottom:28px !important; transform:none !important; } .masco-slider-next, .masco-news-next{ right:calc(50% - 54px) !important; top:auto !important; bottom:28px !important; transform:none !important; } .masco-slider-prev:hover, .masco-slider-next:hover, .masco-news-prev:hover, .masco-news-next:hover{ transform:scale(1.05) !important; } .masco-slider-dots{ bottom:8px !important; } } /* ========================================================= MASCO Actualités Pro v1.5.5 Correctif Slider Miniatures Elementor - 6 actualités chargées / 3 visibles : seules 3 cartes restent dans la zone - les cartes suivantes passent sous un viewport masqué, pas sous les flèches ========================================================= */ .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-enterprise-results{ position:relative!important; overflow:visible!important; padding-left:calc(var(--mnp-slider-arrow-size,46px) + var(--mnp-slider-arrow-offset,22px))!important; padding-right:calc(var(--mnp-slider-arrow-size,46px) + var(--mnp-slider-arrow-offset,22px))!important; padding-bottom:58px!important; box-sizing:border-box!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-viewport{ width:100%!important; max-width:100%!important; overflow:hidden!important; position:relative!important; margin:0 auto!important; padding:0!important; box-sizing:border-box!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-list{ display:flex!important; grid-template-columns:none!important; flex-wrap:nowrap!important; align-items:stretch!important; gap:var(--mnp-slider-gap,24px)!important; width:max-content!important; min-width:100%!important; max-width:none!important; overflow:visible!important; padding:0!important; margin:0!important; transform:translate3d(0,0,0); transition:transform .55s cubic-bezier(.22,.61,.36,1)!important; will-change:transform!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card{ flex:0 0 var(--mnp-slider-card-width, calc((100% - 48px) / 3))!important; width:var(--mnp-slider-card-width, calc((100% - 48px) / 3))!important; min-width:var(--mnp-slider-card-width, calc((100% - 48px) / 3))!important; max-width:var(--mnp-slider-card-width, calc((100% - 48px) / 3))!important; margin:0!important; box-sizing:border-box!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-arrow{ top:50%!important; z-index:120!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-prev{left:8px!important;} .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-next{right:8px!important;} .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-nav{ bottom:12px!important; z-index:90!important; } @media(max-width:1024px){ .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-enterprise-results{ padding-left:56px!important; padding-right:56px!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-list{ gap:var(--mnp-slider-gap-tablet,20px)!important; } } @media(max-width:767px){ .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-enterprise-results{ padding-left:0!important; padding-right:0!important; padding-bottom:76px!important; overflow:hidden!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-list{ gap:var(--mnp-slider-gap-mobile,16px)!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-prev{left:calc(50% - 58px)!important;} .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-next{right:calc(50% - 58px)!important;} } /* ========================================================= MASCO Actualités Pro v1.5.6 — Slider Miniatures viewport propre Objectif : 6 actualités chargées, 3 visibles, le reste masqué sous la zone. ========================================================= */ .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails, .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails *{ box-sizing:border-box!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails{ width:100%!important; max-width:100%!important; overflow:visible!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-enterprise-results{ position:relative!important; width:100%!important; max-width:100%!important; overflow:visible!important; padding-left:calc(var(--mnp-slider-arrow-size,46px) + var(--mnp-slider-arrow-offset,22px) + 8px)!important; padding-right:calc(var(--mnp-slider-arrow-size,46px) + var(--mnp-slider-arrow-offset,22px) + 8px)!important; padding-bottom:42px!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-viewport{ width:100%!important; max-width:100%!important; overflow:hidden!important; margin:0 auto!important; padding:0!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-list{ display:flex!important; flex-wrap:nowrap!important; grid-template-columns:none!important; gap:24px!important; align-items:stretch!important; width:max-content!important; max-width:none!important; overflow:visible!important; margin:0!important; padding:0!important; transform:translate3d(0,0,0); transition:transform .58s cubic-bezier(.18,.78,.22,1)!important; will-change:transform!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card{ flex:0 0 var(--mnp-slider-card-width, calc((100% - 48px) / 3))!important; width:var(--mnp-slider-card-width, calc((100% - 48px) / 3))!important; min-width:var(--mnp-slider-card-width, calc((100% - 48px) / 3))!important; max-width:var(--mnp-slider-card-width, calc((100% - 48px) / 3))!important; padding:0!important; margin:0!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card.has-shadow{ height:100%!important; background:#fff!important; border-radius:22px!important; box-shadow:0 14px 38px rgba(0,0,0,.08)!important; overflow:hidden!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card.has-shadow .mnp-el-image{ border-radius:22px 22px 0 0!important; overflow:hidden!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card.has-shadow .mnp-el-body{ background:#fff!important; border-radius:0 0 22px 22px!important; box-shadow:none!important; min-height:220px!important; display:flex!important; flex-direction:column!important; align-items:center!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card.has-shadow .mnp-el-btn{ margin-top:auto!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-arrow{ position:absolute!important; top:50%!important; transform:translateY(-50%)!important; z-index:95!important; pointer-events:auto!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-prev{left:10px!important;right:auto!important;} .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-next{right:10px!important;left:auto!important;} .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-nav{ position:absolute!important; left:0!important; right:0!important; bottom:6px!important; z-index:70!important; display:flex!important; justify-content:center!important; pointer-events:none!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-dots{ pointer-events:auto!important; background:transparent!important; border:0!important; min-height:18px!important; padding:0!important; gap:8px!important; } @media(max-width:1024px){ .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-enterprise-results{ padding-left:58px!important; padding-right:58px!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-list{gap:20px!important;} } @media(max-width:767px){ .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-enterprise-results{ padding-left:0!important; padding-right:0!important; padding-bottom:72px!important; overflow:hidden!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-list{gap:0!important;} .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card{ flex-basis:100%!important;width:100%!important;min-width:100%!important;max-width:100%!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-arrow{ top:auto!important;bottom:16px!important;transform:none!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-prev{left:calc(50% - 58px)!important;} .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-next{right:calc(50% - 58px)!important;} .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-nav{bottom:30px!important;} } /* ========================================================= MASCO Actualités Pro v1.5.7 — Slider Miniatures LOOP 360 + clean bottom - supprime les traits colorés en bas des cartes/viewport - rotation infinie sans retour brutal au début - garde 3 cartes propres visibles dans le viewport ========================================================= */ .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-viewport{ overflow:hidden!important; border:0!important; outline:0!important; box-shadow:none!important; background:transparent!important; padding-bottom:18px!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-list{ border:0!important; outline:0!important; background:transparent!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card, .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card.has-shadow, .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card::before, .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card::after, .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-body, .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-body::before, .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-body::after{ border:0!important; outline:0!important; border-bottom:0!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card.has-shadow{ overflow:hidden!important; background:#fff!important; border-radius:22px!important; box-shadow:0 14px 38px rgba(0,0,0,.08)!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card.has-shadow .mnp-el-body{ position:relative!important; z-index:2!important; margin-bottom:0!important; padding-bottom:28px!important; background:#fff!important; border-radius:0 0 22px 22px!important; box-shadow:none!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card.has-shadow .mnp-el-body > *:last-child{ margin-bottom:0!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-dot{ border:1px solid rgba(11,125,118,.30)!important; outline:0!important; box-shadow:none!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-dot.is-active{ background:var(--mnp-primary,#0b7d76)!important; border-color:var(--mnp-primary,#0b7d76)!important; } @media(max-width:767px){ .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-viewport{padding-bottom:12px!important;} .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card.has-shadow .mnp-el-body{padding-bottom:22px!important;} } /* ========================================================= MASCO Actualités Pro v1.5.8 — Equal Height Cards + Loop 360 - toutes les cartes miniatures ont la même hauteur visuelle - image, titre, extrait et bouton sont stabilisés - le bouton reste aligné en bas, sans carte qui touche plus bas qu'une autre ========================================================= */ .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-viewport{ overflow:hidden!important; padding-bottom:34px!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-list{ align-items:stretch!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card{ display:flex!important; flex-direction:column!important; align-self:stretch!important; height:auto!important; min-height:100%!important; box-sizing:border-box!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card.has-shadow{ display:flex!important; flex-direction:column!important; height:100%!important; overflow:hidden!important; background:#fff!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card.has-shadow .mnp-el-image{ flex:0 0 auto!important; height:220px!important; min-height:220px!important; max-height:220px!important; aspect-ratio:auto!important; border-radius:22px 22px 0 0!important; overflow:hidden!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card.has-shadow .mnp-el-image img{ width:100%!important; height:100%!important; object-fit:cover!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card.has-shadow .mnp-el-body{ flex:1 1 auto!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:flex-start!important; min-height:246px!important; padding:24px 22px 24px!important; box-sizing:border-box!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-meta{ flex:0 0 auto!important; min-height:24px!important; margin-bottom:8px!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card h3{ flex:0 0 auto!important; display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; overflow:hidden!important; min-height:58px!important; margin:8px 0 14px!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card p{ flex:0 0 auto!important; display:-webkit-box!important; -webkit-line-clamp:3!important; -webkit-box-orient:vertical!important; overflow:hidden!important; min-height:78px!important; margin:0 auto 18px!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card.has-shadow .mnp-el-btn{ margin-top:auto!important; align-self:center!important; } @media(max-width:1024px){ .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card.has-shadow .mnp-el-image{ height:210px!important;min-height:210px!important;max-height:210px!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card.has-shadow .mnp-el-body{ min-height:250px!important; } } @media(max-width:767px){ .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-viewport{padding-bottom:82px!important;} .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card.has-shadow .mnp-el-image{ height:215px!important;min-height:215px!important;max-height:215px!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card.has-shadow .mnp-el-body{ min-height:245px!important; padding:22px 18px 24px!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card h3{ min-height:auto!important; -webkit-line-clamp:3!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card p{ min-height:auto!important; } } /* ========================================================= MASCO Actualités Pro v1.5.9 — Elementor Preview + Viewport Fix - corrige l’aperçu Elementor qui affichait 1 carte géante - garde 3 cartes visibles sur desktop quand Articles visibles = 3 - viewport propre : les cartes hors zone sont masquées, pas étirées - hauteurs homogènes conservées ========================================================= */ .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails, .elementor-editor-active .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails{ width:100%!important; max-width:100%!important; overflow:visible!important; box-sizing:border-box!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-enterprise-results, .elementor-editor-active .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-enterprise-results{ position:relative!important; width:100%!important; max-width:100%!important; min-width:0!important; box-sizing:border-box!important; overflow:visible!important; padding-left:calc(var(--mnp-slider-arrow-size,46px) + var(--mnp-slider-arrow-offset,22px) + 6px)!important; padding-right:calc(var(--mnp-slider-arrow-size,46px) + var(--mnp-slider-arrow-offset,22px) + 6px)!important; padding-bottom:58px!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-viewport, .elementor-editor-active .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-viewport{ display:block!important; position:relative!important; width:100%!important; max-width:100%!important; min-width:0!important; overflow:hidden!important; box-sizing:border-box!important; padding:0 0 6px!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-list, .elementor-editor-active .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-list{ display:flex!important; flex-wrap:nowrap!important; align-items:stretch!important; justify-content:flex-start!important; grid-template-columns:none!important; width:100%!important; max-width:none!important; min-width:0!important; gap:24px!important; margin:0!important; padding:0!important; overflow:visible!important; transform:translate3d(0,0,0); will-change:transform; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card, .elementor-editor-active .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card{ flex:0 0 var(--mnp-slider-card-width, calc((100% - 48px) / 3))!important; width:var(--mnp-slider-card-width, calc((100% - 48px) / 3))!important; min-width:var(--mnp-slider-card-width, calc((100% - 48px) / 3))!important; max-width:var(--mnp-slider-card-width, calc((100% - 48px) / 3))!important; box-sizing:border-box!important; margin:0!important; padding:0!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card.has-shadow, .elementor-editor-active .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card.has-shadow{ min-height:466px!important; height:100%!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-prev{left:var(--mnp-slider-arrow-offset,22px)!important;} .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-next{right:var(--mnp-slider-arrow-offset,22px)!important;} @media(max-width:1024px){ .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card, .elementor-editor-active .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card{ flex-basis:var(--mnp-slider-card-width, calc((100% - 24px) / 2))!important; width:var(--mnp-slider-card-width, calc((100% - 24px) / 2))!important; min-width:var(--mnp-slider-card-width, calc((100% - 24px) / 2))!important; max-width:var(--mnp-slider-card-width, calc((100% - 24px) / 2))!important; } } @media(max-width:767px){ .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-enterprise-results, .elementor-editor-active .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-enterprise-results{ padding-left:0!important; padding-right:0!important; padding-bottom:76px!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-list, .elementor-editor-active .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-list{gap:0!important;} .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card, .elementor-editor-active .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card{ flex-basis:100%!important;width:100%!important;min-width:100%!important;max-width:100%!important; } } /* MASCO Actualités Pro v1.6.2 — Slider Miniatures stabilité visuelle */ .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-viewport{ width:100%; max-width:100%; overflow:hidden !important; position:relative; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-list{ display:flex !important; flex-wrap:nowrap !important; align-items:stretch !important; will-change:transform; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card{ flex:0 0 var(--mnp-slider-card-width) !important; width:var(--mnp-slider-card-width) !important; min-width:var(--mnp-slider-card-width) !important; max-width:var(--mnp-slider-card-width) !important; height:auto !important; display:flex !important; flex-direction:column !important; overflow:hidden !important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card .mnp-el-content, .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card .mnp-el-body{ flex:1 1 auto !important; display:flex !important; flex-direction:column !important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card .mnp-el-btn, .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card .mnp-el-more{ margin-top:auto !important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-prev, .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-next{ pointer-events:auto !important; cursor:pointer !important; z-index:20 !important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails.mnp-slider-no-nav .mnp-el-slider-prev, .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails.mnp-slider-no-nav .mnp-el-slider-next{ display:none !important; } /* MASCO Actualités Pro v1.6.3 — Slider Miniatures stability */ .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-viewport{ width:100% !important; max-width:100% !important; overflow:hidden !important; position:relative !important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-list{ display:flex !important; flex-wrap:nowrap !important; align-items:stretch !important; will-change:transform !important; transform:translate3d(0,0,0); } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card{ box-sizing:border-box !important; display:flex !important; flex-direction:column !important; height:auto !important; align-self:stretch !important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card .mnp-el-content, .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card .mnp-el-body{ flex:1 1 auto !important; display:flex !important; flex-direction:column !important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card .mnp-el-btn, .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card .mnp-el-more, .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card .mnp-el-actions{ margin-top:auto !important; } /* ========================================================= MASCO Actualités Pro v1.6.6 — Equal Height Cards Stable Objectif : toutes les cartes du slider miniatures gardent exactement le même alignement bas, même si les titres/extraits ont des longueurs différentes. ========================================================= */ .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-viewport{ overflow:hidden!important; width:100%!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-list{ align-items:stretch!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card{ display:flex!important; flex-direction:column!important; align-self:stretch!important; height:auto!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card.has-shadow{ height:100%!important; min-height:400px!important; background:#fff!important; overflow:hidden!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-image{ flex:0 0 auto!important; width:100%!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-body{ flex:1 1 auto!important; display:flex!important; flex-direction:column!important; justify-content:flex-start!important; padding:26px 20px 24px!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-meta{ flex:0 0 auto!important; min-height:24px!important; margin-bottom:8px!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card h3{ flex:0 0 auto!important; min-height:72px!important; margin:8px 0 14px!important; display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; overflow:hidden!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card p{ flex:0 0 auto!important; min-height:82px!important; max-height:82px!important; margin:0 auto 18px!important; display:-webkit-box!important; -webkit-line-clamp:3!important; -webkit-box-orient:vertical!important; overflow:hidden!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-btn{ margin-top:auto!important; align-self:center!important; flex:0 0 auto!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-nav{ margin-top:24px!important; } @media(max-width:1024px){ .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card.has-shadow{ min-height:390px!important; } } @media(max-width:767px){ .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card.has-shadow{ min-height:auto!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card h3{ min-height:auto!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card p{ min-height:auto!important; max-height:none!important; } } /* ========================================================= MASCO Actualités Pro v1.6.7 — Mobile / Tablet Responsive Cards Objectif : améliorer le rendu mobile/tablette du slider manuel : - cartes non collées aux bords ; - largeur maîtrisée ; - boutons accessibles malgré widgets flottants ; - flèches/dots propres sous la carte ; - hauteur interne stable. ========================================================= */ .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails{ max-width:100%!important; overflow:hidden!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-enterprise-results, .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-viewport{ max-width:100%!important; box-sizing:border-box!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card.has-shadow{ display:flex!important; flex-direction:column!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-body{ min-width:0!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-meta{ gap:10px!important; row-gap:8px!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-actions{ margin-top:22px!important; } @media (min-width:768px) and (max-width:1024px){ .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails{ padding-left:10px!important; padding-right:10px!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-enterprise-results{ padding-left:42px!important; padding-right:42px!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card{ padding-left:10px!important; padding-right:10px!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card.has-shadow{ min-height:420px!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-image{ aspect-ratio:16/9!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-body{ padding:24px 18px 24px!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card h3{ min-height:66px!important; font-size:clamp(1.08rem,2.2vw,1.35rem)!important; line-height:1.35!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card p{ min-height:76px!important; max-height:76px!important; font-size:.96rem!important; line-height:1.62!important; } } @media (max-width:767px){ .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails{ padding-left:0!important; padding-right:0!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-heading{ padding-left:18px!important; padding-right:18px!important; margin-bottom:18px!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-heading h2{ font-size:clamp(2rem,9vw,2.7rem)!important; line-height:1.08!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-enterprise-results{ padding-left:14px!important; padding-right:14px!important; padding-bottom:14px!important; overflow:hidden!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-viewport{ overflow:hidden!important; border-radius:22px!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card{ flex-basis:100%!important; min-width:100%!important; max-width:100%!important; padding-left:0!important; padding-right:0!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card.has-shadow{ width:100%!important; min-height:auto!important; border-radius:22px!important; overflow:hidden!important; box-shadow:0 14px 34px rgba(0,0,0,.08)!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-image{ border-radius:22px 22px 0 0!important; aspect-ratio:16/10!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-date{ width:70px!important; height:70px!important; right:12px!important; left:auto!important; top:14px!important; bottom:auto!important; transform:none!important; border-width:4px!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-date strong{font-size:1.28rem!important;} .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-date small{font-size:.72rem!important;} .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-body{ padding:22px 26px 28px!important; text-align:left!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-meta{ justify-content:flex-start!important; min-height:auto!important; gap:10px!important; row-gap:9px!important; font-size:.92rem!important; line-height:1.35!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card h3{ min-height:auto!important; max-height:none!important; margin:16px 0 14px!important; font-size:1.28rem!important; line-height:1.42!important; -webkit-line-clamp:3!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card p{ width:100%!important; max-width:none!important; min-height:auto!important; max-height:none!important; margin:0 0 22px!important; font-size:1rem!important; line-height:1.75!important; -webkit-line-clamp:3!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-btn{ width:auto!important; min-width:158px!important; max-width:100%!important; align-self:center!important; padding:15px 24px!important; font-size:1rem!important; border-radius:999px!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-nav{ position:relative!important; display:grid!important; grid-template-columns:48px 1fr 48px!important; align-items:center!important; gap:12px!important; width:100%!important; max-width:320px!important; margin:22px auto 24px!important; padding:0 8px!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-arrow{ position:static!important; width:48px!important; height:48px!important; font-size:30px!important; box-shadow:0 10px 24px rgba(0,0,0,.18)!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-dots{ position:static!important; display:flex!important; justify-content:center!important; align-items:center!important; min-width:0!important; padding:0!important; gap:8px!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-dot{ width:11px!important; height:11px!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-dot.is-active{ width:34px!important; border-radius:999px!important; transform:none!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-actions{ justify-content:center!important; padding-left:18px!important; padding-right:18px!important; margin-top:10px!important; margin-bottom:18px!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-actions .mnp-el-all{ width:100%!important; max-width:430px!important; min-width:0!important; padding:18px 24px!important; text-align:center!important; border-radius:999px!important; } } @media (max-width:380px){ .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-enterprise-results{ padding-left:10px!important; padding-right:10px!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-body{ padding-left:20px!important; padding-right:20px!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-heading h2{ font-size:2rem!important; } } /* ========================================================= MASCO Actualités Pro v1.6.8 Responsive global cards + hero image padding + mobile arrows only ========================================================= */ .mnp-elementor-widget, .mnp-elementor-widget *{box-sizing:border-box!important;} /* Global: éviter les débordements sur tous les rendus Elementor */ .mnp-elementor-widget .mnp-enterprise-results, .mnp-elementor-widget .mnp-el-list, .mnp-elementor-widget .mnp-el-card, .mnp-elementor-widget .mnp-el-image, .mnp-elementor-widget .mnp-el-body{max-width:100%!important;} .mnp-elementor-widget .mnp-el-card.has-shadow{display:flex!important;flex-direction:column!important;min-width:0!important;} .mnp-elementor-widget .mnp-el-card.has-shadow .mnp-el-body{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;} .mnp-elementor-widget .mnp-el-card .mnp-el-btn{margin-top:auto!important;} /* Hero / preview client : padding et image contenue */ .mnp-elementor-widget .mnp-enterprise-hero, .mnp-elementor-widget .mnp-el-layout-hero .mnp-el-card, .mnp-elementor-widget.mnp-el-layout-hero .mnp-el-card{overflow:hidden!important;} .mnp-elementor-widget .mnp-enterprise-hero .mnp-el-image, .mnp-elementor-widget .mnp-enterprise-hero img, .mnp-elementor-widget.mnp-el-layout-hero .mnp-el-image, .mnp-elementor-widget.mnp-el-layout-hero .mnp-el-image img{max-width:100%!important;} /* Slider miniatures : viewport confortable */ .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-enterprise-results{ overflow:hidden!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-list{ align-items:stretch!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card.has-shadow{ height:auto!important; } @media (max-width:1024px){ .mnp-wrapper{padding-left:18px!important;padding-right:18px!important;} .mnp-elementor-widget .mnp-enterprise-results{padding-left:18px!important;padding-right:18px!important;} .mnp-elementor-widget .mnp-el-list{gap:20px!important;} .mnp-elementor-widget .mnp-el-card.has-shadow{border-radius:22px!important;} .mnp-elementor-widget .mnp-el-body{padding-left:20px!important;padding-right:20px!important;} .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-enterprise-results{ padding-left:56px!important; padding-right:56px!important; padding-bottom:64px!important; } } @media (max-width:767px){ /* Section : respiration gauche/droite sur mobile */ .mnp-wrapper, .mnp-wrapper.mnp-home, .mnp-elementor-widget{ padding-left:0!important; padding-right:0!important; overflow:hidden!important; } .mnp-elementor-widget .mnp-el-heading, .mnp-elementor-widget .mnp-enterprise-filters, .mnp-elementor-widget .mnp-el-actions, .mnp-elementor-widget .mnp-el-pagination{ padding-left:18px!important; padding-right:18px!important; } .mnp-elementor-widget .mnp-enterprise-results{ padding-left:14px!important; padding-right:14px!important; overflow:hidden!important; } /* Tous les rendus : une seule colonne propre */ .mnp-elementor-widget .mnp-el-list, .mnp-elementor-widget.mnp-el-layout-grid .mnp-el-list, .mnp-elementor-widget.mnp-el-layout-presan .mnp-el-list, .mnp-elementor-widget.mnp-el-layout-compact .mnp-el-list, .mnp-elementor-widget.mnp-el-layout-list .mnp-el-list, .mnp-elementor-widget.mnp-el-layout-hero .mnp-el-list{ display:grid!important; grid-template-columns:1fr!important; gap:18px!important; } .mnp-elementor-widget .mnp-el-card, .mnp-elementor-widget .mnp-el-card.has-shadow{ width:100%!important; min-width:0!important; max-width:100%!important; border-radius:22px!important; overflow:hidden!important; } .mnp-elementor-widget .mnp-el-image{ border-radius:22px 22px 0 0!important; overflow:hidden!important; } .mnp-elementor-widget .mnp-el-image img{ width:100%!important; height:100%!important; object-fit:cover!important; } .mnp-elementor-widget .mnp-el-body{ padding:22px 24px 28px!important; text-align:left!important; } .mnp-elementor-widget .mnp-el-meta{ justify-content:flex-start!important; gap:10px!important; row-gap:8px!important; flex-wrap:wrap!important; } .mnp-elementor-widget .mnp-el-card h3{ font-size:1.24rem!important; line-height:1.42!important; margin:16px 0 14px!important; min-height:auto!important; max-height:none!important; } .mnp-elementor-widget .mnp-el-card p{ font-size:1rem!important; line-height:1.72!important; min-height:auto!important; max-height:none!important; margin-bottom:22px!important; } .mnp-elementor-widget .mnp-el-btn{ width:auto!important; min-width:156px!important; max-width:100%!important; align-self:center!important; justify-content:center!important; padding:14px 24px!important; } .mnp-elementor-widget .mnp-el-actions .mnp-el-all, .mnp-home .mnp-actions .mnp-btn-secondary{ width:100%!important; max-width:430px!important; min-width:0!important; margin-left:auto!important; margin-right:auto!important; padding:18px 24px!important; border-radius:999px!important; justify-content:center!important; text-align:center!important; } /* Hero mobile : padding image + bouton qui ne déborde pas */ .mnp-elementor-widget .mnp-enterprise-hero, .mnp-elementor-widget.mnp-el-layout-hero .mnp-el-card{ margin-left:14px!important; margin-right:14px!important; border-radius:22px!important; } .mnp-elementor-widget .mnp-enterprise-hero .mnp-btn, .mnp-elementor-widget.mnp-el-layout-hero .mnp-el-btn{ width:100%!important; max-width:100%!important; transform:none!important; } /* Slider mobile : 1 carte, padding gauche/droite, flèches seules */ .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-enterprise-results{ padding-left:14px!important; padding-right:14px!important; padding-bottom:78px!important; overflow:hidden!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-list{ display:flex!important; gap:0!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-card{ flex:0 0 100%!important; min-width:100%!important; max-width:100%!important; padding-left:0!important; padding-right:0!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-nav{ position:absolute!important; left:0!important; right:0!important; bottom:18px!important; display:flex!important; justify-content:space-between!important; align-items:center!important; width:100%!important; max-width:100%!important; margin:0!important; padding:0 36px!important; pointer-events:none!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-dots{ display:none!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-arrow{ position:static!important; transform:none!important; width:48px!important; height:48px!important; min-width:48px!important; pointer-events:auto!important; } .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-arrow:hover{transform:scale(1.04)!important;} .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-prev{left:auto!important;right:auto!important;} .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-next{left:auto!important;right:auto!important;} } @media (max-width:380px){ .mnp-elementor-widget .mnp-enterprise-results, .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-enterprise-results{ padding-left:10px!important; padding-right:10px!important; } .mnp-elementor-widget .mnp-el-body{padding-left:20px!important;padding-right:20px!important;} .mnp-elementor-widget.mnp-el-layout-slider.mnp-slider-mode-thumbnails .mnp-el-slider-nav{padding-left:24px!important;padding-right:24px!important;} } /* ========================================================= MASCO Actualités Pro v1.6.9 — Archive premium + responsive Gestion de la page /category/actualites et archive complète ========================================================= */ .mnp-archive-premium{max-width:1180px!important;padding:48px 18px 72px!important;box-sizing:border-box}.mnp-archive-hero{text-align:center;margin:0 auto 28px;padding:28px 18px;border-radius:30px;background:linear-gradient(135deg,rgba(11,125,118,.08),rgba(185,135,53,.10));border:1px solid rgba(11,125,118,.16);box-shadow:0 18px 50px rgba(0,0,0,.06)}.mnp-archive-hero .mnp-kicker{display:inline-flex;align-items:center;justify-content:center;margin-bottom:8px;color:var(--mnp-secondary);font-weight:800;letter-spacing:.02em}.mnp-archive-hero h1{margin:0;color:var(--mnp-primary);font-size:clamp(2rem,4vw,3.6rem);line-height:1.05;font-weight:900}.mnp-archive-hero p{margin:12px auto 0;max-width:720px;color:#66757a;font-size:1.02rem}.mnp-archive-filters{padding:18px!important;border-radius:24px;background:rgba(245,255,253,.88);border:1px solid rgba(11,125,118,.16);box-shadow:0 16px 40px rgba(0,0,0,.06);margin-bottom:30px!important}.mnp-archive-filters input,.mnp-archive-filters select{min-height:54px;border-radius:17px!important;border-color:rgba(11,125,118,.20)!important;background:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.mnp-archive-premium .mnp-archive-layout{grid-template-columns:minmax(0,1fr) 320px!important;gap:34px!important}.mnp-archive-results{grid-template-columns:1fr!important;gap:30px!important}.mnp-archive-premium .mnp-card{display:grid!important;grid-template-columns:42% minmax(0,1fr)!important;min-height:260px;border-radius:24px!important;box-shadow:0 18px 46px rgba(0,0,0,.08)!important}.mnp-archive-premium .mnp-card-img{height:100%!important;min-height:260px;aspect-ratio:auto!important;border-radius:24px 0 0 24px!important}.mnp-archive-premium .mnp-card-body{display:flex!important;flex-direction:column!important;justify-content:center!important;padding:24px 26px!important}.mnp-archive-premium .mnp-card h3{font-size:clamp(1.16rem,1.6vw,1.5rem)!important;line-height:1.25!important;margin:10px 0 12px!important}.mnp-archive-premium .mnp-card p{line-height:1.65!important;margin-bottom:18px!important}.mnp-archive-premium .mnp-card .mnp-btn{align-self:flex-start!important;min-width:132px;background:var(--mnp-secondary)!important;color:#fff!important}.mnp-archive-premium .mnp-card-meta{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;color:#7b868a}.mnp-archive-premium .mnp-sidebar{border:1px solid rgba(11,125,118,.14);box-shadow:0 18px 45px rgba(0,0,0,.07);padding:22px!important;background:linear-gradient(180deg,var(--mnp-sidebar-bg),#fff)!important}.mnp-archive-premium .mnp-side-block h3{color:var(--mnp-primary);font-size:1.05rem;border-left:4px solid var(--mnp-secondary);padding-left:10px}.mnp-archive-premium .mnp-mini{padding:8px;border-radius:14px;background:rgba(255,255,255,.82);transition:.2s ease}.mnp-archive-premium .mnp-mini:hover{transform:translateX(3px);box-shadow:0 10px 24px rgba(0,0,0,.08)}.mnp-archive-premium .mnp-cat-list li a{padding:12px 10px;border-radius:12px;background:rgba(255,255,255,.7);border-bottom:0;margin-bottom:8px}.mnp-pagination a,.mnp-pagination span.current,.mnp-pagination .page-numbers{min-width:42px;height:42px;padding:0 14px!important;border-radius:999px!important;box-shadow:0 10px 22px rgba(0,0,0,.08);background:#fff;color:var(--mnp-primary)!important;border:1px solid rgba(11,125,118,.16)}.mnp-pagination span.current,.mnp-pagination .current{background:var(--mnp-primary)!important;color:#fff!important}.mnp-load-more{background:var(--mnp-secondary)!important;color:#fff!important}.mnp-card{height:100%}.mnp-card-body{display:flex;flex-direction:column}.mnp-card-body .mnp-btn{margin-top:auto}.mnp-card-img img{display:block} @media(max-width:1024px){.mnp-archive-premium{padding-left:20px!important;padding-right:20px!important}.mnp-archive-premium .mnp-archive-layout{grid-template-columns:1fr!important}.mnp-archive-premium .mnp-sidebar{position:static!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mnp-archive-premium .mnp-sidebar .mnp-full{grid-column:1/-1;width:auto!important;justify-self:center;min-width:260px}.mnp-archive-premium .mnp-side-block{margin-bottom:0!important}} @media(max-width:768px){.mnp-archive-premium{padding:32px 14px 56px!important}.mnp-archive-hero{padding:22px 14px;border-radius:24px}.mnp-archive-filters{padding:14px!important;border-radius:20px}.mnp-archive-premium .mnp-card{display:flex!important;flex-direction:column!important;min-height:0!important;border-radius:24px!important}.mnp-archive-premium .mnp-card-img{height:auto!important;min-height:0!important;aspect-ratio:16/10!important;border-radius:24px 24px 0 0!important}.mnp-archive-premium .mnp-card-body{padding:20px 18px 22px!important;justify-content:flex-start!important}.mnp-archive-premium .mnp-card .mnp-btn{align-self:center!important;width:auto!important;min-width:150px}.mnp-archive-premium .mnp-sidebar{display:block;padding:18px!important}.mnp-pagination{gap:7px!important;margin:22px 0!important}.mnp-pagination a,.mnp-pagination span.current,.mnp-pagination .page-numbers{min-width:38px;height:38px;font-size:.92rem}.mnp-filters{flex-direction:column!important}} @media(max-width:480px){.mnp-archive-premium{padding-left:12px!important;padding-right:12px!important}.mnp-archive-hero h1{font-size:2rem}.mnp-archive-premium .mnp-card-body{padding:18px 16px 20px!important}.mnp-archive-premium .mnp-card h3{text-align:left!important;font-size:1.22rem!important}.mnp-archive-premium .mnp-card p{text-align:left!important;font-size:.98rem!important}.mnp-archive-premium .mnp-card-meta{justify-content:flex-start!important}.mnp-archive-premium .mnp-card .mnp-btn{width:100%!important}.mnp-archive-premium .mnp-sidebar .mnp-full{width:100%!important;min-width:0}.mnp-pagination .page-numbers:not(.prev):not(.next):not(.current){display:none}.mnp-pagination .current{display:inline-flex!important}} /* ========================================================= MASCO Actualités Pro v1.7.0 — Archive UX avancée Bandeau premium, filtres AJAX, pagination, boutons & détails ========================================================= */ .mnp-archive-premium{position:relative}.mnp-archive-premium:before{content:"";position:absolute;inset:10px 0 auto 0;height:220px;z-index:-1;background:radial-gradient(circle at 20% 10%,rgba(11,125,118,.10),transparent 42%),radial-gradient(circle at 80% 0,rgba(185,135,53,.12),transparent 40%)} .mnp-archive-hero{max-width:760px!important}.mnp-archive-hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:20px}.mnp-btn-outline{background:#fff!important;color:var(--mnp-primary)!important;border:1px solid rgba(11,125,118,.25)!important;box-shadow:0 10px 25px rgba(0,0,0,.06)!important} .mnp-archive-filters{display:grid!important;grid-template-columns:minmax(220px,1fr) 260px;gap:14px;align-items:center}.mnp-archive-filters input,.mnp-archive-filters select{width:100%!important;padding:0 20px!important;font-size:15px!important;color:#3d4b4f!important;outline:none!important}.mnp-archive-filters input:focus,.mnp-archive-filters select:focus{border-color:var(--mnp-primary)!important;box-shadow:0 0 0 4px rgba(11,125,118,.10)!important} .mnp-archive-premium .mnp-card{overflow:hidden!important}.mnp-archive-premium .mnp-card-body{min-height:260px!important}.mnp-archive-premium .mnp-card h3{min-height:58px;display:flex;align-items:center}.mnp-archive-premium .mnp-card p{min-height:74px}.mnp-archive-premium .mnp-card .mnp-btn{margin-top:auto!important;position:relative;z-index:2}.mnp-archive-premium .mnp-card-meta{min-height:28px}.mnp-archive-premium .mnp-date-badge{z-index:3}.mnp-archive-premium .mnp-sidebar{align-self:start;position:sticky;top:100px}.mnp-archive-premium .mnp-side-block{margin-bottom:22px}.mnp-archive-premium .mnp-full,.mnp-sidebar .mnp-full{display:inline-flex;justify-content:center;align-items:center;min-height:44px;border-radius:999px;background:var(--mnp-primary)!important;color:#fff!important;text-decoration:none!important;font-weight:800;padding:0 18px} .mnp-loader-overlay{grid-column:1/-1;display:flex;gap:12px;align-items:center;justify-content:center;min-height:120px;border-radius:24px;background:rgba(255,255,255,.82);border:1px solid rgba(11,125,118,.12)}.mnp-loader-overlay span{width:26px;height:26px;border-radius:50%;border:3px solid rgba(11,125,118,.18);border-top-color:var(--mnp-primary);animation:mnpSpin .8s linear infinite}.mnp-loader-overlay strong{color:var(--mnp-primary)}@keyframes mnpSpin{to{transform:rotate(360deg)}}.mnp-archive.mnp-loading{opacity:.88;pointer-events:none}.mnp-archive.mnp-loading .mnp-results{position:relative}.mnp-pagination{display:flex!important;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.mnp-load-more{display:none!important} .mnp-single{max-width:1180px!important;padding:48px 18px 72px!important}.mnp-single-header{border-radius:30px;background:linear-gradient(135deg,rgba(11,125,118,.08),rgba(185,135,53,.08));padding:18px 18px 30px;text-align:center;border:1px solid rgba(11,125,118,.15);box-shadow:0 18px 50px rgba(0,0,0,.06)}.mnp-single-img{width:100%;max-height:520px;object-fit:cover;border-radius:24px}.mnp-single-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:34px;margin-top:34px}.mnp-single .mnp-content{background:#fff;border-radius:26px;padding:34px;box-shadow:0 18px 50px rgba(0,0,0,.06);line-height:1.8}.mnp-single .mnp-sidebar{align-self:start;position:sticky;top:100px}.mnp-single-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:28px}.mnp-prev-next{display:flex;gap:10px;flex-wrap:wrap}.mnp-prev-next a{display:inline-flex;padding:12px 16px;border-radius:999px;background:#fff;color:var(--mnp-primary);box-shadow:0 10px 24px rgba(0,0,0,.08);text-decoration:none;font-weight:800}.mnp-breadcrumb{margin-bottom:16px}.mnp-breadcrumb a{color:var(--mnp-primary);font-weight:800;text-decoration:none} @media(max-width:1024px){.mnp-archive-filters{grid-template-columns:1fr 1fr}.mnp-single-layout{grid-template-columns:1fr}.mnp-single .mnp-sidebar{position:static}.mnp-archive-premium .mnp-sidebar{position:static}} @media(max-width:768px){.mnp-archive-filters{grid-template-columns:1fr}.mnp-archive-hero-actions .mnp-btn{width:100%;justify-content:center}.mnp-archive-premium .mnp-card-body{min-height:0!important}.mnp-archive-premium .mnp-card h3,.mnp-archive-premium .mnp-card p{min-height:0}.mnp-single{padding:30px 12px 52px!important}.mnp-single-header{border-radius:24px;padding:12px 12px 24px}.mnp-single .mnp-content{padding:24px 18px}.mnp-single-footer .mnp-btn,.mnp-prev-next a{width:100%;justify-content:center}.mnp-prev-next{width:100%}} /* V1.7.2 - Archive hero configurable */ .mnp-archive-hero-style-soft .mnp-archive-hero{background:linear-gradient(135deg,rgba(11,125,118,.12),rgba(154,100,38,.10));border-radius:28px;box-shadow:0 18px 45px rgba(0,0,0,.07);} .mnp-archive-hero-style-compact .mnp-archive-hero{max-width:760px;margin-left:auto;margin-right:auto;padding:28px 24px;border-radius:18px;} .mnp-archive-hero-style-none .mnp-archive-filters{margin-top:24px;} .mnp-archive-hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:18px;} @media(max-width:767px){.mnp-archive-hero-actions .mnp-btn{width:100%;justify-content:center}.mnp-archive-hero-style-compact .mnp-archive-hero{padding:22px 16px;margin-left:12px;margin-right:12px}.mnp-archive-filters{margin-left:12px;margin-right:12px}} /* V1.7.3 — Archive hero models from Elementor widget link */ .mnp-archive-hero-style-split .mnp-archive-hero{ max-width:980px!important;text-align:left!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;padding:30px 34px!important;border-radius:28px;background:linear-gradient(135deg,rgba(11,125,118,.10),rgba(255,255,255,.92)); } .mnp-archive-hero-style-split .mnp-archive-hero p{margin-left:0!important;max-width:620px!important}.mnp-archive-hero-style-split .mnp-archive-hero-actions{margin-top:0!important;justify-content:flex-end!important} .mnp-archive-hero-style-banner .mnp-archive-hero{max-width:100%!important;padding:42px 28px!important;border-radius:30px;background:linear-gradient(135deg,var(--mnp-primary),#0a6f69 54%,var(--mnp-secondary));color:#fff!important;border:0!important;box-shadow:0 24px 60px rgba(0,0,0,.14)!important} .mnp-archive-hero-style-banner .mnp-archive-hero .mnp-kicker,.mnp-archive-hero-style-banner .mnp-archive-hero h1,.mnp-archive-hero-style-banner .mnp-archive-hero p{color:#fff!important}.mnp-archive-hero-style-banner .mnp-btn-outline{background:rgba(255,255,255,.14)!important;color:#fff!important;border-color:rgba(255,255,255,.36)!important} .mnp-archive-hero-style-minimal .mnp-archive-hero{max-width:860px!important;padding:8px 0 24px!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}.mnp-archive-hero-style-minimal .mnp-archive-hero h1{font-size:clamp(2.2rem,4vw,3.8rem)!important} @media(max-width:768px){.mnp-archive-hero-style-split .mnp-archive-hero{display:block!important;text-align:center!important;padding:24px 16px!important}.mnp-archive-hero-style-split .mnp-archive-hero p{margin-left:auto!important}.mnp-archive-hero-style-split .mnp-archive-hero-actions{margin-top:18px!important;justify-content:center!important}.mnp-archive-hero-style-banner .mnp-archive-hero{border-radius:24px!important;padding:30px 18px!important}.mnp-archive-hero-style-minimal .mnp-archive-hero{padding-left:14px!important;padding-right:14px!important}} /* === V1.7.4 Archive + Detail Full Controls === */ .mnp-archive-layout-wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start} .mnp-archive .mnp-archive-results{display:grid;gap:24px} .mnp-archive-cols-1 .mnp-archive-results{grid-template-columns:1fr} .mnp-archive-cols-2 .mnp-archive-results{grid-template-columns:repeat(2,minmax(0,1fr))} .mnp-archive-cols-3 .mnp-archive-results{grid-template-columns:repeat(3,minmax(0,1fr))} .mnp-archive-cols-4 .mnp-archive-results{grid-template-columns:repeat(4,minmax(0,1fr))} .mnp-archive-layout-list .mnp-archive-results{grid-template-columns:1fr!important} .mnp-archive-layout-list .mnp-card{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:210px} .mnp-archive-layout-list .mnp-card-img{height:100%;min-height:210px} .mnp-archive-layout-compact .mnp-card .mnp-card-body{padding:18px} .mnp-archive-hero-style-split .mnp-archive-hero{display:flex;justify-content:space-between;gap:24px;align-items:center} .mnp-archive-hero-style-banner .mnp-archive-hero{padding:42px;border-radius:30px;background:linear-gradient(135deg,var(--mnp-primary),#063f3b);color:#fff} .mnp-archive-hero-style-minimal .mnp-archive-hero{box-shadow:none;border:0;background:transparent;padding-left:0;padding-right:0} .mnp-single-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0} .mnp-single-simple .mnp-single-header{padding-top:18px} .mnp-single-compact .mnp-single-img{max-height:360px;object-fit:cover} .mnp-single-layout.no-sidebar{grid-template-columns:1fr!important;max-width:920px;margin-left:auto;margin-right:auto} @media(max-width:1024px){.mnp-archive-layout-wrap{grid-template-columns:1fr}.mnp-archive-cols-4 .mnp-archive-results,.mnp-archive-cols-3 .mnp-archive-results{grid-template-columns:repeat(2,minmax(0,1fr))}.mnp-archive-hero-style-split .mnp-archive-hero{align-items:flex-start;flex-direction:column}} @media(max-width:640px){.mnp-archive{padding-left:16px!important;padding-right:16px!important}.mnp-archive .mnp-archive-results{grid-template-columns:1fr!important;gap:18px}.mnp-archive-layout-list .mnp-card{display:flex;flex-direction:column}.mnp-archive-layout-list .mnp-card-img{min-height:190px}.mnp-archive-hero{padding:22px!important;border-radius:22px}.mnp-archive-hero-actions,.mnp-single-actions{width:100%;flex-direction:column}.mnp-archive-hero-actions .mnp-btn,.mnp-single-actions .mnp-btn{width:100%;justify-content:center}.mnp-filters{padding-left:0!important;padding-right:0!important}} /* V1.7.6 — Archive hero cleanup + event CTA positioning */ .mnp-archive-premium{padding-top:24px!important;} .mnp-archive-hero{margin-bottom:22px!important;} .mnp-archive-hero .mnp-kicker{display:none!important;} .mnp-archive-hero h1{font-size:clamp(2rem,3.4vw,3.35rem)!important;} .mnp-archive-hero-actions{margin-top:18px!important;} .mnp-event-side-btn{background:var(--mnp-secondary)!important;color:#fff!important;margin-bottom:12px!important;box-shadow:0 14px 32px rgba(138,90,36,.20)!important;} .mnp-event-side-btn:hover{filter:brightness(.96);transform:translateY(-1px);} .mnp-archive-hero-style-compact .mnp-archive-hero{max-width:860px!important;padding:24px 22px!important;} .mnp-archive-hero-style-minimal .mnp-archive-hero h1{margin-top:0!important;} @media(max-width:1024px){.mnp-archive-premium{padding-top:20px!important}.mnp-event-side-btn{grid-column:1/-1;justify-self:center;min-width:260px!important}} @media(max-width:768px){.mnp-archive-premium{padding-top:18px!important}.mnp-archive-hero{margin-left:0!important;margin-right:0!important}.mnp-archive-hero h1{font-size:2rem!important}.mnp-event-side-btn{width:100%!important;min-width:0!important}} /* ========================================================= V1.7.8 — PRESAN Green Institutional Hero + final spacing ========================================================= */ .mnp-archive-premium{ padding-top:12px!important; padding-bottom:56px!important; } .mnp-archive-premium:before{ height:150px!important; inset:0 0 auto 0!important; background:linear-gradient(135deg,rgba(11,125,118,.13),rgba(11,125,118,.05) 55%,rgba(185,135,53,.08))!important; } .mnp-archive-hero{ max-width:860px!important; margin:0 auto 16px!important; padding:22px 28px!important; border-radius:24px!important; background:linear-gradient(135deg,#0b7d76 0%,#087069 52%,#075a55 100%)!important; border:1px solid rgba(255,255,255,.24)!important; box-shadow:0 18px 42px rgba(11,125,118,.18)!important; color:#fff!important; } .mnp-archive-hero:before, .mnp-archive-hero:after{ content:""; position:absolute; pointer-events:none; border-radius:inherit; } .mnp-archive-hero h1{ color:#fff!important; font-size:clamp(2.05rem,3.1vw,3.15rem)!important; line-height:1.05!important; letter-spacing:-.03em!important; margin:0!important; } .mnp-archive-hero p{ color:#d9fff8!important; opacity:.94!important; font-size:1rem!important; line-height:1.55!important; max-width:680px!important; margin:10px auto 0!important; } .mnp-archive-hero .mnp-kicker{display:none!important;} .mnp-archive-hero-style-soft .mnp-archive-hero, .mnp-archive-hero-style-compact .mnp-archive-hero, .mnp-archive-hero-style-banner .mnp-archive-hero{ background:linear-gradient(135deg,#0b7d76 0%,#087069 52%,#075a55 100%)!important; color:#fff!important; } .mnp-archive-hero-style-minimal .mnp-archive-hero{ background:transparent!important; box-shadow:none!important; border:0!important; color:var(--mnp-primary)!important; } .mnp-archive-hero-style-minimal .mnp-archive-hero h1{color:var(--mnp-primary)!important;} .mnp-archive-hero-style-minimal .mnp-archive-hero p{color:#59706c!important;} .mnp-archive-filters{ max-width:1040px!important; margin:0 auto 24px!important; padding:14px!important; border-radius:22px!important; background:rgba(248,255,253,.94)!important; border:1px solid rgba(11,125,118,.18)!important; box-shadow:0 14px 34px rgba(11,125,118,.08)!important; } .mnp-archive-filters input, .mnp-archive-filters select{ min-height:50px!important; border-radius:16px!important; border:1px solid rgba(11,125,118,.18)!important; color:#263b38!important; } .mnp-archive-filters input:focus, .mnp-archive-filters select:focus{ border-color:rgba(11,125,118,.55)!important; box-shadow:0 0 0 4px rgba(11,125,118,.10)!important; } .mnp-archive-hero-actions .mnp-btn-outline, .mnp-btn-outline{ background:rgba(255,255,255,.12)!important; color:#fff!important; border:1px solid rgba(255,255,255,.38)!important; box-shadow:none!important; } .mnp-archive-hero-actions .mnp-btn-outline:after, .mnp-btn-outline:after{ content:none!important; display:none!important; } .mnp-archive-hero-actions .mnp-btn-outline svg, .mnp-archive-hero-actions .mnp-btn-outline i, .mnp-btn-outline svg, .mnp-btn-outline i{ background:transparent!important; border:0!important; box-shadow:none!important; outline:0!important; } .mnp-event-side-btn{ background:linear-gradient(135deg,var(--mnp-secondary,#9a6426),#b9823a)!important; color:#fff!important; border:0!important; border-radius:999px!important; box-shadow:0 14px 30px rgba(154,100,38,.22)!important; } .mnp-event-side-btn::after, .mnp-event-side-btn svg, .mnp-event-side-btn i{ background:transparent!important; border:0!important; box-shadow:none!important; outline:0!important; } .mnp-archive-layout-wrap{margin-top:0!important;} .mnp-archive .mnp-sidebar{margin-top:0!important;} @media(max-width:1024px){ .mnp-archive-premium{padding-top:10px!important;} .mnp-archive-hero{max-width:calc(100% - 24px)!important;} .mnp-archive-filters{max-width:calc(100% - 24px)!important;} } @media(max-width:768px){ .mnp-archive-premium{padding:10px 12px 44px!important;} .mnp-archive-hero{padding:20px 16px!important;border-radius:22px!important;margin-bottom:14px!important;} .mnp-archive-hero h1{font-size:2.05rem!important;} .mnp-archive-hero p{font-size:.95rem!important;} .mnp-archive-filters{padding:12px!important;margin-bottom:18px!important;} } /* ========================================================= V1.7.9 — Final Archive Visual Cleanup - no extra back panel behind hero - tighter breadcrumb/hero/filter spacing - clean input borders - clean event button icon - date bubbles fully visible on archive cards ========================================================= */ .mnp-theme-page.mnp-archive-premium{ margin-top:0!important; padding-top:0!important; position:relative!important; } .mnp-theme-page.mnp-archive-premium:before, .mnp-archive-premium:before{ display:none!important; content:none!important; background:none!important; height:0!important; } .mnp-archive-premium .mnp-page-header.mnp-archive-hero, .mnp-archive-hero{ max-width:880px!important; margin:0 auto 14px!important; padding:24px 26px!important; border-radius:24px!important; background:linear-gradient(135deg,#0b7d76 0%,#08726c 55%,#075a55 100%)!important; border:1px solid rgba(255,255,255,.22)!important; box-shadow:0 16px 34px rgba(11,125,118,.16)!important; overflow:hidden!important; } .mnp-archive-hero:before, .mnp-archive-hero:after{display:none!important;content:none!important;} .mnp-archive-hero h1{color:#fff!important;margin:0!important;} .mnp-archive-hero p{ color:#e7fffb!important; opacity:.92!important; font-weight:500!important; margin:8px auto 0!important; } .mnp-archive-filters{ margin-top:0!important; margin-bottom:22px!important; background:#f6fffd!important; border:1px solid rgba(11,125,118,.18)!important; box-shadow:0 10px 24px rgba(11,125,118,.06)!important; } .mnp-archive-filters input, .mnp-archive-filters select, .mnp-sidebar input, .mnp-side-search{ -webkit-appearance:none!important; appearance:none!important; outline:none!important; border:1px solid rgba(11,125,118,.16)!important; border-bottom:1px solid rgba(11,125,118,.16)!important; box-shadow:0 1px 0 rgba(255,255,255,.8),0 8px 18px rgba(11,125,118,.035)!important; background:#fff!important; } .mnp-archive-filters input:hover, .mnp-archive-filters select:hover, .mnp-sidebar input:hover, .mnp-side-search:hover{border-color:rgba(11,125,118,.28)!important;} .mnp-archive-filters input:focus, .mnp-archive-filters select:focus, .mnp-sidebar input:focus, .mnp-side-search:focus{ border-color:#0b7d76!important; box-shadow:0 0 0 3px rgba(11,125,118,.10)!important; } .mnp-archive-hero-actions .mnp-btn-outline, .mnp-btn-outline, .mnp-event-side-btn{ text-decoration:none!important; } .mnp-archive-hero-actions .mnp-btn-outline, .mnp-archive-hero-actions .mnp-btn-outline:visited{ color:#fff!important; background:rgba(255,255,255,.13)!important; border:1px solid rgba(255,255,255,.34)!important; } .mnp-event-side-btn, .mnp-event-side-btn:visited{ color:#fff!important; background:linear-gradient(135deg,#9a6426,#b9823a)!important; border:0!important; } .mnp-event-side-btn *, .mnp-btn-outline *, .mnp-event-side-btn::before, .mnp-event-side-btn::after, .mnp-btn-outline::before, .mnp-btn-outline::after{ background:transparent!important; border:0!important; box-shadow:none!important; outline:0!important; color:inherit!important; } .mnp-archive-premium .mnp-card, .mnp-archive-premium .mnp-card-img{overflow:visible!important;} .mnp-archive-premium .mnp-card-img img{border-radius:inherit!important;} .mnp-archive-premium .mnp-date-bubble{ top:16px!important; right:16px!important; left:auto!important; bottom:auto!important; transform:none!important; width:72px!important; height:58px!important; border-radius:18px!important; border:4px solid #fff!important; box-shadow:0 10px 22px rgba(0,0,0,.16)!important; z-index:9!important; } .mnp-archive-premium .mnp-date-bubble strong{font-size:1.45rem!important;} .mnp-archive-premium .mnp-date-bubble small{font-size:.72rem!important;margin-top:4px!important;} .mnp-archive-layout-wrap{margin-top:0!important;} @media(max-width:768px){ .mnp-theme-page.mnp-archive-premium{padding-top:0!important;} .mnp-archive-premium .mnp-page-header.mnp-archive-hero, .mnp-archive-hero{max-width:100%!important;margin-bottom:12px!important;padding:20px 16px!important;border-radius:22px!important;} .mnp-archive-filters{margin-bottom:18px!important;padding:12px!important;} .mnp-archive-premium .mnp-date-bubble{width:66px!important;height:54px!important;right:12px!important;top:12px!important;} }