/* Custom CSS to override Bootstrap and Tailwind blue colors with #ee7b25 */

/* CSS Variables for consistent color usage */
:root {
    --primary-color: #ee7b25;
    --primary-hover: #db6616;
    --secondary-color: #10293e;
    --secondary-hover: #0d1f2f;
}

/* Primary buttons */
.btn-primary {
    background-color: #ee7b25 !important;
    border-color: #ee7b25 !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: #db6616 !important;
    border-color: #db6616 !important;
}

/* Secondary buttons */
.btn-secondary {
    background-color: #10293e !important;
    border-color: #10293e !important;
    color: white !important;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
    background-color: #0d1f2f !important;
    border-color: #0d1f2f !important;
}

.btn-outline-secondary {
    color: #10293e !important;
    border-color: #10293e !important;
}

.btn-outline-secondary:hover {
    background-color: #10293e !important;
    color: white !important;
}

/* Info buttons with light orange tones */
.btn-info, .btn-outline-info {
    background-color: #fdeee2 !important;
    border-color: #ee7b25 !important;
    color: #db6616 !important;
}

.btn-info:hover, .btn-outline-info:hover {
    background-color: #fbd4b8 !important;
    color: #b54f14 !important;
}

/* Links */
a:not(.btn):not(.nav-link):not(.dropdown-item) {
    color: #ee7b25;
}

a:hover:not(.btn):not(.nav-link):not(.dropdown-item) {
    color: #db6616;
}

/* Form elements */
.form-control:focus, .form-select:focus {
    border-color: #f5994e !important;
    box-shadow: 0 0 0 0.25rem rgba(238, 123, 37, 0.25) !important;
}

/* Navbar */
.navbar-primary {
    background-color: #ee7b25 !important;
}

.navbar-secondary {
    background-color: #10293e !important;
}

/* Badges */
.badge-primary, .bg-primary {
    background-color: #ee7b25 !important;
}

.badge-secondary, .bg-secondary {
    background-color: #10293e !important;
}

.badge-info, .bg-info {
    background-color: #fdeee2 !important;
    color: #db6616 !important;
}

/* Cards */
.card-primary {
    border-color: #ee7b25 !important;
}

.card-primary > .card-header {
    background-color: #ee7b25 !important;
    color: white !important;
}

.card-secondary {
    border-color: #10293e !important;
}

.card-secondary > .card-header {
    background-color: #10293e !important;
    color: white !important;
}

/* Alerts */
.alert-primary {
    background-color: #fdeee2 !important;
    border-color: #f8b989 !important;
    color: #934017 !important;
}

.alert-secondary {
    background-color: #e8eaed !important;
    border-color: #10293e !important;
    color: #10293e !important;
}

/* Progress bars */
.progress-bar {
    background-color: #ee7b25 !important;
}

.progress-bar-secondary {
    background-color: #10293e !important;
}

/* Pagination */
.page-link {
    color: #ee7b25 !important;
}

.page-item.active .page-link {
    background-color: #ee7b25 !important;
    border-color: #ee7b25 !important;
    color: white !important;
}

/* List groups */
.list-group-item.active {
    background-color: #ee7b25 !important;
    border-color: #ee7b25 !important;
}

/* Tables */
.table-primary {
    --bs-table-bg: rgba(238, 123, 37, 0.1) !important;
    --bs-table-striped-bg: rgba(238, 123, 37, 0.15) !important;
    --bs-table-active-bg: rgba(238, 123, 37, 0.2) !important;
    --bs-table-hover-bg: rgba(238, 123, 37, 0.15) !important;
    --bs-table-border-color: rgba(238, 123, 37, 0.3) !important;
    color: #934017 !important;
}

.table-secondary {
    --bs-table-bg: rgba(16, 41, 62, 0.1) !important;
    --bs-table-striped-bg: rgba(16, 41, 62, 0.15) !important;
    --bs-table-active-bg: rgba(16, 41, 62, 0.2) !important;
    --bs-table-hover-bg: rgba(16, 41, 62, 0.15) !important;
    --bs-table-border-color: rgba(16, 41, 62, 0.3) !important;
    color: #10293e !important;
}

/* Dropdown menu */
.dropdown-item:active {
    background-color: #ee7b25 !important;
}

/* Nav tabs/pills */
.nav-pills .nav-link.active {
    background-color: #ee7b25 !important;
}

.nav-tabs .nav-link.active {
    color: #ee7b25 !important;
    border-color: #ddd #ddd #fff !important;
}

/* Admin panel specific */
.admin-sidebar .nav-link.active {
    background-color: #ee7b25 !important;
    color: white !important;
}

.admin-sidebar .nav-link:hover {
    background-color: rgba(238, 123, 37, 0.1) !important;
}

/* Text colors */
.text-primary {
    color: #ee7b25 !important;
}

.text-secondary {
    color: #10293e !important;
}

.text-info {
    color: #ee7b25 !important;
}

/* Border colors */
.border-primary {
    border-color: #ee7b25 !important;
}

.border-secondary {
    border-color: #10293e !important;
}

/* Spinner/Loader */
.spinner-border.text-primary {
    color: #ee7b25 !important;
}

.spinner-border.text-secondary {
    color: #10293e !important;
}

/* Custom btn-outline-primary */
.btn-outline-primary {
    color: #ee7b25 !important;
    border-color: #ee7b25 !important;
}

.btn-outline-primary:hover {
    background-color: #ee7b25 !important;
    color: white !important;
}

/* Bootstrap blue buttons (btn-primary) in admin panels */
.btn-outline-primary, .btn-primary {
    background-color: #ee7b25 !important;
    border-color: #ee7b25 !important;
    color: white !important;
}

.btn-outline-primary:hover, .btn-primary:hover {
    background-color: #db6616 !important;
    border-color: #db6616 !important;
}

/* Success buttons can stay green but adjust other blues */
.btn-info, .bg-info {
    background-color: #fdeee2 !important;
    border-color: #f8b989 !important;
    color: #db6616 !important;
}

/* Any specific blue background utility classes */
.bg-blue-100, .bg-blue-200, .bg-blue-300, .bg-blue-400, .bg-blue-500, 
.bg-blue-600, .bg-blue-700, .bg-blue-800, .bg-blue-900 {
    background-color: #ee7b25 !important;
}

/* Footer specific */
footer {
    background-color: #10293e !important;
}

footer .text-info {
    color: #ee7b25 !important;
}

footer i.text-info {
    color: #ee7b25 !important;
}

footer .border-secondary {
    border-color: #10293e !important;
}

/* Carousel Specific */
.carousel-caption .text-info {
    color: #ee7b25 !important;
}

/* Fix for icons in the footer */
footer .fas,
footer .fab {
    color: #ee7b25 !important;
}

/* Additional fixes for specific sections */
.hover-text-white:hover {
    color: white !important;
}

/* Fix for slider controls */
.carousel-indicators [data-bs-target] {
    background-color: #ee7b25 !important;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    filter: invert(60%) sepia(96%) saturate(1325%) hue-rotate(336deg) brightness(93%) contrast(93%);
}

/* Override any additional blue classes */
.text-blue-100, .text-blue-200, .text-blue-300, .text-blue-400, .text-blue-500,
.text-blue-600, .text-blue-700, .text-blue-800, .text-blue-900 {
    color: #ee7b25 !important;
}

/* Software details page styles */
.feature-icon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.software-content img,
.requirements-content img,
.installation-content img {
    max-width: 100%;
    height: auto;
    border-radius: 0.25rem;
    margin: 1rem 0;
}

.software-content pre,
.requirements-content pre,
.installation-content pre {
    background-color: #f8f9fa;
    padding: 1rem;
    border-radius: 0.25rem;
    overflow-x: auto;
    margin: 1rem 0;
}

.software-content code,
.requirements-content code,
.installation-content code {
    background-color: #f8f9fa;
    padding: 0.2rem 0.4rem;
    border-radius: 0.25rem;
    font-size: 0.875rem;
}

.software-content ul,
.requirements-content ul,
.installation-content ul {
    padding-left: 1.5rem;
}

.software-content h1, 
.software-content h2, 
.software-content h3,
.requirements-content h1,
.requirements-content h2,
.requirements-content h3,
.installation-content h1,
.installation-content h2,
.installation-content h3 {
    font-family: 'Playfair Display', serif;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

.sticky-top {
    z-index: 1020;
}

/* Add a hover transition effect for all buttons */
.btn {
    transition: all 0.3s ease;
}

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

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

.btn-outline-primary {
    color: #ee7b25;
    border-color: #ee7b25;
}

.btn-outline-primary:hover {
    background-color: #ee7b25;
    border-color: #ee7b25;
}

.bg-primary {
    background-color: #ee7b25 !important;
}

.text-primary {
    color: #ee7b25 !important;
}

/* Fix sidebar positioning on mobile */
@media (max-width: 992px) {
    .sticky-top {
        position: relative;
        top: 0 !important;
    }
}

/* Page header section with custom background color */
section.bg-primary {
    background-color: #ee7b25 !important;
}

section.bg-primary .text-white {
    color: white !important;
}

/* Software Research Cards for About page */
.software-research-card {
    transition: all 0.3s ease;
    border: 1px solid transparent;
}

.software-research-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15) !important;
    border-color: var(--primary-color);
}

.software-research-card .btn-outline-primary {
    transition: all 0.3s ease;
}

.software-research-card:hover .btn-outline-primary {
    background-color: var(--primary-color);
    color: white;
    border-color: var(--primary-color);
}