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

.tgls-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;
}

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

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


/* Nastavíme kontejner na flex s wrapem */
.tgls-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ů */
.tgls-block-parcelshops .wc-block-components-text-input {
    box-sizing: border-box;
    width: auto; /* přebije případné width:100% z pluginu */
}

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

/* 2) .tgls-data má být 100% - 165px a na stejném řádku s tlačítkem */
.tgls-block-parcelshops .wc-block-components-text-input.tgls-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) */
#tgls-open-popup-widget {
    flex: 0 0 165px;
    width: 165px;
}

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

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

/* Sjednotit velikost písma tlačítka s inputem */
#tgls-open-popup-widget {
    font-size: 16px;
    cursor: pointer;
    text-align: center;
}

/* Barvy tlačítka */
#tgls-open-popup-widget {
    color: white;
    background: #061ab1;
    border: none;
}

/* Hover efekt na tlačítko */
#tgls-open-popup-widget:hover {
    background: #ffd100;
    color: #061ab1;;
}