/* NewCode 2026-05-28 - кастомний CSS поверх Bootstrap 5 */

:root {
    --cp-primary: #6c3a26;
    --cp-primary-dark: #4f2818;
    --cp-bg: #fdfcfa;
    --cp-accent: #c19a6b;
}

body {
    background: var(--cp-bg);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.navbar-brand img + span { margin-left: 6px; vertical-align: middle; font-weight: 600; }

.btn-primary {
    background-color: var(--cp-primary);
    border-color: var(--cp-primary);
}
.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--cp-primary-dark);
    border-color: var(--cp-primary-dark);
}

.nav-link.active { color: var(--cp-primary) !important; font-weight: 600; }

.home-link:hover { transform: translateY(-2px); transition: transform .15s ease-in-out; }

.text-content h1,
.text-content h2,
.text-content h3 { color: var(--cp-primary); }

.wizard-progress .progress-bar { background-color: var(--cp-primary) !important; }

/* Кастоми Bootstrap для адаптиву */
@media (max-width: 768px) {
    .navbar-brand { font-size: 1rem; }
    .navbar-brand img { max-height: 36px !important; }
    h1.h3 { font-size: 1.5rem; }
    .card-body { padding: 0.75rem; }
}

/* Сторінкові карточки */
.card.shadow-sm { transition: box-shadow .2s; }
.card.shadow-sm:hover { box-shadow: 0 .5rem 1rem rgba(0,0,0,.10) !important; }

/* Чисті кнопки upload в файлових інпутах */
input[type="file"]::file-selector-button {
    padding: 6px 12px;
    border: 0;
    background-color: var(--cp-primary);
    color: #fff;
    border-radius: 4px;
    margin-right: 12px;
    cursor: pointer;
}
input[type="file"]::file-selector-button:hover {
    background-color: var(--cp-primary-dark);
}

/* Footer */
footer { background-color: #f6f3ee !important; }

/* Карусель */
.carousel-control-prev-icon,
.carousel-control-next-icon { filter: drop-shadow(0 0 4px rgba(0,0,0,.6)); }

/* Toast - вже з Bootstrap, але position */
#messageBox { z-index: 1080; }