.tdpd-checkout_show_selected tr td {
    font-size: 12px;
    padding: 5px;
}

.tdpd-checkout_show_selected tr td {
    padding: 3px 6px;
    color: white !important;
    text-align: center;
    border: none;
    text-decoration: none;
    font-size: 12px;
    font-family: inherit;
    cursor: pointer;
    overflow: visible;
    width: auto;
    line-height: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    background: #22134a;
    font-weight: 200;
}

.errordpdpsotcode{
    font-size: 1.5rem;
    color: #b22222;
    font-family: -apple-system,blinkmacsystemfont,"Helvetica Neue",helvetica,sans-serif;
}

#tdpd-content-single
{
    text-align: center;
}

#tdpd-content-single #tdpd-open-popup-widget{
    width:  100%;
}

.tdpd-label-img{
    max-width: 25px;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    bottom: -6px;
}

.tdpd-label-img-select{
    max-width:150px!important;
}

/* Nastavíme kontejner na flex s wrapem */
.tpdpd-block-parcelshops{
  --gap: 12px;                 /* můžeš měnit mezeru na jednom místě */
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: var(--gap);
}

/* Základní reset šířek uvnitř pluginových wrapperů */
.tpdpd-block-parcelshops .wc-block-components-text-input{
  box-sizing: border-box;
  width: auto;                 /* přebije případné width:100% z pluginu */
}

/* 1) .dpd-message přes celou šířku (první řádek) */
.tpdpd-block-parcelshops .wc-block-components-text-input.dpd-message{
  flex: 0 0 100%;
  width: 100%;
  margin-top: 0;
}

/* 2) .dpd-data má být 100% - 165px a na stejném řádku s tlačítkem */
.tpdpd-block-parcelshops .wc-block-components-text-input.dpd-data{
  /* přesná šířka vůči pevnému tlačítku + mezera (gap) */
  width: calc(100% - 165px - var(--gap));
  flex: 0 0 calc(100% - 165px - var(--gap));
  min-width: 0;                /* aby se správně smrskával obsah */
  margin-top: 0;
}

/* Tlačítko pevně 165px (druhý řádek vpravo) */
#tdpd-open-popup-widget{
  flex: 0 0 165px;
  width: 165px;
}

/* jednotná výška 50 px */
.tpdpd-block-parcelshops input[type="text"],
#tdpd-open-popup-widget{
  box-sizing: border-box;
  height: 50px;
  line-height: 50px;          /* pro vertikální zarovnání textu */
  padding: 0 12px;            /* vodorovné odsazení */
}

/* pokud plugin používá “plovoucí” labely, ať nepřekáží výšce */
.tpdpd-block-parcelshops .wc-block-components-text-input{
  min-height: 25px;
}

/* (volitelné) sjednotit velikost písma tlačítka s inputem */
#tdpd-open-popup-widget{
  font-size: 16px;
}



.wc-block-components-checkout-step__container #tdpd-open-popup-widget {
    color: white;
    background: #A90034;
}

.wc-block-components-checkout-step__container #tdpd-open-popup-widget:hover {
    background: #491217;
}