/* Arabic SERVICE DETAIL only. Loaded only for $isServiceDetail && $lang==='ar'.
   Keeps the English component CSS unchanged. */
.aseel-service-detail--ar {
  direction: rtl;
  text-align: right;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  font-family: Tajawal, Manrope, Arial, sans-serif;
  overflow-x: clip;
}
.aseel-service-detail--ar,
.aseel-service-detail--ar * { box-sizing: border-box; }
/* CSS Grid's default 'auto' minimum can expand an RTL grid beyond its viewport. */
.aseel-service-detail--ar :is(.af-hero__layout,.af-hero__copy,.af-hero__visual,.asd-section,.asd-section>.container,.asd-intro,.asd-info-grid,.asd-info,.asd-vehicle-grid,.asd-vehicle,.asd-vehicle__body,.asd-price-pair,.asd-duo,.asd-duo>div,.asd-inline-chips,.asd-step-grid,.asd-form-row,.asd-form-aside,.asd-form-shell,.asd-form,.asd-fields,.asd-fields>label,.asd-service-grid,.asd-related-card,.asd-faq,.asd-faq summary,.asd-faq__answer) {
  min-width: 0;
  max-width: 100%;
}
.aseel-service-detail--ar .af-hero__layout { grid-template-columns: minmax(0,1.03fr) minmax(0,.97fr); }
.aseel-service-detail--ar :is(.asd-info-grid,.asd-vehicle-grid,.asd-step-grid,.asd-service-grid,.asd-fields,.asd-inline-chips,.asd-duo) { min-width: 0; }
.aseel-service-detail--ar :is(h1,h2,h3,h4,p,a,dt,dd,li,strong,small,summary,.overline,.asd-seq,.af-breadcrumb) {
  overflow-wrap: anywhere;
  word-break: normal;
}
.aseel-service-detail--ar .af-breadcrumb { flex-wrap: wrap; min-width: 0; }
.aseel-service-detail--ar .af-hero__buttons { min-width: 0; }
.aseel-service-detail--ar .af-hero__buttons .btn { white-space: normal; min-width: 0; max-width: 100%; text-align: center; }
.aseel-service-detail--ar .af-hero__photo { max-width: 100%; }
.aseel-service-detail--ar :is(img,svg,video,iframe) { max-width: 100%; }
.aseel-service-detail--ar .asd-form :is(input:not([type=checkbox]),select,textarea) { min-width: 0; max-width: 100%; }
.aseel-service-detail--ar .asd-table-wrap { width: 100%; max-width: 100%; min-width: 0; overflow-x: auto; overscroll-behavior-inline: contain; }
.aseel-service-detail--ar .asd-table { width: 100%; }
.aseel-service-detail--ar .asd-form-row { grid-template-columns: minmax(0,.72fr) minmax(0,1.28fr); }
.aseel-service-detail--ar .asd-faq summary { justify-content: space-between; }
.aseel-service-detail--ar .asd-faq summary .asd-faq__plus { flex-shrink: 0; }
@media(max-width:850px) {
  .aseel-service-detail--ar .af-hero__layout { grid-template-columns: minmax(0,1fr); }
  .aseel-service-detail--ar .asd-form-row { grid-template-columns: minmax(0,1fr); }
}
@media(max-width:650px) {
  .aseel-service-detail--ar .container { width: min(calc(100% - 30px),1240px); }
  .aseel-service-detail--ar .af-hero h1 { font-size:clamp(30px,8vw,48px);line-height:1.28;letter-spacing:0; }
  .aseel-service-detail--ar .af-hero h1 span { font-size:clamp(17px,4.7vw,23px); }
  .aseel-service-detail--ar .asd-intro h2 { font-size:clamp(27px,7vw,40px); }
  .aseel-service-detail--ar :is(.asd-info-grid,.asd-info-grid--thirds,.asd-vehicle-grid,.asd-step-grid,.asd-inline-chips,.asd-duo,.asd-service-grid,.asd-fields) { grid-template-columns:minmax(0,1fr); }
  .aseel-service-detail--ar .asd-form-shell,.aseel-service-detail--ar .asd-form-aside { padding: clamp(16px,4vw,24px); }
  /* Eliminate 780px mobile minimum inherited from the shared RTL rule.
     Turn the pricing table into readable stacked blocks rather than a side-scrolling table. */
  .aseel-service-detail--ar .asd-table-wrap { overflow: visible; border: 0; background: transparent; }
  .aseel-service-detail--ar .asd-table { display:block; min-width:0!important; width:100%; border-collapse:separate; }
  .aseel-service-detail--ar .asd-table thead { display:none; }
  .aseel-service-detail--ar .asd-table tbody { display:grid; gap:13px; min-width:0; }
  .aseel-service-detail--ar .asd-table tbody tr { display:block;min-width:0;border:1px solid #e0d7c9;border-radius:17px;overflow:hidden;background:#fff; }
  .aseel-service-detail--ar .asd-table tbody tr:nth-child(even) { background:#fbf8f3; }
  .aseel-service-detail--ar .asd-table tbody th { display:block;min-width:0;padding:15px;background:#fff3d9; }
  .aseel-service-detail--ar .asd-table tbody td { display:grid;grid-template-columns:minmax(0,43%) minmax(0,57%);gap:9px;align-items:start;padding:12px 14px;min-width:0;overflow-wrap:anywhere; }
  .aseel-service-detail--ar .asd-table tbody td::before { display:block;font-weight:800;color:#63574c;line-height:1.6; }
  .aseel-service-detail--ar .asd-table tbody td:nth-of-type(1)::before { content:'الميزانية اليومية'; }
  .aseel-service-detail--ar .asd-table tbody td:nth-of-type(2)::before { content:'مثال أسبوعي'; }
  .aseel-service-detail--ar .asd-table tbody td:nth-of-type(3)::before { content:'الميزانية الشهرية'; }
  .aseel-service-detail--ar .asd-table tbody td:nth-of-type(4)::before { content:'مثال سنوي'; }
  .aseel-service-detail--ar .asd-table tbody td bdi { display:inline;unicode-bidi:isolate;white-space:normal;overflow-wrap:anywhere; }
  .aseel-service-detail--ar .af-hero__sticker { max-width: min(80%,240px);padding:10px 12px; }
  .aseel-service-detail--ar .af-hero__sticker strong { font-size:32px; }
}
@media(max-width:360px) {
  .aseel-service-detail--ar .asd-table tbody td { grid-template-columns:minmax(0,1fr);gap:3px; }
  .aseel-service-detail--ar .af-hero__buttons>.btn { width:100%;justify-content:center; }
}


/* RTL overflow root cause: the shared form honeypot uses left:-10000px.
   In RTL this creates an enormous negative scroll range. Hide it without
   placing any painted/layout box outside the viewport. */
.aseel-service-detail--ar .asd-honeypot {
  position: absolute !important;
  left: auto !important;
  right: auto !important;
  inset-inline-start: 0 !important;
  top: 0 !important;
  width: 1px !important;
  height: 1px !important;
  max-width: 1px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}
.aseel-service-detail--ar .asd-form-shell {position: relative; min-width: 0;}
