/* הבתים שלי – Projects Showcase (dynamic widget)
   Clean BEM, Elementor global CSS vars, RTL-aware, responsive, a11y. */
.proj-showcase{
  --ps-gap: 2rem;
  --ps-item-gap: 2rem;
  --ps-inline-pad: 50px;
  --ps-main-col: 70%;
  --ps-aside-col: 30%;
  --ps-aside-ratio: 16 / 9;
  --ps-title-size: 20px;
  --ps-title-weight: 700;
  --ps-img-hover-opacity: .67;
  --ps-font: var(--e-global-typography-primary-font-family, "Noto Sans Hebrew"), sans-serif;
  display:block;
}
.proj-showcase__list{ list-style:none; margin:0; padding:0; }
.proj-showcase__item{
  /* full-bleed: 50px gutters each side (20px on mobile portrait) */
  margin-block-end: var(--ps-item-gap);
  padding-inline: var(--ps-inline-pad);
}
.proj-showcase__item:last-child{ margin-block-end:0; }
.proj-card__title{
  margin:0 0 1rem;
  text-align:right;
  font-family: var(--ps-font);
  font-size: var(--ps-title-size);
  font-weight: var(--ps-title-weight);
  line-height:1.3;
  color: var(--e-global-color-primary, #000);
}
.proj-card__title a{ color:inherit; text-decoration:none; }
.proj-card__title a:hover,
.proj-card__title a:focus-visible{ text-decoration:underline; }
.proj-card__body{ display:flex; gap: var(--ps-gap); align-items:stretch; }
.proj-showcase__item:nth-child(even) .proj-card__body{ flex-direction: row-reverse; }
.proj-card__media{ display:block; overflow:hidden; }
.proj-card__media--main{ flex: 0 0 calc(var(--ps-main-col) - var(--ps-gap) / 2); min-width:0; }
.proj-card__aside{ flex: 0 0 calc(var(--ps-aside-col) - var(--ps-gap) / 2); min-width:0; display:flex; flex-direction:column; gap:1rem; }
.proj-card__img{ display:block; width:100%; height:auto; }
/* Secondary image sits in a fixed 16:9 slot (leaves room for the text), cover-cropped. */
.proj-card__media--secondary{ aspect-ratio: var(--ps-aside-ratio); }
.proj-card__media--secondary .proj-card__img{ height:100%; object-fit:cover; object-position:center center; }
.proj-card__media .proj-card__img{ transition: opacity .4s ease; }
.proj-card__media:hover .proj-card__img{ opacity: var(--ps-img-hover-opacity); }
.proj-card__media:focus-visible{ outline:2px solid var(--e-global-color-accent, #000); outline-offset:2px; }
.proj-card__excerpt{
  margin:0;
  font-family: var(--e-global-typography-9feb7ea-font-family, "Noto Sans Hebrew"), sans-serif;
  font-size: var(--e-global-typography-9feb7ea-font-size, 18px);
  font-weight: var(--e-global-typography-9feb7ea-font-weight, 300);
  line-height: var(--e-global-typography-9feb7ea-line-height, 1.6);
  color: var(--e-global-color-text, #000);
}
.proj-card__more{
  --ps-more-hover: #8a8a8a;
  display:block;
  width:fit-content;
  margin-block-start:1.6em;   /* one blank line above the CTA */
  margin-block-start:1lh;
  font-family: var(--e-global-typography-9feb7ea-font-family, "Noto Sans Hebrew"), sans-serif;
  font-size: var(--e-global-typography-9feb7ea-font-size, 18px);
  font-weight:700;
  color: var(--e-global-color-text, #000);
  text-decoration: underline;
  transition: color .2s ease;
}
.proj-card__more:hover{ color: var(--ps-more-hover); }
.proj-card__more:focus-visible{ color: var(--ps-more-hover); outline:2px solid currentColor; outline-offset:2px; }
/* Tablet & below: stack to one column. Secondary image hidden (as the original did);
   excerpt kept visible for accessibility/SEO. */
@media (max-width:1024px){
  .proj-card__body,
  .proj-showcase__item:nth-child(even) .proj-card__body{ flex-direction:column; gap:1rem; }
  .proj-card__media--main,
  .proj-card__aside{ flex-basis:auto; }
  .proj-card__media--secondary{ display:none; }
}
/* Mobile portrait: gutters down to 20px each side */
@media (max-width:767px){
  .proj-showcase{ --ps-inline-pad:20px; }
}
@media (prefers-reduced-motion: reduce){
  .proj-card__media .proj-card__img{ transition:none; }
}