/* MSS Blogs Widget — v1.0.1 | Menasa Smart Solutions */
.mss-blogs-wrapper*,.mss-blogs-wrapper *::before,.mss-blogs-wrapper *::after{box-sizing:border-box}
.mss-blogs-wrapper{--mss-ease:0.3s cubic-bezier(.4,0,.2,1)}

/* Toggle */
.mss-blogs-controls{display:flex;align-items:center;gap:8px;margin-bottom:20px}
.mss-toggle-group{display:flex;align-items:center;gap:4px;background:#f3f4f6;border-radius:10px;padding:4px}
.mss-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:7px;cursor:pointer;color:#9ca3af;transition:all var(--mss-ease);outline:none;padding:0}
.mss-toggle-btn:hover{color:#374151;background:#e5e7eb}
.mss-toggle-btn.active{background:#fff;color:#4f46e5;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.mss-toggle-btn:focus-visible{outline:2px solid #4f46e5;outline-offset:2px}

/* Grid */
.mss-blogs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}

/* List */
.mss-blogs-list{display:flex;flex-direction:column;gap:24px}
.mss-blogs-list .mss-blog-card{flex-direction:row;align-items:stretch}
[dir="rtl"] .mss-blogs-list .mss-blog-card{flex-direction:row-reverse}
.mss-blogs-list .mss-card__img{width:280px;flex-shrink:0}
.mss-blogs-list .mss-card__img .mss-card__img-ratio{padding-bottom:0!important;height:100%;position:relative}
.mss-blogs-list .mss-card__img-ratio img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mss-blogs-list .mss-card__body{flex:1;min-width:0}

/* View transition */
.mss-blogs-container{animation:mssViewIn .35s ease both}
@keyframes mssViewIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

/* Card */
.mss-blog-card{display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;transition:transform var(--mss-ease),box-shadow var(--mss-ease);height:100%}
.mss-card--lift:hover{transform:translateY(-5px)}

/* Image */
.mss-card__img{position:relative;overflow:hidden;flex-shrink:0}
.mss-card__img-ratio{position:relative;width:100%;overflow:hidden}
.mss-card__img-ratio img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1);display:block}
.mss-blog-card:hover .mss-card__img-ratio img{transform:scale(1.05)}
.mss-card__img a{display:block;position:absolute;inset:0}

/* Body */
.mss-card__body{padding:22px;display:flex;flex-direction:column;flex:1}

/* Category */
.mss-card__cat-wrap{margin-bottom:10px}
.mss-card__cat{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;text-decoration:none;padding:4px 12px;border-radius:20px;background:#4f46e5;color:#fff;line-height:1.5;transition:opacity var(--mss-ease)}
.mss-card__cat:hover{opacity:.85}

/* Title */
.mss-card__title{margin:0 0 10px;font-size:18px;font-weight:700;line-height:1.4}
.mss-card__title a{color:#111827;text-decoration:none;transition:color var(--mss-ease)}
.mss-card__title a:hover{color:#4f46e5}

/* Meta */
.mss-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:12px;font-size:13px;color:#9ca3af}
.mss-card__meta-date,.mss-card__meta-author{display:inline-flex;align-items:center;gap:5px}
.mss-card__meta svg{flex-shrink:0;opacity:.7}

/* Excerpt */
.mss-card__excerpt{font-size:14px;line-height:1.7;color:#6b7280;margin:0 0 16px;flex:1}

/* Button */
.mss-card__btn-wrap{display:flex;margin-top:20px}
.mss-card__btn{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;text-decoration:none;padding:10px 24px;border-radius:8px;background:#4f46e5;color:#fff;border:2px solid transparent;transition:background var(--mss-ease),color var(--mss-ease),border-color var(--mss-ease),transform .15s ease;cursor:pointer;white-space:nowrap;line-height:1}
.mss-card__btn:hover{background:#3730a3;color:#fff;transform:translateY(-1px)}
.mss-card__btn:active{transform:translateY(0)}
.mss-card--outline .mss-card__btn{background:transparent;border-color:#4f46e5;color:#4f46e5}
.mss-card--outline .mss-card__btn:hover{background:#4f46e5;color:#fff}
.mss-card--text .mss-card__btn{background:transparent;border-color:transparent;color:#4f46e5;padding-inline:0}
.mss-card--text .mss-card__btn:hover{background:transparent;color:#3730a3}
.mss-card--ghost .mss-card__btn{background:rgba(79,70,229,.08);border-color:transparent;color:#4f46e5}
.mss-card--ghost .mss-card__btn:hover{background:rgba(79,70,229,.16)}
.mss-btn-icon{display:inline-flex;align-items:center;transition:transform .2s ease}
.mss-card__btn:hover .mss-btn-icon{transform:translateX(3px)}
[dir="rtl"] .mss-card__btn:hover .mss-btn-icon{transform:translateX(-3px)}

/* No posts */
.mss-no-posts{grid-column:1/-1;text-align:center;padding:48px;color:#9ca3af;font-size:16px}

/* Pagination */
.mss-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;margin-top:40px}
.mss-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 6px;border-radius:10px;font-size:14px;font-weight:500;text-decoration:none;color:#374151;background:#f3f4f6;border:1px solid transparent;transition:all var(--mss-ease)}
.mss-pagination .page-numbers:hover{background:#e0e7ff;color:#4f46e5;border-color:#c7d2fe}
.mss-pagination .page-numbers.current{background:#4f46e5;color:#fff;border-color:#4f46e5;pointer-events:none}
.mss-pagination .page-numbers.dots{background:transparent;border-color:transparent;cursor:default}

/* RTL */
[dir="rtl"] .mss-card__meta,[dir="rtl"] .mss-card__body,[dir="rtl"] .mss-card__cat-wrap,[dir="rtl"] .mss-blogs-controls{direction:rtl}
[dir="rtl"] .mss-card__body{text-align:right}

/* Entry animation */
.mss-blogs-grid .mss-blog-card,.mss-blogs-list .mss-blog-card{animation:mssCardIn .4s ease both}
.mss-blogs-grid .mss-blog-card:nth-child(1),.mss-blogs-list .mss-blog-card:nth-child(1){animation-delay:.05s}
.mss-blogs-grid .mss-blog-card:nth-child(2),.mss-blogs-list .mss-blog-card:nth-child(2){animation-delay:.10s}
.mss-blogs-grid .mss-blog-card:nth-child(3),.mss-blogs-list .mss-blog-card:nth-child(3){animation-delay:.15s}
.mss-blogs-grid .mss-blog-card:nth-child(4),.mss-blogs-list .mss-blog-card:nth-child(4){animation-delay:.20s}
.mss-blogs-grid .mss-blog-card:nth-child(5),.mss-blogs-list .mss-blog-card:nth-child(5){animation-delay:.25s}
.mss-blogs-grid .mss-blog-card:nth-child(n+6){animation-delay:.30s}
@keyframes mssCardIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}

/* Responsive */
@media(max-width:1024px){.mss-blogs-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){
  .mss-blogs-grid{grid-template-columns:1fr}
  .mss-blogs-list .mss-blog-card{flex-direction:column!important}
  .mss-blogs-list .mss-card__img{width:100%!important}
  .mss-blogs-list .mss-card__img-ratio{padding-bottom:56.25%!important;height:auto!important}
  .mss-card__body{padding:16px}
}