/* Meitav Listings — front shortcode styles. Tokens mirror the tagassets reference (accent #40B7FB, Heebo). */
.mtl-grid { --mtl-accent:#40B7FB; --mtl-dark:#01070F; --mtl-muted:#898B8F; --mtl-border:#e3e6e9; --mtl-cols:3;
	display:grid; grid-template-columns:repeat(var(--mtl-cols),1fr); gap:24px; direction:rtl; font-family:"Heebo",sans-serif; }
@media (max-width:900px){ .mtl-grid{ grid-template-columns:1fr; } }

.mtl-card { background:#fff; border:1px solid var(--mtl-border); border-radius:12px; overflow:hidden;
	box-shadow:0 4px 16px rgba(1,7,15,.06); display:flex; flex-direction:column; }
.mtl-card__media { position:relative; display:block; aspect-ratio:16/10; background:#f0f2f4; }
.mtl-card__media img { width:100%; height:100%; object-fit:cover; }
.mtl-badge { position:absolute; inset-inline-start:12px; top:12px; background:var(--mtl-accent); color:#fff;
	font-size:13px; font-weight:600; padding:4px 12px; border-radius:20px; }
.mtl-card__body { padding:16px 18px; }
.mtl-card__title { margin:0 0 12px; font-size:18px; font-weight:700; color:var(--mtl-dark); line-height:1.35; }
.mtl-card__title a { color:inherit; text-decoration:none; }

.mtl-card__stats { display:flex; flex-direction:column; gap:8px; }
.mtl-stat { font-size:14px; color:#333; display:flex; align-items:center; gap:6px; }
.mtl-stat__icon { color:var(--mtl-accent); font-size:18px; width:18px; height:18px; }
.mtl-stat__label { font-weight:700; color:var(--mtl-dark); }
.mtl-empty,.mtl-single { font-family:"Heebo",sans-serif; direction:rtl; }

/* Single */
.mtl-single { --mtl-accent:#40B7FB; --mtl-dark:#01070F; max-width:1000px; margin-inline:auto; }
.mtl-single__title { font-size:28px; font-weight:800; color:var(--mtl-dark); margin:0 0 16px; }
.mtl-single__media { border-radius:12px; overflow:hidden; margin-bottom:24px; }
.mtl-single__media img { width:100%; display:block; }
.mtl-single__h { font-size:20px; font-weight:700; color:var(--mtl-dark); margin:24px 0 12px; }
.mtl-tiles { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
@media (max-width:768px){ .mtl-tiles{ grid-template-columns:1fr; } }
.mtl-tiles .mtl-stat { background:#f5f6f8; border-radius:8px; padding:14px 16px; }
.mtl-single__desc { margin-top:24px; line-height:1.8; color:#333; }