/* Общие стили для классов wr */
.wr, .wr1, .wr2, .wr3 {
    background-size: cover;
    /* background-attachment: fixed; */
    height: 800px;
    color: white;
}

.wr {
    background-image: url("https://iprotv.ru/tpl/img/1.jpeg");
}

.wr1 {
    background-image: url("https://iprotv.ru/tpl/img/2.jpg");
}

.wr2 {
    background-image: url("https://iprotv.ru/tpl/img/3.jpg");
}

.wr3 {
    background-image: url("https://iprotv.ru/tpl/img/promo.png");
}

/* Основные стили */
.footer {
    background-color: var(--header-bg);
    padding: 1rem 0;
}

[data-theme="dark"] .footer {
    border-top-color: #212529!important;
}


.text-gradient {
    background: linear-gradient(90deg, #3b82f6 0%, #8b5cf6 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: 0 0 1px rgba(255,255,255,0.3);
}

.text-secondary {
    color: #6c757d !important;
}

.text-secondary:hover {
    color: #3b82f6 !important;
    text-decoration: underline;
}

/* Темная тема */
[data-theme="dark"] .footer {
    background-color: var(--header-bg);
}

[data-theme="dark"] .text-gradient {
    background: none !important;
    color: var(--text-color) !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
}

[data-theme="dark"] .text-secondary {
    color: #adb5bd !important;
}

[data-theme="dark"] .text-secondary:hover {
    color: #6ee7b7 !important;
}

/* Адаптивные стили для мобильных устройств таблиц */
@media (max-width: 767.98px) {
    .table-responsive {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }


    .table-responsive > .table-bordered > thead > tr > th,
    .table-responsive > .table-bordered > tbody > tr > td {
        white-space: nowrap;
    }
}

.card-body {
    border: 1px solid #e2e3e5;
    border-top: none;
    border-radius: 0 0 0.5rem 0.5rem;
    background-color: var(--card-bg);
    transition: border-color 0.3s ease, background-color 0.3s ease;
}

[data-theme="dark"] .card-body {
    border-color: #495057;
}

/* Стиль таблицы для Темная тема */
[data-theme="dark"] .table {
    --bs-table-color: #e9ecef;
    --bs-table-bg: transparent;
    --bs-table-border-color: #495057;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #e9ecef;
    --bs-table-striped-bg: rgba(255, 255, 255, 0.05);
    --bs-table-active-color: #e9ecef;
    --bs-table-active-bg: rgba(255, 255, 255, 0.1);
    --bs-table-hover-color: #e9ecef;
    --bs-table-hover-bg: rgba(255, 255, 255, 0.075);
}

[data-theme="dark"] .table {
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}

[data-theme="dark"] .table th,
[data-theme="dark"] .table td {
    border-color: var(--bs-table-border-color);
}

[data-theme="dark"] .table-bordered {
    border-color: var(--bs-table-border-color);
}

[data-theme="dark"] .table-bordered th,
[data-theme="dark"] .table-bordered td {
    border-color: var(--bs-table-border-color);
}

[data-theme="dark"] .text-dark {
	color:#e9ecef!important;
}

.hero-section {
    background: linear-gradient(135deg, #1e3a8a 0%, #0f172a 100%);
}

.icon-wrapper {
    width: 80px;
    height: 80px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
}

.hover-effect:hover .icon-wrapper {
    transform: translateY(-5px) scale(1.05);
}

.hover-effect {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hover-effect:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
}

/* Стили для светлой темы */
.cta-section {
    background-color: #0d6efd;
}

/* Стили для темной темы */
[data-theme="dark"] .hero-section {
    background: linear-gradient(135deg, #1a202c 0%, #0f172a 100%);
}

[data-theme="dark"] .cta-section {
    background-color: #2c3034;
}

[data-theme="dark"] .accordion-item {
    border-color: #495057 !important;
}

[data-theme="dark"] .btn-outline-light {
    border-color: #f8f9fa;
    color: #f8f9fa;
}

[data-theme="dark"] .btn-outline-light:hover {
    background-color: #f8f9fa;
    color: #212529;
}

a.btn.btn-warning:hover {
	color:#fff!important
	}

:root {
    /* Светлая тема (по умолчанию) */
    --bg-color: #ffffff;
    --text-color: #212529;
    --header-bg: #ffffff;
    --card-bg: #ffffff;
    --primary-color: #3b82f6;
    --gradient: linear-gradient(90deg, #3b82f6 0%, #8b5cf6 100%);
    --btn-primary: #3b82f6;
    --btn-outline: #3b82f6;
    --hero-bg: linear-gradient(135deg, #1e3a8a 0%, #0f172a 100%);
	--bs-purple-rgb: 111, 66, 193;
}
.bg-purple {
  background-color: rgba(var(--bs-purple-rgb), var(--bs-bg-opacity)) !important;
}

.text-purple {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-purple-rgb), var(--bs-text-opacity)) !important;
}
[data-theme="dark"] {
    /* Темная тема */
    --bg-color: #1a1a1a;
    --text-color: #f8f9fa;
    --header-bg: #212529;
    --card-bg: #2c3034;
    --primary-color: #6ee7b7;
    --gradient: linear-gradient(90deg, #6ee7b7 0%, #3b82f6 100%);
    --btn-primary: #0d6efd;
    --btn-outline: #6ee7b7;
    --hero-bg: linear-gradient(135deg, #0f172a 0%, #1e1e1e 100%);
}

[data-theme="dark"] .bg-white,
[data-theme="dark"] .navbar {
    background-color: var(--header-bg) !important;
}

[data-theme="dark"] .navbar-toggler {
    border-color: #6ee7b7;
}

[data-theme="dark"] .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(110, 231, 183, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

[data-theme="dark"] .bg-light {
    background-color: #212529 !important;
}



[data-theme="dark"] .btn-outline-primary {
    color: var(--btn-outline);
    border-color: var(--btn-outline);
}

[data-theme="dark"] .btn-outline-primary:hover {
    background-color: var(--btn-outline);
    color: #212529;
}

[data-theme="dark"] .card {
    background-color: var(--card-bg);
    border-color: #495057;
}

[data-theme="dark"] .text-muted {
    color: #adb5bd !important;
}

/* Общие стили для логотипа */
.logo-text {
    background: var(--gradient);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-weight: 700;
}

/* Применяем переменные к основным элементам */
body {
    background-color: var(--bg-color);
    color: var(--text-color);
    transition: background-color 0.3s ease, color 0.3s ease;
}

.hero-section {
    background: var(--hero-bg);
}

.btn-primary {
    background-color: var(--btn-primary);
    border-color: var(--btn-primary);
}

:root {
    --bs-body-bg: #ffffff;
    --bs-body-color: #212529;
    --header-bg: #ffffff;
    --card-bg: #ffffff;
    --text-color: #212529;
}

[data-theme="dark"] {
    --bs-body-bg: #1a1a1a;
    --bs-body-color: #f8f9fa;
    --header-bg: #212529;
    --card-bg: #2c3034;
    --text-color: #f8f9fa;
}

[data-theme="dark"] .nav-link {
    color: #e9ecef !important;
}

[data-theme="dark"] .dropdown-menu {
    background-color: var(--card-bg);
    border-color: #495057;
}

[data-theme="dark"] .dropdown-item {
    color: #e9ecef;
}

[data-theme="dark"] .form-check-input {
    background-color: #495057;
    border-color: #6c757d;
}

[data-theme="dark"] .form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

/* Стили окон */
.card {
    background-color: var(--card-bg);
    border: none;
}

.form-label {
    font-weight: 500;
}

.form-control {
    border-radius: 8px;
    padding: 10px;
    border: 1px solid #ced4da;
}



/* Тёмная тема */
[data-theme="dark"] .form-control {
    --bs-form-control-bg: #212529;
    --bs-form-control-color: #e9ecef;
    --bs-form-control-border-color: #495057;
    --bs-form-control-focus-bg: #2c3034;
    --bs-form-control-focus-border-color: #6ea8fe;
    --bs-form-control-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-form-control-disabled-bg: #343a40;
    --bs-form-control-placeholder-color: #adb5bd;
    border-color: var(--bs-form-control-border-color);
}

/* Темная тема: стиль для фокусировки input */
[data-theme="dark"] .form-control:focus {
    background-color: #2c3034; /* Темный фон */
    border-color: #6ea8fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
	color: #e9ecef;
}

/* Применение переменных */
.form-control {
    background-color: var(--bs-form-control-bg);
    color: var(--bs-form-control-color);
}

.form-control:focus {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control:disabled {
    background-color: var(--bs-form-control-disabled-bg);
    opacity: 1;
}

/* Дополнительные элементы форм */
[data-theme="dark"] .form-select {
    background-color: #2c3034;
    color: #e9ecef;
    border-color: #495057;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236ee7b7' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

[data-theme="dark"] .form-select:focus {
    background-color: #2c3034;
    border-color: #6ea8fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236ee7b7' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 11 6-6 6 6'/%3e%3c/svg%3e");
}


[data-theme="dark"] .form-check-input {
    background-color: #2c3034;
    border-color: #495057;
}

[data-theme="dark"] .form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

[data-theme="dark"] .input-group-text {
    background-color: #343a40;
    color: #e9ecef;
    border-color: #495057;
}

/* Тёмная тема */
[data-theme="dark"] .accordion {
    --bs-accordion-color: #e9ecef;
    --bs-accordion-bg: #2c3034;
    --bs-accordion-border-color: #495057;
    --bs-accordion-btn-color: #e9ecef;
    --bs-accordion-btn-bg: #212529;
    --bs-accordion-active-color: #6ea8fe;
    --bs-accordion-active-bg: rgba(13, 110, 253, 0.15);
	 --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236ee7b7' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
     --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236ee7b7' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

/* Применение стилей к элементам аккордеона */
.accordion-button {
    color: var(--bs-accordion-btn-color);
    background-color: var(--bs-accordion-btn-bg);
}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: var(--bs-accordion-active-bg);
}

.accordion-button:focus {
    box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}

.accordion-body {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
}

.accordion-item {
    background-color: var(--bs-accordion-bg);
    border-color: var(--bs-accordion-border-color);
}

.btn-primary {
    background-color: #3b82f6;
    border-color: #3b82f6;
}

.btn-primary:hover {
    background-color: #2563eb;
    border-color: #2563eb;
}

.text-muted a {
    color: #3b82f6;
    text-decoration: none;
}

.text-muted a:hover {
    text-decoration: underline;
}

[data-theme="dark"] .text-muted a {
    color: #6ee7b7;
}

/* Остальные стили из предыдущего варианта */
.navbar {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.nav-link {
    font-weight: 500;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.nav-link:hover, .nav-link.active {
    color: #3b82f6 !important;
    background: rgba(59, 130, 246, 0.1);
}

.dropdown-mega {
    width: 900px;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin-top: 10px !important;
    padding: 20px;
}

.dropdown-item {
    border-radius: 6px;
    transition: all 0.2s;
    padding: 10px 20px;
}

.dropdown-item:hover {
    background: rgba(59, 130, 246, 0.1);
    color: #2563eb;
    transform: translateX(5px);
}
.nav-item.dropdown {
	cursor:pointer;
}
@media (max-width: 992px) {
    .dropdown-mega {
        width: 100% !important;
        left: 0 !important;
        transform: none !important;
        padding: 10px;
    }
}