/* public/assets/css/social-posts.css */

/* Base section */
.smp-section {
    padding: 56px 0 70px;
    background: radial-gradient(circle at top left, #f4fbff 0, #f9fbff 40%, #f5f8ff 80%);
    color: #123154;
    border-radius: 8px;
    margin-bottom: 40px;
    /* optional subtle inner glow */
    box-shadow: inset 0 30px 80px rgba(0,0,0,0.25);
    overflow: visible;
}

.container { max-width: 1180px; margin: 0 auto; }

/* Header text */
.smp-heading h2 { font-size: 32px; color: #0b63b8; margin: 0 0 6px; text-align:center; }
.smp-heading p  { color: #6d7d8a; opacity: .9; text-align:center; margin: 0 0 6px; }

/* Toolbar */
.smp-toolbar { margin-top: 20px; display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap; align-items:center; }
.smp-filters { display:flex; gap:10px; flex-wrap:wrap; }
.smp-filter-btn {
    border-radius:999px; 
    padding:8px 14px; font-weight:600; 
    background: #ffffff;
    color:#0b63b8; 
    border: 1px solid rgba(11, 99, 184, 0.18);
    cursor:pointer;
    transition: all .18s;
}
.smp-filter-btn:hover { transform:translateY(-3px); background:rgba(255,255,255,0.09); }
.smp-filter-active { background: linear-gradient(135deg,#389dff,#1e90ff); color:#fff; box-shadow: 0 10px 30px rgba(30,144,255,0.18); border-color:transparent; }

.smp-filters-right { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.smp-filters-right select, .smp-filters-right input[type="search"] {
    border-radius:10px; padding:8px 12px; border: none; min-width:140px;
    background: rgba(255,255,255,0.95); color:#123154;
}

/* Swiper area */
.smp-swiper-wrap { margin-top: 18px; position: relative; }

/* Slide card */
.smp-slide-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 14px 40px rgba(0,0,0,0.22);
    color: #123154;
    width: 100%;
}

/* image */
.smp-slide-media { height: 220px; overflow:hidden; position:relative; }
.smp-slide-media img { width:100%; height:100%; object-fit:cover; display:block; transform:scale(1.02); transition:transform .5s ease; }
.smp-slide-card:hover .smp-slide-media img { transform: scale(1.07); }

/* platform pill */
.smp-platform-pill {
    position:absolute; left:12px; bottom:12px; background:rgba(0,0,0,0.48); color:#fff;
    padding:6px 10px; border-radius:999px; display:flex; align-items:center; gap:8px; font-weight:600;
    backdrop-filter: blur(6px);
}
.smp-platform-pill img { width:22px; height:22px; display:block; }

/* body */
.smp-slide-body { padding:12px 14px; }
.smp-slide-date { color:#6b7d91; font-size:13px; margin-bottom:8px; }
.smp-slide-title { font-weight:700; font-size:16px; margin-bottom:10px; color:#123154; min-height:40px; }
.smp-slide-link { color:#1e90ff; font-weight:700; text-decoration:none; }

/* slider nav controls */
.smp-swiper-nav { position:absolute; top: 12px; right: 12px; display:flex; gap:8px; z-index:40; }
.smp-swiper-prev, .smp-swiper-next {
    width:42px; height:42px; border-radius:999px; border:none; cursor:pointer;
    background: rgba(255,255,255,0.95); display:inline-flex; align-items:center; justify-content:center;
    box-shadow: 0 10px 30px rgba(0,0,0,0.18);
}
.smp-swiper-prev::after, .smp-swiper-next::after {
    font-family: Arial, sans-serif; font-weight:700; color:#114b78;
    font-size:18px;
}
.smp-swiper-prev::after { content: '<'; }
.smp-swiper-next::after { content: '>'; }

/* responsive */
@media (max-width: 1024px) {
  .smp-slide-media { height: 200px; }
}
@media (max-width: 768px) {
  .smp-swiper-nav { top: 8px; right: 8px; }
  .smp-slide-media { height: 180px; }
}