h1{display:none}

.summary-grid{
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 5%;
   align-items: stretch; /* klíčové: roztáhne oba prvky na stejnou výšku řádku */
   margin-top:40px
 }
 
.summary-grid > *{
   height: 100%; /* pojistka, aby se child natáhl */
 }
 .commerce-comgate-logos-wrap {
   margin-top:20px;
   display: flex;
   flex-wrap: wrap;
 }
 .commerce-comgate-logos {
   display: flex;
   flex-wrap: wrap;
   gap: 0 24px;
   align-items: center;
   justify-content: flex-end;
 }
 .commerce-comgate-logo {
   height: 22px;
   width: auto;
   display: inline-block;
 }

 
 
 
 
p{margin:0}
.checkout{
  min-height:100vh;
  display:flex;
  flex-direction:column;
}
h1{text-align:left;margin:0 0 40px 0;padding: 0}
.checkout-obsah{
  flex:1; /* natáhne obsah tak, aby footer seděl dole */
}
.order-total{font-size:125%;text-align:right;margin:24px 0 10px 0;text-align:right}
.cart {
  background:#fff;
  padding:40px;
  box-sizing:border-box;
  border:0;
  border-radius:40px;
  color:#000;
}
.cart table {margin:0;border:0}
.cart td, .cart th {border-color:#E3E3E3;border:0}
/* .totals{margin-top:40px} */
#edit-actions{padding:40px 0 0 0;text-align:right;}
#edit-actions input{font-size:125%;padding:14px 18px}
#edit-actions input#edit-submit{background:#c2c2c2;color:#FFF}

/* Cart – quantity input: vizuálně jako ostatní inputy */
.cart input[type="number"],
.commerce-order-item-add-to-cart-form input[type="number"],
#views-form-cart-default input[type="number"] {
  width: 84px;              /* uprav dle layoutu */
  height: 44px;
  padding: 10px 14px;
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 999px;     /* pill */
  background: #fff;
  color: inherit;
  font: inherit;
  line-height: 1;
  text-align: center;       /* množství uprostřed */
  outline: none;
  box-shadow: none;
}

/* Focus stav – jemný, ať sedí se zbytkem */
.cart input[type="number"]:focus{
  border-color: #E3E3E3;
}

/* Chrome/Safari: zmenšit spin buttony, aby nerušily */
.cart input[type="number"]::-webkit-outer-spin-button,
.cart input[type="number"]::-webkit-inner-spin-button{
  opacity: .35;
  height: auto;
}

/* Firefox: vypnout „spinner“ vzhled */
.cart input[type="number"]{
  -moz-appearance: textfield;
}
/* (Volitelné) Pokud chceš spinnery úplně pryč i v WebKitu: */
/* .cart input[type="number"]::-webkit-outer-spin-button,
.cart input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  opacity: 0;
} */

.commerce-deposit-notice{margin:0 0 24px 0;text-align:right}
.commerce-deposit-pay-now{font-weight:bold;font-size:2em}


@media (max-width: 767px) {
  
  .cart {
    padding:24px;
  }

  /* Schováme hlavičku tabulky */
  .cart.cart-form table thead {
    display: none;
  }

  /* Přepneme strukturu tabulky na bloky */
  .cart.cart-form table,
  .cart.cart-form tbody {
    display: block;
    width: 100%;
  }

  /* Každý TR jako karta */
  .cart.cart-form tbody tr {
    display: block;
    background: #fff;
    border-radius: 24px;
    padding: 16px;
    margin: 0 0 16px 0;
  }

  /* Každý TD jako řádek "label : hodnota" */
  .cart.cart-form tbody tr td {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
    border: 0;
    width: 100%;
  }

  /* Default label styl */
  .cart.cart-form tbody tr td::before {
    font-weight: 700;
    opacity: 0.65;
    white-space: nowrap;
    content: "";
  }

  /* Labely podle konkrétního sloupce – robustní (neřeší pořadí) */
  .cart.cart-form td.views-field-purchased-entity::before { content: "Položka"; }
  .cart.cart-form td.views-field-unit-price__number::before { content: "Cena"; }
  .cart.cart-form td.views-field-edit-quantity::before { content: "Množství"; }
  .cart.cart-form td.views-field-remove-button::before { content: "Odstranit"; }
  .cart.cart-form td.views-field-total-price__number::before { content: "Celkem"; }

  /* Item (název) často potřebuje víc místa */
  .cart.cart-form td.views-field-purchased-entity {
    align-items: flex-start;
  }
  .cart.cart-form td.views-field-purchased-entity > * {
    text-align: right; /* ať je hodnota proti labelu vpravo */
  }

  /* Množství – input ať je rozumně široký */
  .cart.cart-form td.views-field-edit-quantity input.quantity-edit-input {
    width: 84px;
    max-width: 100%;
  }

  /* Odstranit – tlačítko ať se nevejde do “mikro” šířky */
  .cart.cart-form td.views-field-remove-button input.delete-order-item {
    white-space: nowrap;
  }
  
  /* Pokud máš #edit-actions v košíkovém formuláři, držíme se jen uvnitř commerce cart form */
  .commerce-cart-form #edit-actions,
  .cart-form #edit-actions {
    display: flex;
    flex-direction: column; /* pod sebe */
    gap: 24px;              /* mezera mezi buttony */
    width: 100%;
  }
  
  /* Drupal typicky generuje input.submit, button a někdy a.btn – ošetříme vše */
  .commerce-cart-form #edit-actions .button,
  .commerce-cart-form #edit-actions input[type="submit"],
  .commerce-cart-form #edit-actions button,
  .cart-form #edit-actions .button,
  .cart-form #edit-actions input[type="submit"],
  .cart-form #edit-actions button {
    width: 100%;
    display: block;
  }
}