/* === MojeTT panel – kompaktní & průrazné === */

.mojett-wrapper {
  margin: 10px 0 !important;
  padding: 8px !important;                 /* zmenšeno */
  border: 1px solid #e6e6e6 !important;
  border-radius: 6px !important;
  background: #fff !important;
}

/* Sekce panelu */
.mojett-wrapper .mojett-field {
  display: block !important;               /* přepíše grid ze šablony */
  padding: 4px !important;                 /* zmenšeno */
  margin: 4px 0 !important;                /* zmenšeno */
  border: 1px solid #eee !important;
  border-radius: 4px !important;
  background: #fafafa !important;
  min-width: 0 !important;                 /* fix přetečení */
  overflow: hidden;                         /* fix drobného overscroll */
}

/* Nadpis v sekci */
.mojett-wrapper .mojett-field > strong {
  display: block !important;
  margin: 0 0 4px !important;
  font-size: 1.3rem !important;
  line-height: 1.5 !important;
}

/* Řádky radio/checkbox – super kompaktní */
.mojett-wrapper .mojett-radio,
.mojett-wrapper .mojett-checkbox {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1.5 !important;
  font-size: 1.3rem !important;
  white-space: nowrap !important;          /* text v jednom řádku */
}

/* Rádio / checkbox – malý, pevný */
.mojett-wrapper .mojett-radio input[type="radio"],
.mojett-wrapper .mojett-checkbox input[type="checkbox"] {
  width: 13px !important;
  height: 13px !important;
  min-width: 13px !important;
  flex: 0 0 13px !important;
  margin: 0 !important;
  vertical-align: middle !important;
}

/* Dropdown – kompaktní a nepřesahuje */
.mojett-wrapper select.mojett-input {
  display: block !important;
  width: 100% !important;                  /* vyplní box */
  max-width: 100% !important;              /* nepřesáhne box */
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 6px 8px !important;
  font-size: 1.3rem !important;
  line-height: 1.5 !important;
}

/* Fix pro Safari / flex děti */
.mojett-wrapper .mojett-field > * {
  min-width: 0 !important;
}

/* Odstranění <br> */
.mojett-wrapper .mojett-field br {
  display: none !important;
}

/* Mobil – dovol mírné zalomení textu */
@media (max-width: 420px) {
  .mojett-wrapper .mojett-radio,
  .mojett-wrapper .mojett-checkbox {
    white-space: normal !important;
  }
}

/* === MojeTT: zarovnání horních hran panelu a množství === */

/* 1) Pokud je <form class="cart"> flex-kontejner (většina témat): */
#cm-content form.cart {
  align-items: flex-start !important;   /* všechny děti nahoru */
  row-gap: 8px;                         /* menší svislý gap při zalomení */
}

#cm-content form.cart .mojett-wrapper,
#cm-content form.cart .quantity {
  align-self: flex-start !important;    /* jistota pro obě položky */
  margin-top: 0 !important;             /* zruš případné posuny tématu */
}

/* 2) Fallback, kdyby form.cart nebyl flex – položky vedle sebe a nahoru */
#cm-content form.cart .mojett-wrapper,
#cm-content form.cart .quantity {
  display: inline-block !important;
  vertical-align: top !important;       /* horní hrana zarovno */
}

/* drobné dotažení – ať sekční titulek nezačíná zbytečnou mezerou */
.mojett-wrapper .mojett-field > strong {
  margin-top: 0 !important;
}

/* Style the “Select options” loop button like the green Add to cart */
a.mojett-select-options.button,
a.mojett-select-options.button:visited {
  background: #29A329 !important;
  color: #fff !important;
  border-color: #29A329 !important;
  border-radius: 4px;            /* keep consistent with your single button */
  font-weight: bold;
}

/* Hover/active/focus to match Woo behavior */
a.mojett-select-options.button:hover,
a.mojett-select-options.button:focus {
  background: #248f24 !important; /* slightly darker on hover */
  border-color: #248f24 !important;
  color: #fff !important;
}

/* If your theme uses .button.alt styling, optionally align to it */
a.mojett-select-options.button.alt {
  background: #29A329 !important;
  border-color: #29A329 !important;
  color: #fff !important;
}