/* ========================================================= */
/* 1. БАЗОВЫЕ СТИЛИ (НЕ ЗАВИСЯТ ОТ ТЕМЫ)                     */
/* ========================================================= */

.d-sm-block {
    min-width: 300px !important;
}

.breadcrumb? {
    margin-top: 10px;
}

.col-12.col-md-9{
    margin-top: 20px;
}

.justify-content-around > div:nth-child(3),
.alert-info {
    display: none !important;
}

.badge[class*="bg-"] {
    -webkit-text-stroke: 0.5px #000;
    font-size: 20px;
}

.btn-outline-primary {
    color: rgb(161,190,221);
}

div.d-flex:nth-child(2) {
    margin-top: 10px !important;
}

/* анимация для кнопки оплаты */
@keyframes neon-pulse {
  0% { box-shadow: 0 0 0 0 rgba(0, 255, 255, 0.8); }
  70% { box-shadow: 0 0 0 15px rgba(0, 255, 255, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 255, 255, 0); }
}
.invoice-gateway .btn {
  background-color: #0d6efd;
  border: 1px solid #0dcaf0;
  color: white;
  animation: neon-pulse 1.5s infinite;
}
/* ===== Синий неон для красного и серого бейджей ===== */
.badge.text-bg-danger, 
.badge.text-bg-secondary {
    animation: neon-pulse 1.5s infinite !important;
    font-weight: bold;
    position: relative;
    z-index: 1;
}
/* Анимация для солнца/луны */
@keyframes sun-neon-pulse {
  0% { 
    transform: scale(1); 
    filter: drop-shadow(0 0 4px #00ffff) drop-shadow(0 0 8px #0dcaf0); 
  }
  50% { 
    transform: scale(1.15); 
    filter: drop-shadow(0 0 10px #00ffff) drop-shadow(0 0 20px #0dcaf0); 
  }
  100% { 
    transform: scale(1); 
    filter: drop-shadow(0 0 4px #00ffff) drop-shadow(0 0 8px #0dcaf0); 
  }
}

.hide-theme-light svg, 
.js-theme-toggler svg {
  animation: sun-neon-pulse 2s infinite ease-in-out;
  cursor: pointer; 
}


/* ========================================================= */
/* 2. СТИЛИ ДЛЯ ТЁМНОЙ ТЕМЫ                           */
/* ========================================================= */

[data-bs-theme="dark"] {
    body {
        background-color: #34495e;
    }
    .btn-outline-primary {
        color: white;
    }
    .navbar,
    .card {
        background-color: #1f2c38 !important;
    }
    .d-md-block {
        background-color: #1f2c38 !important;
    }
    #footer {
        background-color: #1f2c38 !important;
        padding: 32px 0;
    }
    .d-md-block .nav-item a {
        color: #c1c1c1 !important;
    }
    .invoice-gateway .btn {
        background-color: white !important;
    }
    .card-body, .list-group-item  {
        background-color: #29455F;
    }
    .card-header {
        background-color: #1d3147;
    }
    .btn-dark {
        background-color: #5a5600;
    }
    /* ===== Прозрачный фон и отступы для таблицы заказа ===== */
    tbody tr td {
        background-color: transparent !important;
        padding-left: 10px !important;
    }
    .table {
        --bs-table-border-color: #c0c0c021;
    }
}


/* ========================================================= */
/* 3. СТИЛИ ДЛЯ СВЕТЛОЙ ТЕМЫ                          */
/* ========================================================= */

[data-bs-theme="light"] body {
    background-color: #34495e;
}

[data-bs-theme="light"] .col-3.d-none.d-md-block {
    background-color: white;
}

[data-bs-theme="light"] .col-12.col-md-9 {
    background-color: white;
    padding-top: 10px;
}