/* =========================================================
   M2NICE PREMIUM FEATURED POSTS SLIDER
   ========================================================= */

.m2n-featured-slider{ position:relative; margin-bottom:40px; width:100%; }
.m2n-featured-slider .owl-carousel{ width:100%; }

.m2n-featured-slide{ position:relative; height:430px; width:100%; overflow:hidden; background:#111; border-radius:12px; box-shadow: 0 8px 30px rgba(0,0,0,.12); }

.m2n-featured-image{ position:absolute; inset:0; width:100%; height:100%; display:block; overflow:hidden; }
.m2n-featured-image img{ width:100%; height:100%; object-fit:cover; display:block; opacity:.88; transition: transform .8s ease, opacity .5s ease; }
.m2n-featured-slide:hover .m2n-featured-image img{ transform:scale(1.05); opacity:1; }

.m2n-featured-slide:after{ content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background: linear-gradient( to top, rgba(0,0,0,.96) 0%, rgba(0,0,0,.78) 30%, rgba(0,0,0,.25) 65%, rgba(0,0,0,.05) 100% ); }

.m2n-featured-content{ position:absolute; left:0; right:0; bottom:0; z-index:2; padding:35px 38px 38px; color:#fff; }

.m2n-featured-badges{ display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-bottom:13px; }
.m2n-featured-label{ display:inline-flex; align-items:center; gap:5px; background:#c14141; color:#fff !important; padding:5px 11px; border-radius:4px; font-family:'Poppins',sans-serif; font-size:9px; font-weight:900; text-transform:uppercase; letter-spacing:1px; box-shadow: 0 3px 10px rgba(193,65,65,.35); }
.m2n-featured-type{ display:inline-block; background:rgba(255,255,255,.14); color:#fff !important; border:1px solid rgba(255,255,255,.28); padding:5px 11px; border-radius:4px; font-family:'Poppins',sans-serif; font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.7px; backdrop-filter:blur(5px); }

.m2n-featured-title{ margin:0 0 10px 0; max-width:850px; font-family:'Poppins',sans-serif; font-size:30px; font-weight:900; line-height:1.25; letter-spacing:-.4px; text-shadow: 0 3px 12px rgba(0,0,0,.7); }
.m2n-featured-title a{ color:#fff !important; text-decoration:none; }
.m2n-featured-title a:hover{ color:#ffdd00 !important; }

.m2n-featured-description{ max-width:700px; margin:0 0 15px 0; color:rgba(255,255,255,.88) !important; font-family:'Inter',sans-serif; font-size:13px; font-weight:400; line-height:1.6; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

.m2n-featured-meta{ display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-bottom:17px; color:rgba(255,255,255,.8) !important; font-family:'Inter',sans-serif; font-size:11px; font-weight:600; }
.m2n-featured-meta span{ display:inline-flex; align-items:center; gap:5px; }
.m2n-featured-meta i{ color:#ffb4a7; }

.m2n-featured-button{ display:inline-flex; align-items:center; gap:8px; background:#fff; color:#111 !important; padding:9px 17px; border-radius:5px; font-family:'Poppins',sans-serif; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.4px; text-decoration:none !important; transition: background .25s ease, color .25s ease, transform .25s ease; }
.m2n-featured-button:hover{ background:#c14141; color:#fff !important; transform:translateY(-2px); }

.m2n-featured-slider .owl-nav{ position:absolute; right:22px; bottom:22px; display:flex; align-items:center; gap:7px; margin:0 !important; }
.m2n-featured-slider .owl-prev, .m2n-featured-slider .owl-next{ position:static !important; width:38px; height:38px; margin:0 !important; display:flex !important; align-items:center; justify-content:center; background:rgba(0,0,0,.65) !important; color:#fff !important; border:1px solid rgba(255,255,255,.28) !important; border-radius:5px; font-size:17px !important; transition: background .25s ease, transform .25s ease; }
.m2n-featured-slider .owl-prev:hover, .m2n-featured-slider .owl-next:hover{ background:#c14141 !important; border-color:#c14141 !important; color:#fff !important; transform:translateY(-2px); }

.m2n-featured-slider .owl-dots{ text-align:center; margin-top:16px; }
.m2n-featured-slider .owl-dot{ outline:none !important; }
.m2n-featured-slider .owl-dot span{ width:20px; height:4px; margin:5px 4px; border-radius:10px; background:#cfcfcf !important; transition: width .3s ease, background .3s ease; }
.m2n-featured-slider .owl-dot.active span{ width:35px; background:#c14141 !important; }

.m2n-no-featured{ min-height:260px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:#fff; border:1px solid #e5e5e5; border-radius:12px; padding:40px 20px; box-shadow: 0 5px 20px rgba(0,0,0,.05); }
.m2n-no-featured-icon{ width:65px; height:65px; display:flex; align-items:center; justify-content:center; margin-bottom:15px; border-radius:50%; background:#f8eeee; color:#c14141; font-size:27px; }
.m2n-no-featured h3{ margin:0 0 7px; font-family:'Poppins',sans-serif; font-size:20px; font-weight:900; color:#222; }
.m2n-no-featured p{ margin:0; font-family:'Inter',sans-serif; font-size:13px; color:#777; }

/* MOBILE SLIDER */
@media(max-width:767px){
    .m2n-featured-slide{ height:340px; border-radius:9px; }
    .m2n-featured-content{ padding:25px 18px 20px; }
    .m2n-featured-badges{ gap:6px; margin-bottom:9px; }
    .m2n-featured-label, .m2n-featured-type{ font-size:8px; padding:4px 8px; }
    .m2n-featured-title{ font-size:20px; line-height:1.3; margin-bottom:8px; letter-spacing:-.2px; }
    .m2n-featured-description{ font-size:11.5px; line-height:1.5; margin-bottom:10px; -webkit-line-clamp:2; }
    .m2n-featured-meta{ font-size:10px; gap:8px; margin-bottom:12px; }
    .m2n-featured-button{ padding:8px 13px; font-size:9px; }
    .m2n-featured-slider .owl-nav{ right:12px; bottom:18px; }
    .m2n-featured-slider .owl-prev, .m2n-featured-slider .owl-next{ width:31px; height:31px; font-size:14px !important; }
    .m2n-featured-slider .owl-dots{ margin-top:11px; }
}
@media(max-width:400px){
    .m2n-featured-slide{ height:320px; }
    .m2n-featured-content{ padding:22px 15px 18px; }
    .m2n-featured-title{ font-size:18px; }
    .m2n-featured-description{ font-size:11px; }
}