.mr-5-forced
{
	margin-right: 3rem !important;
}

.mr-6-forced
{
	margin-right: 5rem !important;
}

.san {
	font-family: sans-serif /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */;
}

a.dropdown-toggle::after {
	display: none;
}

.gambit-input-group-text {
	display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: white;
    text-align: center;
    white-space: nowrap;
    background-color: #E40891;
    border: var(--bs-border-width) solid #E40891;
    border-radius: var(--bs-border-radius);
}

.btn-gambit {
    text-decoration: none;
	display: inline-block;
	font-weight: 400;
	color: #212529;
	text-align: center;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;
	color: #fff;
	background-color: #E40891;
}

.btn-gambit-sm {
    text-decoration: none;
	display: inline-block;
	font-weight: 400;
	color: #212529;
	text-align: center;
	border: 1px solid transparent;
	padding: .1rem .3rem;
	font-size: 0.675rem;
	line-height: 1.5;
	border-radius: .25rem;
	color: #fff;
	background-color: #E40891;
}

.btn-gambit:hover{
  	background-color: #d60d89;

}

.btn-gambit-rounded {
    text-decoration: none;
	display: inline-block;
	font-weight: 400;
	color: #212529;
	text-align: center;
	border: 1px solid transparent;
	padding: .500rem 1.2rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: 1.5rem;
	color: #fff;
	background-color: #E40891;
}

.btn-gambit-rounded:hover{
	background-color: #d60d89;

}


.btn-gambit-outlined {
    text-decoration: none;
	display: inline-block;
	font-weight: 400;
	color: #212529;
	text-align: center;
	border: 2px solid #E40891;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;
	color: #E40891;
	background-color: white;
}

.btn-gambit-outlined:hover {
    text-decoration: none;
	display: inline-block;
	font-weight: 400;
	color: #212529;
	text-align: center;
	border: 2px solid #E40891;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;
	color: white;
	background-color: #E40891;
}

.cb-gambit {
	accent-color: #E40891;
}

.text-gambit {
	color: #E40891 !important;
}

.bg-gambit {
	background-color: #E40891 !important;
}

.card-drag {
	user-select: none;
	cursor: move;
}

.icon-trash
{
	cursor: pointer;
}

div.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

.gambit-badge {
  text-decoration: none;
  display: inline-block;      /* чтобы занимало только ширину текста */
  font-size: 0.9rem;          /* маленький текст (можно 12px, если хочешь) */
  padding: 2px 6px;           /* внутренние отступы */
  border: 1px solid #E40891;  /* цвет обводки (серый как в Bootstrap) */
  border-radius: 4px;         /* скругленные углы */
  background-color: #E40891;  /* светлая заливка */
  color: white;             /* цвет текста */
}

.promo-badge {
  text-decoration: none;
  display: inline-block;      /* чтобы занимало только ширину текста */
  font-size: 0.9rem;          /* маленький текст (можно 12px, если хочешь) */
  padding: 2px 30px;           /* внутренние отступы */
  border: 1px solid #FFCA2B;  /* цвет обводки (серый как в Bootstrap) */
  border-radius: 4px;         /* скругленные углы */
  background-color: #FFCA2B;  /* светлая заливка */
  color: white;             /* цвет текста */
}

.light-badge {
  text-decoration: none;
  display: inline-block;      /* чтобы занимало только ширину текста */
  font-size: 0.9rem;          /* маленький текст (можно 12px, если хочешь) */
  padding: 2px 6px;           /* внутренние отступы */
  border: 1px solid #d8d8d9;  /* цвет обводки (серый как в Bootstrap) */
  border-radius: 4px;         /* скругленные углы */
  background-color: #d8d8d9;  /* светлая заливка */
  color: black;             /* цвет текста */
}

.elementEditor {
	position: absolute;
	top: 100px;
	left: 100px;
	display: none; /* Изначально скрыто */
	padding: 10px;
	border: 1px solid #ccc;
	background-color: #fff;
	z-index: 10;
}

.text-marker:hover {
	border: 2px solid #E40891;
	padding: .1rem .1rem;
	border-radius: .3rem; 
}

#infoModal .modal-dialog {
	position: fixed;
	top: 200px;
	right: 70px;
	margin: 0;
	z-index: 1050; /* выше, чем у карты */
}

#infoModal.show {
  display: block;
  opacity: 1;
}

#infoModal {
    pointer-events: none; /* Всё внутри модалки не реагирует на мышь */
}

#infoModal .modal-content {
  pointer-events: auto; /* А вот сама карточка — реагирует */
}

#orderModal .modal-dialog {
  overflow: hidden;
  transition: height 0.3s ease;
  height: 25%;
  max-height: 90%;
}

#orderModal .modal-content {
  height: 100%;
  display: flex;
  flex-direction: column;
}

#orderModal .modal-body {
  flex: 1;
}

#products-container {
  max-height: 45vh; /* или calc(100vh - …), если хочешь адаптивно */
  overflow-y: auto;
}

#orderModal {
  pointer-events: none; /* отключает все события мыши */
}

#orderModal .modal-content {
  pointer-events: auto; /* возвращает кликабельность для самой модалки */
}

/* универсальный класс */
.no-scrollbar {
  -ms-overflow-style: none;  /* IE и Edge */
  scrollbar-width: none;     /* Firefox */
}

.no-scrollbar::-webkit-scrollbar {
  display: none;             /* Chrome, Safari, Opera */
}