/**
 * Rozšíření stránek CiviCRM na Backdropu.
 *
 * Šířku neomezuje Riverlea ani jiný motiv CiviCRM, ale třída .container
 * z core/modules/layout/css/grid-flexbox.css, která na velkých obrazovkách
 * stropuje obsah na 72.25rem (≈ 1156 px). Šablony rozvržení Backdropu ji
 * přidávají na .l-wrapper-inner, .l-header-inner a .l-footer-inner spolu
 * s .container-fluid.
 *
 * Selektory záměrně neobsahují název šablony ani třídu na <body> — stránky
 * CiviCRM se podle kontextu vykreslují různými rozvrženími a <body> žádnou
 * rozlišovací třídu nemá. Omezení na CiviCRM je zajištěné tím, že se soubor
 * načítá výhradně přes nastavení Custom CiviCRM CSS URL.
 *
 * Nasazení: soubor uložit do <backdrop>/files/ a cestu zadat v
 * Administer → System Settings → Resource URLs → Custom CiviCRM CSS URL
 * (/civicrm/admin/setting/url?reset=1).
 */

@media (min-width: 75em) {
  /* hlavní obsah — hodnotu lze snížit, pokud jsou řádky textu příliš dlouhé */
  .l-wrapper-inner.container {
    max-width: 1600px;
  }

  /* hlavička a patička rozvržení, ať lícují s obsahem */
  .l-header-inner.container,
  .l-footer-inner.container {
    max-width: 1600px;
  }
}

/*
 * Varianta „na celou šířku okna“ — použít místo bloku výše,
 * typicky když se hodně pracuje se SearchKitem a širokými tabulkami.
 *
 * @media (min-width: 75em) {
 *   .l-wrapper-inner.container,
 *   .l-header-inner.container,
 *   .l-footer-inner.container {
 *     max-width: none;
 *   }
 * }
 */

/*
 * Doplňky, které se hodí u širokého rozvržení.
 */

/* tabulky výsledků ať využijí získané místo */
#crm-container table.crm-sortable,
#crm-container .crm-search-results table {
  width: 100%;
}

/*
 * POZOR: nenastavovat max-width na .crm-summary-block.
 * Riverlea na něm má container-type: inline-size a container query
 * @container crm-summary-block (width < 430px), která skládá popisek
 * a hodnotu pod sebe. Jakýkoli strop pod 430 px přepne celý přehled
 * kontaktu do úzkého mobilního režimu.
 */