/* MobiLux Elementor Blog Magazine */
.ml-blog-widget{
  --ml-blog-gap:16px;
  --ml-blog-cols:4;
  --ml-blog-per-view:4;
  --ml-blog-accent:var(--ml-primary);
  --ml-blog-ink:#171a2a;
  --ml-blog-muted:#8b93a7;
  --ml-blog-border:#e8eaf3;
  --ml-blog-surface:#fff;
  position:relative;
  direction:rtl;
  width:100%;
}
.ml-blog-widget *{box-sizing:border-box}
.ml-blog-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}
.ml-blog-heading{min-width:0}
.ml-blog-kicker{display:block;color:var(--ml-blog-accent);font-size:13px;font-weight:800;margin-bottom:7px}
.ml-blog-title{margin:0;color:var(--ml-blog-ink);font-size:clamp(25px,2.5vw,38px);line-height:1.3;font-weight:900;letter-spacing:-.6px}
.ml-blog-description{max-width:720px;margin:10px 0 0;color:var(--ml-blog-muted);line-height:1.9;font-size:14px}
.ml-blog-header-actions{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.ml-blog-view-all{display:inline-flex;align-items:center;gap:8px;color:var(--ml-blog-accent);font-size:14px;font-weight:800;text-decoration:none;white-space:nowrap;transition:.25s ease}
.ml-blog-view-all:hover{transform:translateX(-3px);color:var(--ml-blog-accent)}
.ml-blog-navs{display:flex;align-items:center;gap:8px}
.ml-blog-nav{width:44px;height:44px;border:1px solid var(--ml-blog-border);border-radius:14px;background:#fff;color:#525b70;display:inline-grid;place-items:center;cursor:pointer;transition:.22s ease}
.ml-blog-nav:hover{border-color:color-mix(in srgb,var(--ml-primary) 34%,transparent);color:var(--ml-blog-accent);transform:translateY(-2px);box-shadow:0 10px 25px rgba(23,26,42,.08)}
.ml-blog-nav:disabled{opacity:.35;cursor:default;transform:none;box-shadow:none}
.ml-blog-filters{display:flex;align-items:center;gap:8px;overflow:auto;padding:0 0 14px;margin:-2px 0 10px;scrollbar-width:none}
.ml-blog-filters::-webkit-scrollbar{display:none}
.ml-blog-filter{border:1px solid var(--ml-blog-border);background:#fff;color:#70788c;border-radius:12px;padding:9px 14px;display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:750;white-space:nowrap;cursor:pointer;transition:.2s ease}
.ml-blog-filter span{font-size:11px;opacity:.72}
.ml-blog-filter:hover{border-color:color-mix(in srgb,var(--ml-primary) 27%,#fff);color:var(--ml-blog-accent)}
.ml-blog-filter.is-active{background:#171a2a;color:#fff;border-color:#171a2a;box-shadow:0 8px 18px rgba(23,26,42,.12)}
.ml-blog-grid{display:grid;grid-template-columns:repeat(var(--ml-blog-cols),minmax(0,1fr));gap:var(--ml-blog-gap)}
.ml-blog-grid>.ml-blog-card.is-filter-hidden,
.ml-blog-magazine .ml-blog-card.is-filter-hidden{display:none!important}
.ml-blog-card{position:relative;overflow:hidden;background:var(--ml-blog-surface);border:1px solid var(--ml-blog-border);border-radius:22px;min-width:0;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;box-shadow:0 8px 25px rgba(25,31,49,.035)}
.ml-blog-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--ml-primary) 22%,#fff);box-shadow:0 20px 45px rgba(34,31,78,.09)}
.ml-blog-image{position:relative;display:block;width:100%;height:210px;background:#f4f5f9;overflow:hidden;text-decoration:none}
.ml-blog-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.75,.2,1),filter .4s ease}
.ml-blog-card.hover-zoom:hover .ml-blog-image img,.ml-blog-card.hover-zoom-lift:hover .ml-blog-image img{transform:scale(1.055)}
.ml-blog-card.hover-lift:hover .ml-blog-image img,.ml-blog-card.hover-zoom-lift:hover .ml-blog-image img{filter:saturate(1.05) contrast(1.02)}
.ml-blog-image-placeholder{display:grid;place-items:center;width:100%;height:100%;font-size:50px;color:#c7cbe0;background:linear-gradient(135deg,#f7f7fb,#eef0f7)}
.ml-blog-category{position:absolute;right:14px;bottom:14px;z-index:2;background:rgba(255,255,255,.93);backdrop-filter:blur(10px);color:var(--ml-blog-accent);border:1px solid rgba(255,255,255,.7);border-radius:10px;padding:7px 10px;font-size:11px;font-weight:850;box-shadow:0 5px 16px rgba(28,32,51,.08)}
.ml-blog-category-inline{position:static;display:inline-flex;width:max-content;margin-bottom:10px;text-decoration:none;background:color-mix(in srgb,var(--ml-primary) 8%,#fff)}
.ml-blog-bookmark{position:absolute;left:14px;top:14px;z-index:3;width:38px;height:38px;border:1px solid rgba(255,255,255,.8);border-radius:12px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);display:grid;place-items:center;color:#70788c;cursor:pointer;transition:.2s ease;box-shadow:0 6px 18px rgba(24,28,45,.08)}
.ml-blog-bookmark:hover,.ml-blog-bookmark.is-active{color:var(--ml-blog-accent);background:#fff;transform:translateY(-2px)}
.ml-blog-body{padding:18px 18px 19px}
.ml-blog-post-title{margin:0;font-size:16px;line-height:1.9;font-weight:850;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:60px}
.ml-blog-post-title a{color:var(--ml-blog-ink);text-decoration:none;transition:.2s ease}
.ml-blog-post-title a:hover{color:var(--ml-blog-accent)}
.ml-blog-excerpt{margin:9px 0 0;color:#747d91;line-height:1.85;font-size:13px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ml-blog-author{margin-top:14px;display:inline-flex;align-items:center;gap:8px;color:#737b90;text-decoration:none;font-size:12px;font-weight:700}
.ml-blog-author img{width:30px;height:30px;border-radius:50%;object-fit:cover}
.ml-blog-meta{display:flex;align-items:center;flex-wrap:wrap;gap:11px 14px;margin-top:14px;padding-top:13px;border-top:1px solid #f0f1f6;color:#9aa0b2;font-size:11px}
.ml-blog-meta span,.ml-blog-meta time{display:inline-flex;align-items:center;gap:5px}
.ml-blog-meta i{font-size:12px;color:color-mix(in srgb,var(--ml-primary) 76%,#fff)}
.ml-blog-meta b{font-weight:700;color:inherit}
.ml-blog-read-more{margin-top:14px;display:inline-flex;align-items:center;gap:7px;color:var(--ml-blog-accent);font-size:12px;font-weight:850;text-decoration:none}
.ml-blog-read-more:hover{color:var(--ml-blog-accent);gap:10px}
.ml-blog-empty{min-height:220px;border:1px dashed #dfe2ed;border-radius:22px;background:#fafbfe;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#8c93a7;text-align:center;padding:25px}
.ml-blog-empty i{font-size:42px;color:color-mix(in srgb,var(--ml-primary) 46%,#fff)}
/* Featured grid */
.layout-featured-grid .ml-blog-grid>.ml-blog-card.is-featured{grid-column:span 2;grid-row:span 2}
.layout-featured-grid .ml-blog-grid>.ml-blog-card.is-featured .ml-blog-image{height:340px}
.layout-featured-grid .ml-blog-grid>.ml-blog-card.is-featured .ml-blog-post-title{font-size:22px;min-height:0}
.layout-featured-grid .ml-blog-grid>.ml-blog-card.is-featured .ml-blog-excerpt{font-size:14px;-webkit-line-clamp:4}
/* Magazine */
.ml-blog-magazine{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:var(--ml-blog-gap);align-items:stretch}
.ml-blog-magazine-featured>.ml-blog-card{height:100%;display:flex;flex-direction:column}
.ml-blog-magazine-featured .ml-blog-image{height:370px}
.ml-blog-magazine-featured .ml-blog-body{padding:22px}
.ml-blog-magazine-featured .ml-blog-post-title{font-size:23px;min-height:0}
.ml-blog-magazine-featured .ml-blog-excerpt{font-size:14px;-webkit-line-clamp:4}
.ml-blog-magazine-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ml-blog-gap)}
.ml-blog-magazine-side .ml-blog-image{height:145px}
.ml-blog-magazine-side .ml-blog-body{padding:14px}
.ml-blog-magazine-side .ml-blog-post-title{font-size:13px;min-height:49px;line-height:1.85}
.ml-blog-magazine-side .ml-blog-meta{margin-top:10px;padding-top:10px}
.ml-blog-magazine-side .ml-blog-excerpt,.ml-blog-magazine-side .ml-blog-author,.ml-blog-magazine-side .ml-blog-read-more{display:none}
/* Minimal */
.ml-blog-grid.is-minimal{grid-template-columns:minmax(0,1fr)}
.ml-blog-grid.is-minimal .ml-blog-card{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:stretch}
.ml-blog-grid.is-minimal .ml-blog-image{height:100%;min-height:160px}
.ml-blog-grid.is-minimal .ml-blog-body{display:flex;flex-direction:column;justify-content:center}
.ml-blog-grid.is-minimal .ml-blog-post-title{min-height:0;font-size:18px}
.ml-blog-grid.is-minimal .ml-blog-meta{margin-top:10px}
/* Carousel */
.ml-blog-viewport{overflow:hidden;width:100%;touch-action:pan-y}
.ml-blog-track{display:flex;gap:var(--ml-blog-gap);will-change:transform;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.ml-blog-track>.ml-blog-card{flex:0 0 calc((100% - (var(--ml-blog-gap) * (var(--ml-blog-per-view) - 1))) / var(--ml-blog-per-view));max-width:calc((100% - (var(--ml-blog-gap) * (var(--ml-blog-per-view) - 1))) / var(--ml-blog-per-view))}
.ml-blog-track>.ml-blog-card.is-filter-hidden{display:none}
.ml-blog-progress{height:3px;border-radius:100px;background:#eceef5;overflow:hidden;margin-top:18px}
.ml-blog-progress-bar{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ml-primary),#7b8cff);transition:width .3s ease}
.ml-blog-toast{position:fixed;left:24px;bottom:24px;z-index:99999;background:#171a2a;color:#fff;border-radius:14px;padding:11px 15px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:750;opacity:0;visibility:hidden;transform:translateY(12px);transition:.25s ease;box-shadow:0 14px 35px rgba(0,0,0,.18)}
.ml-blog-toast.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.ml-blog-toast i{color:color-mix(in srgb,var(--ml-primary) 76%,#fff)}
@media (max-width:1024px){
  .ml-blog-magazine{grid-template-columns:minmax(0,1fr)}
  .ml-blog-magazine-featured .ml-blog-image{height:300px}
  .layout-featured-grid .ml-blog-grid>.ml-blog-card.is-featured{grid-column:span min(2,var(--ml-blog-cols));grid-row:auto}
}
@media (max-width:767px){
  .ml-blog-header{align-items:flex-start;flex-direction:column;margin-bottom:17px}
  .ml-blog-header-actions{width:100%;justify-content:space-between}
  .ml-blog-title{font-size:25px}
  .ml-blog-view-all{font-size:12px}
  .ml-blog-nav{width:39px;height:39px;border-radius:12px}
  .ml-blog-filters{margin-top:0;padding-bottom:12px}
  .ml-blog-filter{padding:8px 12px;font-size:12px}
  .ml-blog-magazine-side{grid-template-columns:minmax(0,1fr)}
  .ml-blog-magazine-side .ml-blog-card{display:grid;grid-template-columns:120px minmax(0,1fr)}
  .ml-blog-magazine-side .ml-blog-image{height:100%;min-height:125px}
  .ml-blog-grid.is-minimal .ml-blog-card{grid-template-columns:120px minmax(0,1fr)}
  .ml-blog-grid.is-minimal .ml-blog-image{min-height:135px}
  .ml-blog-grid.is-minimal .ml-blog-body{padding:13px}
  .ml-blog-grid.is-minimal .ml-blog-post-title{font-size:14px;line-height:1.85}
  .layout-featured-grid .ml-blog-grid>.ml-blog-card.is-featured{grid-column:1/-1}
  .layout-featured-grid .ml-blog-grid>.ml-blog-card.is-featured .ml-blog-image{height:260px}
  .ml-blog-toast{left:14px;right:14px;bottom:82px;justify-content:center}
}
@media (prefers-reduced-motion:reduce){
  .ml-blog-card,.ml-blog-image img,.ml-blog-view-all,.ml-blog-nav,.ml-blog-track,.ml-blog-filter{transition:none!important}
}

.ml-blog-image-link{display:block;width:100%;height:100%;text-decoration:none}

/* Reflow also follows the actual Elementor column, not only the viewport. */
@container mobilux-widget (max-width:1024px){
  .ml-blog-magazine{grid-template-columns:minmax(0,1fr)}
  .ml-blog-magazine-featured .ml-blog-image{height:300px}
  .layout-featured-grid .ml-blog-grid>.ml-blog-card.is-featured{grid-column:span min(2,var(--ml-blog-cols));grid-row:auto}
}
@container mobilux-widget (max-width:767px){
  .ml-blog-header{align-items:flex-start;flex-direction:column;margin-bottom:17px}
  .ml-blog-header-actions{width:100%;justify-content:space-between}
  .ml-blog-title{font-size:25px}
  .ml-blog-view-all{font-size:12px}
  .ml-blog-nav{width:39px;height:39px;border-radius:12px}
  .ml-blog-filters{margin-top:0;padding-bottom:12px}
  .ml-blog-filter{padding:8px 12px;font-size:12px}
  .ml-blog-magazine-side{grid-template-columns:minmax(0,1fr)}
  .ml-blog-magazine-side .ml-blog-card{display:grid;grid-template-columns:120px minmax(0,1fr)}
  .ml-blog-magazine-side .ml-blog-image{height:100%;min-height:125px}
  .ml-blog-grid.is-minimal .ml-blog-card{grid-template-columns:120px minmax(0,1fr)}
  .ml-blog-grid.is-minimal .ml-blog-image{min-height:135px}
  .ml-blog-grid.is-minimal .ml-blog-body{padding:13px}
  .ml-blog-grid.is-minimal .ml-blog-post-title{font-size:14px;line-height:1.85}
  .layout-featured-grid .ml-blog-grid>.ml-blog-card.is-featured{grid-column:1/-1}
  .layout-featured-grid .ml-blog-grid>.ml-blog-card.is-featured .ml-blog-image{height:260px}
  .ml-blog-toast{left:14px;right:14px;bottom:82px;justify-content:center}
}

/* v1.0.44: component-specific responsive layout. */
.ml-blog-header,.ml-blog-header-actions{flex-wrap:wrap;gap:14px}.ml-blog-viewport{min-width:0;max-width:100%;overscroll-behavior-inline:contain;touch-action:pan-x pan-y pinch-zoom}
.ml-blog-track>.ml-blog-card{min-width:min(100%,250px);max-width:none}

@media(max-width:1024px){.ml-blog-widget{--ml-blog-cols:2;--ml-blog-per-view:2.2}.ml-blog-magazine{grid-template-columns:minmax(0,1fr)}
}
@container mobilux-widget (max-width:1024px){.ml-blog-widget{--ml-blog-cols:2;--ml-blog-per-view:2.2}.ml-blog-magazine{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:767px){.ml-blog-widget{--ml-blog-cols:1;--ml-blog-per-view:1.15}.ml-blog-grid{grid-template-columns:minmax(0,1fr)}
.ml-blog-header-actions{width:100%;justify-content:space-between}.ml-blog-header-actions button{min-width:44px;min-height:44px}
}
@container mobilux-widget (max-width:767px){.ml-blog-widget{--ml-blog-cols:1;--ml-blog-per-view:1.15}.ml-blog-grid{grid-template-columns:minmax(0,1fr)}
.ml-blog-header-actions{width:100%;justify-content:space-between}.ml-blog-header-actions button{min-width:44px;min-height:44px}
}
@media(max-width:479px){.ml-blog-magazine-side .ml-blog-card,.ml-blog-grid.is-minimal .ml-blog-card{grid-template-columns:minmax(0,1fr)}
.ml-blog-grid.is-minimal .ml-blog-image,.ml-blog-magazine-side .ml-blog-image{height:auto;aspect-ratio:16/10}
}
@container mobilux-widget (max-width:479px){.ml-blog-magazine-side .ml-blog-card,.ml-blog-grid.is-minimal .ml-blog-card{grid-template-columns:minmax(0,1fr)}
.ml-blog-grid.is-minimal .ml-blog-image,.ml-blog-magazine-side .ml-blog-image{height:auto;aspect-ratio:16/10}
}
@media(max-width:767px){
  .ml-blog-toast{inset-inline:12px;max-width:calc(100% - 24px);bottom:calc(var(--mobilux-bottom-reserve,0px) + 12px);overflow-wrap:anywhere;font-size:13px}
}