.ui-dialog { z-index: 999009 !important ;}

.table-tcp 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: #428bca;
    font-weight: 200;
}

.tcp-popup-widget {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

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

/**
* Widget
 */
.tcp-point-popup {
    display: none;
    position: fixed;
    z-index: 99999;
    padding-top: 50px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}

.tcp-point-popup-content {
    display: flex;
    flex-direction: column;
    position: relative;
    background-color: #fefefe;
    padding: 0;
    border: 1px solid #888;
    width: 95%;
    height: 95%;
    margin: auto;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.tcp-point-popup-buttons {
    float: right;
}

.tcp-point-popup-btn:hover,
.tcp-point-popup-btn:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.tcp-point-popup-header {
    padding: 2px 16px;
    color: white;
}

.tcp-point-popup-header h4 {
    color: #1d2327 !important;
    font-size: 1.3em !important;
    margin: 1em 0 !important;
    font-weight: 600 !important;
    padding-left: 0 !important;
}

.tcp-point-popup-body {
    display: flex;
    flex-grow: 1;
    padding: 10px;
}

.tcp-point-popup-footer {
    float: right;
    padding: 16px 16px;
    color: white;
}

.tcp-widget-iframe {
    height: 100%;
    width: 100%;
    border: none;
    overflow: hidden;
}

.tcp-label-img-select {
    max-width: 130px!important;
    display: inline-block!important;
    margin-right: 5px!important;
    position: relative!important;
    bottom: -6px!important;
}

.tsp-btn-below-rate {
    display: flex;
    align-items: center;
    gap: 10px;
}

.tcp-label-img-select-below-rate {
    height: 2.5em;
    width: auto;
    object-fit: contain;
}

.tcp-row {
    display: flex;
    align-items: flex-end;
    gap: 10px;
}

.tcp-row .tcp-data {
    flex: 1;
}

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

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

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

/* Jednotná výška 50 px */
.tcp-block-parcelshops input[type="text"],
#tcp-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 */
.tcp-block-parcelshops .wc-block-components-text-input {
  min-height: 25px;
}

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

/* --- BARVY TLAČÍTEK --- */
/* Stylování barev pro obě tlačítka */
#tcp-open-popup-widget {
    color: #002776;
    background: #FFCD33;
    border: none; /* Odstranění defaultního rámečku, pokud existuje */
}

/* Hover efekt */
#tcp-open-popup-widget:hover  {
    background: #002776;
    color: #FFCD33;
}