/* Checkout informace o zákazníkovi */
/* Pouze PC/tablet od 992 px. Mobily zůstávají původní. */

@media (min-width: 992px) {

  /* Poslední checkout krok - kompaktnější boxy */
  body.in-krok-2 .co-box,
  body.in-krok-2 .box-bg-default {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }

  body.in-krok-2 .co-box h4,
  body.in-krok-2 .box-bg-default h4 {
    margin-bottom: 14px !important;
  }

  body.in-krok-2 .form-group,
  body.in-krok-2 .form-group-wrapped {
    margin-bottom: 12px !important;
  }

  body.in-krok-2 label {
    margin-bottom: 4px !important;
  }

  body.in-krok-2 input.form-control,
  body.in-krok-2 select.form-control,
  body.in-krok-2 textarea.form-control {
    min-height: 38px;
  }

  /* Přihlášení k účtu - cihlově/oranžová */
  body.in-krok-2 #checkoutContent a[href*="login"],
  body.in-krok-2 #checkoutContent a[href*="prihlas"],
  body.in-krok-2 #checkoutContent a[href*="klient"] {
    color: #c9561c !important;
    font-weight: 700 !important;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
  }

  body.in-krok-2 #checkoutContent a[href*="login"]:hover,
  body.in-krok-2 #checkoutContent a[href*="prihlas"]:hover,
  body.in-krok-2 #checkoutContent a[href*="klient"]:hover {
    color: #e66b21 !important;
  }

  /* Osobní údaje - celý box se skládá do dvou sloupců */
  body.in-krok-2 #checkoutContent .co-box:has(input[type="email"]),
  body.in-krok-2 #checkoutContent .box-bg-default:has(input[type="email"]) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 28px;
    row-gap: 10px;
    align-items: end;
  }

  /* Nadpis a zákaznický účet přes celou šířku */
  body.in-krok-2 #checkoutContent .co-box:has(input[type="email"]) > h4,
  body.in-krok-2 #checkoutContent .box-bg-default:has(input[type="email"]) > h4,
  body.in-krok-2 #checkoutContent .co-box:has(input[type="email"]) > p,
  body.in-krok-2 #checkoutContent .box-bg-default:has(input[type="email"]) > p,
  body.in-krok-2 #checkoutContent .co-box:has(input[type="email"]) > .login-wrapper,
  body.in-krok-2 #checkoutContent .box-bg-default:has(input[type="email"]) > .login-wrapper {
    grid-column: 1 / -1;
  }

  /* Výchozí: formulářové skupiny v osobních údajích */
  body.in-krok-2 #checkoutContent .co-box:has(input[type="email"]) .form-group,
  body.in-krok-2 #checkoutContent .box-bg-default:has(input[type="email"]) .form-group,
  body.in-krok-2 #checkoutContent .co-box:has(input[type="email"]) .form-group-wrapped,
  body.in-krok-2 #checkoutContent .box-bg-default:has(input[type="email"]) .form-group-wrapped {
    width: 100% !important;
    max-width: none !important;
  }

  /* Jméno a příjmení vlevo */
  body.in-krok-2 #checkoutContent .co-box:has(input[type="email"]) .form-group:has(input[type="text"]):not(:has(input[type="tel"])),
  body.in-krok-2 #checkoutContent .box-bg-default:has(input[type="email"]) .form-group:has(input[type="text"]):not(:has(input[type="tel"])),
  body.in-krok-2 #checkoutContent .co-box:has(input[type="email"]) .form-group-wrapped:has(input[type="text"]):not(:has(input[type="tel"])),
  body.in-krok-2 #checkoutContent .box-bg-default:has(input[type="email"]) .form-group-wrapped:has(input[type="text"]):not(:has(input[type="tel"])) {
    grid-column: 1;
    order: 10;
  }

  /* E-mail vpravo vedle jména */
  body.in-krok-2 #checkoutContent .co-box:has(input[type="email"]) .form-group:has(input[type="email"]),
  body.in-krok-2 #checkoutContent .box-bg-default:has(input[type="email"]) .form-group:has(input[type="email"]),
  body.in-krok-2 #checkoutContent .co-box:has(input[type="email"]) .form-group-wrapped:has(input[type="email"]),
  body.in-krok-2 #checkoutContent .box-bg-default:has(input[type="email"]) .form-group-wrapped:has(input[type="email"]) {
    grid-column: 2;
    order: 10;
  }

  /* Telefon pod tím vlevo */
  body.in-krok-2 #checkoutContent .co-box:has(input[type="email"]) .form-group:has(input[type="tel"]),
  body.in-krok-2 #checkoutContent .box-bg-default:has(input[type="email"]) .form-group:has(input[type="tel"]),
  body.in-krok-2 #checkoutContent .co-box:has(input[type="email"]) .form-group-wrapped:has(input[type="tel"]),
  body.in-krok-2 #checkoutContent .box-bg-default:has(input[type="email"]) .form-group-wrapped:has(input[type="tel"]) {
    grid-column: 1;
    order: 20;
  }

  body.in-krok-2 #checkoutContent input[type="tel"] {
    max-width: 170px;
  }

  /* Fakturační adresa - kompaktnější mezery */
  body.in-krok-2 #checkoutContent .co-box:has(input[name*="street"]) .form-group,
  body.in-krok-2 #checkoutContent .co-box:has(input[name*="city"]) .form-group,
  body.in-krok-2 #checkoutContent .box-bg-default:has(input[name*="street"]) .form-group,
  body.in-krok-2 #checkoutContent .box-bg-default:has(input[name*="city"]) .form-group {
    margin-bottom: 12px !important;
  }

}