/* mAind blog index — שכבת שדרוג v2 (Taste+Impeccable+Kowalski) — לא נוגעת בקבצי המקור */

/* 1. ישר וחד — אפס עיגול פינות בתמונות ובכפתורים (הנחיית עומר 16.9) */
.cover, .post .cover, .cover img, #gallery .topic-panel, .featured,
#categories button, .search input, .badges span, .more, .btn, button {
  border-radius: 0 !important;
}

/* 2. זכוכית החוצה — רקע מוצק, מהיר יותר במובייל */
.labbar, .masthead, .hero-content, .search input {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
.labbar { background: rgba(12, 12, 11, .96) !important; }

/* 3. לוגו: tracking בתקרה */
.logo { letter-spacing: -0.03em !important; }

/* 4. צל אחד רך במקום hard-offset */
#gallery .topic-panel, .featured {
  box-shadow: 0 18px 50px rgba(0, 0, 0, .38) !important;
}

/* 5. סולם ריווח: בסיס 24, יותר אוויר מעל כותרת מאשר מתחת */
.library { padding-block: 48px 72px; }
.section-top { margin-block: 48px 24px; }
.section-top h2 { margin-block: 0 12px; }

/* 6. אנימציות — transform/opacity בלבד */
.js-anim .post { opacity: 0; transform: translateY(14px); }
.js-anim .post.in {
  opacity: 1; transform: none;
  transition: opacity .5s cubic-bezier(.23, 1, .32, 1), transform .5s cubic-bezier(.23, 1, .32, 1);
}
.cover img { transition: transform .8s cubic-bezier(.2, .65, .3, 1); }
@media (hover: hover) and (pointer: fine) {
  .post:hover .cover img { transform: scale(1.035); }
}
#categories button { position: relative; }
#categories button::after {
  transform-origin: center;
  transition: transform .35s cubic-bezier(.23, 1, .32, 1), opacity .35s;
}
.sub-btn:active, #categories button:active { transform: scale(.97); transition: transform .12s ease; }

@media (prefers-reduced-motion: reduce) {
  .js-anim .post { opacity: 1 !important; transform: none !important; transition: none !important; }
  .cover img, #categories button::after { transition: none !important; }
}

/* מובייל 390 — בלי חריגות */
@media (max-width: 480px) {
  .library { padding-block: 32px 48px; }
  .section-top { margin-block: 32px 16px; }
}

/* === דיוק 3 (עומר 16.9): מסגרת אפורה עדינה === */
#categories button {
  border: 1px solid rgba(255, 255, 255, .14) !important;
}
#categories button:hover,
#categories button[aria-pressed="true"],
#categories button.active {
  border-color: rgba(255, 255, 255, .28) !important;
}
.cover, .post .cover, .featured {
  border: 1px solid rgba(255, 255, 255, .14) !important;
}

/* === מרווח 5px בדפנות כרטיס המאמר (עומר 19.9) === */
#articles .post .post-meta,
#articles .post .post-body,
#articles .post .post-bottom,
#articles .post .badges {
  padding-inline: 5px;
}
#articles .post .post-bottom {
  padding-inline: 5px !important;
}

/* === יישור השורה התחתונה בכל הכרטיסים (עומר 19.9) === */
#articles { align-items: stretch; }
#articles .post { display: flex; }
#articles .post > .post-link,
#articles .post > a {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 100%;
}
#articles .post .post-body { flex: 1 1 auto; }
#articles .post .post-bottom { margin-top: auto; }


/* === כפתור 'עוד תכנים מהבלוג': בלי מסגרת, קווים אפורים עדינים (עומר 19.9) === */
#more.more{border:0 !important;border-top:1px solid rgba(255,255,255,.12) !important;border-bottom:0 !important;background:transparent !important;justify-content:center !important;gap:10px;width:280px;min-height:48px;padding:12px 20px !important;color:#c7c7c0;font-size:15px;cursor:pointer;border-radius:0 !important}
#more.more:hover,#more.more:focus-visible{color:#fff;border-top-color:rgba(255,255,255,.28) !important}

/* post-frame-follow: shared .mnd-frame--hover (shell.css) on .post; first post framed, the frame follows the pointer. (F2) */
html body #articles .post{border:0!important}
/* category panels are links to /blog/<slug>/ */
#gallery a.topic-panel{display:block;text-decoration:none;color:#fff}
#gallery .topic-panel[aria-current=page]{border-color:#ff8116}
/* F2F3-gallery */
#gallery .topic-panel.mnd-frame{border:0!important;background:transparent!important;box-shadow:none!important;padding:22px 36px}
#gallery .topic-panel.mnd-frame img,#gallery .topic-panel.mnd-frame .topic-shade{inset:14px;width:calc(100% - 28px);height:calc(100% - 28px);transform:none!important}
#gallery .topic-panel.mnd-frame[aria-current=page]::before{border-color:#ff8116}
#gallery .topic-panel.mnd-frame .topic-id{top:30px;right:34px}
#gallery .topic-panel.mnd-frame .topic-label{right:36px;bottom:70px}
#gallery .topic-panel.mnd-frame .topic-info{right:36px;left:36px;bottom:34px}
#gallery img[src*="/assets/cat/"]{object-fit:contain;object-position:center top;background:#f2f0eb;background-clip:content-box;padding:46px 12px 136px;box-sizing:border-box;opacity:1}
@media (min-width:821px){#gallery .topic-panel:has(img[src*="/assets/cat/"]) .topic-shade{background:none}}
@media (max-width:820px){#gallery .topic-panel.mnd-frame img,#gallery .topic-panel.mnd-frame .topic-shade{inset:10px;width:calc(100% - 20px);height:calc(100% - 20px)}
 #gallery .topic-panel.mnd-frame .topic-id{top:20px;right:22px}#gallery .topic-panel.mnd-frame .topic-label{right:22px;bottom:52px}#gallery .topic-panel.mnd-frame .topic-info{right:22px;left:22px;bottom:24px}
 #gallery img[src*="/assets/cat/"]{padding:40px 8px 8px;opacity:.45}#gallery .expanded img[src*="/assets/cat/"]{opacity:.75}}
/* /F2F3-gallery */
/* CARD-ALIGN */
html body #articles .post{display:flex!important;flex-direction:column;align-self:stretch}
html body #articles .post>.post-link{display:flex!important;flex-direction:column;flex:1 1 auto}
html body #articles .post .post-body{display:flex!important;flex-direction:column;flex:1 1 auto}
html body #articles .post .post-bottom{margin-top:auto!important}
/* /CARD-ALIGN */