/* --- kořen a label --- */
.simple-selector { /* může zůstat i inline width:160px; */
  position: relative;
}
.simple-selector label,
.simple-selector .label-flex-container,
.simple-selector .label-dimension {
  display: block;
  width: 100%;
  text-align: center;           /* label vždy nad a vystředěný */
}

/* --- zavřený select: centrace textu, caret mimo tok --- */
.simple-selector .custom-selects-wrapper { position: relative; }

.simple-selector .custom-selects {
  height: 60px;
  padding: 0;
  width: 100%;
  display: flex;                /* aby šla rezervovat mezera pro caret */
  align-items: center;          /* svislé vystředění */
  justify-content: center;      /* vodorovné vystředění obsahu */
  position: relative;
  padding-right: 28px;          /* místo pro caret napravo */
}

/* vnitřní Bootstrap .d-flex přenastavíme, ať neodsouvá doleva */
.simple-selector .custom-selects > .d-flex {
  width: 100%;
  justify-content: center;
}

/* samotný text uvnitř tlačítka */
.simple-selector .custom-selects .dimension {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important; /* vodorovné vystředění */
  width: 100%;
  height: 100%;
  padding: 0 0.5rem;
  text-align: center;
  overflow: hidden;
}
.simple-selector .dimension-span {
  flex: 0 1 auto;               /* aby text mohl být skutečně uprostřed */
  line-height: 1.2;
  white-space: normal;
  word-wrap: break-word;
  font-size: 1rem;
}

/* caret ukotvíme absolutně doprava, mimo tok */
.simple-selector .divider {
  position: absolute;
  right: 0; top: 0; bottom: 0;
  width: 28px;
  display: flex; align-items: center; justify-content: center;
  padding: 3px;
}
.simple-selector .ss-caret {
  display: inline-block;
  transform-origin: 60% center;
  transition: transform .2s ease;
}
/* otočení caret při otevření */
.simple-selector .dropdown-toggle[aria-expanded="true"] .ss-caret { transform: rotate(180deg); }
/* skryj default Bootstrap caret */
.simple-selector .dropdown-toggle::after { display: none !important; }

/* --- dropdown menu styly --- */
.simple-selector .dropdown-menu { width: 100%; }

/* nevybrané */
.simple-selector .dropdown-item { font-weight: 200; }
/* vybraná */
.simple-selector .dropdown-item.active,
.simple-selector .dropdown-item:active {
  background-color: #f74a68 !important;
  color: #fff !important;
  font-weight: 600;
}

/* --- focus ring (konfigurovatelný) --- */
.simple-selector { --ss-focus: #f74a68; } /* default, můžeš přepsat na parentu */
.simple-selector .custom-selects:focus,
.simple-selector .custom-selects:focus-visible {
  outline: 2px solid var(--ss-focus);
  outline-offset: 2px;
  box-shadow: none;            /* zruš bootstrapový stín */
}

/* pro jistotu držíme výšku tlačítka */
.simple-selector .custom-selects { min-height: 60px; }