/* =========================================================
   Hebrew (RTL) overrides for Plinest page (/he/plinest.html)
   IMPORTANT: Keep this file loaded AFTER ../plinest.css and AFTER rtl.css
   ========================================================= */

html[dir="rtl"] body{
  font-family: "Heebo", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}

/* Reading alignment */
html[dir="rtl"] .page-hero .inner,
html[dir="rtl"] .page-body,
html[dir="rtl"] .page-aside,
html[dir="rtl"] .site-footer{
  text-align: right;
}

/* ---------------------------------------------------------
   Desktop layout swap (same fix as hair):
   - Main content stays on the RIGHT
   - Sidebar moves to the LEFT
   Fixes grid auto-placement gaps by forcing grid-row: 1
   --------------------------------------------------------- */
@media (min-width: 980px){
  html[dir="rtl"] .page-grid{
    direction: ltr;
    grid-template-columns: 0.8fr 1.2fr; /* left = sidebar, right = main */
    align-items: start;
  }

  html[dir="rtl"] .page-aside{
    grid-column: 1;
    grid-row: 1;
    direction: rtl;
  }

  html[dir="rtl"] .page-body{
    grid-column: 2;
    grid-row: 1;
    direction: rtl;
  }
}

/* ---------------------------------------------------------
   How-it-works block:
   - Copy on the RIGHT
   - Image on the LEFT
   Fixes wrapping/stacking in RTL by forcing grid-row: 1
   --------------------------------------------------------- */
@media (min-width: 980px){
  html[dir="rtl"] .how-grid{
    direction: ltr;
    grid-template-columns: 0.95fr 1.05fr; /* left = image, right = copy */
    align-items: start;
  }

  html[dir="rtl"] .how-it-works .media-card{
    grid-column: 1;
    grid-row: 1;
  }

  html[dir="rtl"] .how-it-works .copy{
    grid-column: 2;
    grid-row: 1;
    direction: rtl;
  }

  html[dir="rtl"] .caption{
    text-align: right;
  }
}

/* Lists: move indents/bullets to the RIGHT */
html[dir="rtl"] ul.bullet,
html[dir="rtl"] ul.bullets{
  padding-left: 0;
  padding-right: 18px;
}

/* Aside custom bullets: move to the RIGHT */
html[dir="rtl"] .aside-list li{
  padding-left: 0;
  padding-right: 18px;
}
html[dir="rtl"] .aside-list li::before{
  left: auto;
  right: 0;
}

/* Dropdown alignment */
html[dir="rtl"] .nav-sub{
  left: auto;
  right: 0;
}

/* Sidebar image crop tweak (optional) */
html[dir="rtl"] .plinest-aside-image img{
  object-position: 50% 35%;
}