/* ==========================================================================
   Consultation-request form — the few components main.css does not already
   carry. Everything else (header, card, sections, fields, choices, buttons,
   confirmation, footer) comes from css/main.css unchanged.

   Deliberately a separate file from css/new_file.css rather than a reuse of
   it: that stylesheet is mostly the dropzone and the attached-file list, and
   this form takes no attachments. Sharing it would ship rules for controls
   that are not on the page.

   Written with CSS logical properties throughout, so Arabic (RTL) and
   English (LTR) share one stylesheet, matching css/main.css.
   ========================================================================== */

/* --- Radio grids ----------------------------------------------------------
   Nine practice areas in a single column push the description field below the
   fold on a laptop, so they pair up once there is room. auto-fit rather than
   a fixed two columns: التوثيق والتسجيل العيني للعقار is a long line and must
   be free to take a row of its own on a narrow screen.                      */
.choices--grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  gap: var(--sp-3);
}

/* "أخرى" is a label wrapped alongside its reveal, so the wrapper — not the
   choice — is the grid item. Making it a column keeps that option the same
   height as the plain ones beside it. */
.choices--grid > div { display: flex; flex-direction: column; }

/* --- Free text ------------------------------------------------------------
   The questions are entered one per line, so the field opens tall enough to
   invite more than one.                                                     */
.textarea--tall { min-block-size: 8rem; }

/* --- Print ----------------------------------------------------------------
   Free text is entered across several lines and must print that way; the
   .p-row rules in print.css otherwise collapse it to a single run.          */
@media print {
  .p-row .v.pre {
    white-space: pre-wrap;
    word-break: break-word;
  }
}