/* =========================================================
   CUSTOM XXL BREAKPOINT pro Materialize
   - širší container pro velké displeje
   - vlastní xxl* sloupce
   ========================================================= */

/* Container pro obrazovky nad 1280 px */
@media only screen and (min-width: 1280px) {
  .container {
    width: 1450px;
    max-width: 90%;
  }
}

/* Sloupce XXL – vyšší specificita než Materialize (.row .col.xl#) */
@media only screen and (min-width: 1450px) {
  .row .col.xxl1  { width: 8.333333%; }
  .row .col.xxl2  { width: 16.666667%; }
  .row .col.xxl3  { width: 25%; }
  .row .col.xxl4  { width: 33.333333%; }
  .row .col.xxl5  { width: 41.666667%; }
  .row .col.xxl6  { width: 50%; }
  .row .col.xxl7  { width: 58.333333%; }
  .row .col.xxl8  { width: 66.666667%; }
  .row .col.xxl9  { width: 75%; }
  .row .col.xxl10 { width: 83.333333%; }
  .row .col.xxl11 { width: 91.666667%; }
  .row .col.xxl12 { width: 100%; }
}

/* =========================================================
   ÚPRAVA ŠÍŘKY CONTAINERU MEZI 993px a 1279px
   - zmírní přechod mezi L (70 %) a XL (1280 px)
   ========================================================= */

@media only screen and (min-width: 993px) and (max-width: 1279px) {
  .container {
    width: 90%;        /* místo 70 % z Materialize */
    max-width: 1180px; /* rozumný strop */
  }
}