/* Sefid RTL chrome v1 - round 138
   The persian edition wears the same chrome as the european one. These rules
   only mirror what the preview stylesheet lays out for a left to right page:
   nothing is redesigned, everything is flipped. Loaded only on the persian
   edition, so the european edition can never be touched by it. */

/* ---- header menus ---- */
.sefid-home-rtl .menu-in { direction: rtl; text-align: right; }
.sefid-home-rtl .mcard { text-align: right; }
.sefid-home-rtl .mcard-t::after { content: "\2190"; margin-left: 0; margin-right: 8px; }
.sefid-home-rtl .mcard:hover .mcard-t::after { margin-left: 0; margin-right: 12px; }
.sefid-home-rtl .mcard { border-left: 0; }
@media (min-width: 1280px) {
  .sefid-home-rtl .mcard { border-right: 1px solid rgba(17, 17, 17, 0.12); border-left: 0; }
  .sefid-home-rtl .mcard:first-child { border-right: 0; }
}
.sefid-home-rtl .chev { transform: rotate(45deg); }
.sefid-home-rtl .has-menu.open .chev { transform: rotate(-135deg) translateY(-2px); }
.sefid-home-rtl .hdr-in { direction: rtl; }
.sefid-home-rtl nav ul { direction: rtl; }

/* ---- mobile drawer ---- */
.sefid-home-rtl .drawer { direction: rtl; text-align: right; }
.sefid-home-rtl .drawer a, .sefid-home-rtl .drawer button { text-align: right; }

/* ---- the corner widget belongs in the bottom corner, always ---- */
.sf-chat {
  position: fixed !important;
  right: 24px !important;
  left: auto !important;
  bottom: 24px !important;
  top: auto !important;
  z-index: 2147483000 !important;
  display: flex !important;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
}
@media (max-width: 640px) {
  .sf-chat { right: 14px !important; bottom: calc(14px + env(safe-area-inset-bottom)) !important; }
}

/* ---- the pricing rows line up across every card ---- */
/* Round 171: the plan card gained a badge row in round 147, so the shared frame
   is eight rows now, not seven. Seven rows pushed the choose-plan button into
   the feature list. Mirrors redesign.css, mobile override included. */
@supports (grid-template-rows: subgrid) {
  .price-grid { grid-template-rows: auto auto auto auto auto auto 1fr auto; }
  .price-grid > .plan { display: grid; grid-template-rows: subgrid; grid-row: span 8; row-gap: 0; }
  .price-grid > .plan > * { margin-top: 0; margin-bottom: 0; align-self: start; }
  .price-grid > .plan .plan-badge { min-height: 1px; }
  .price-grid > .plan ul { align-self: stretch; }
  .price-grid > .plan .btn { align-self: end; margin-top: 28px; }
}
@media (max-width: 1023px) {
  @supports (grid-template-rows: subgrid) {
    .price-grid { grid-template-rows: none; }
    .price-grid > .plan { grid-row: auto; grid-template-rows: auto auto auto auto auto auto 1fr auto; }
  }
}
@supports not (grid-template-rows: subgrid) {
  .price-grid > .plan .plan-badge { min-height: 26px; }
  .price-grid > .plan .plan-name { min-height: 20px; }
  .price-grid > .plan .plan-for { min-height: 40px; }
  .price-grid > .plan .plan-price { min-height: 48px; }
  .price-grid > .plan .plan-was { min-height: 18px; }
  .price-grid > .plan .plan-note { min-height: 34px; }
}
/* every card starts with the badge row, popular or not, so the rows cannot slip */
.price-grid > .plan > .plan-badge-empty { visibility: hidden; }