body {
    background-color: #c0c0c0;
}

header {
    margin: 20px 20px !important;
    margin-bottom: 0 !important;
}

footer {
    margin: 20px 20px !important;
    margin-top: 0 !important;
    height: 40px;
    line-height: 40px;
}


/*-- Рамка --*/

/* Общие стили для окон, хедера и футера */
.frame {
    position: relative;
    background-color: #ffffff;
    border: 2px solid #000000; /* Внутренняя черная граница */
    margin: 50px 20px;
}

.frame::before, .frame::after {
    content: '';
    position: absolute;
    border: 2px solid #ffffff; /* Внешняя белая граница */
}

/* Белая граница внутренняя */
.frame::before {
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    border: 2px solid #ffffff; /* Внешняя белая граница */
    z-index: -1;
}

/* Черная граница внутренняя */
.frame::after {
    top: -6px;
    left: -6px;
    right: -6px;
    bottom: -6px;
    border: 2px solid #000000; /* Внутренняя черная граница */
    z-index: -2;
    box-shadow: 12px 12px #808080; /* Увеличенная тень для окон */
}

.frame-header {
    background-color: #c0c0c0; /* Серый заголовок окна */
    color: black;
    padding: 10px 20px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: inset 1px 1px #ffffff, inset -1px -1px #808080; /* Тени для заголовка */
}

.frame-content {
    padding: 20px;
    background-color: #ffffff;
}


/*-- Верхняя навигация --*/

.navbar-nav .nav-item .nav-link {
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    white-space: nowrap; /* Запретить перенос строк */
}

.navbar-nav .nav-item .nav-link {
    color: black;
    border: 1px solid transparent; /* Начальная граница, чтобы текст не двигался при наведении */
    border-radius: 5px; /* Скругление углов */
}

.navbar-nav .nav-item .nav-link:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}


/*-- Кастомные таблицы --*/

.table-two-equal-columns td {
    width: 50%;
}


/*-- Цена блюда --*/

/* .dish-price-container {

}*/

.dish-price-old {
    display: inline-block; 
    position: relative;
}

.dish-price-old-value {
    color: var(--bs-secondary-color);
}

.dish-price-line-through {
    transform: rotate(-15deg);
    background-color: var(--bs-danger);
    height: 1px;
    left: 0;
    margin-left: -2px;
    position: absolute;
    top: calc(50%);
    width: calc(100% + 3px);
}


/*-- Картинка блюда --*/

.rounded-top-left {
    border-top-left-radius: var(--bs-border-radius) !important;
}


/*-- Админка блюд --*/

.dish-variant {
    border: 2px solid blue; /* Синяя рамка в один пиксель */
    padding: 0 20px; /* Внутренний отступ слева и справа в 10 пикселей */
    margin: 20px 0; /* Внешний отступ сверху и снизу в 10 пикселей */
}

.dish-container {
    border: 2px solid orange;
    padding: 0 20px; /* Внутренний отступ слева и справа в 10 пикселей */
    margin: 20px 0; /* Внешний отступ сверху и снизу в 10 пикселей */
}


/*-- Переключатели картинок на большой карточке блюда --*/

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='black'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='black'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}