/* 
 * GenuineICT Professional Blue Color Theme
 * Add this file AFTER style.css in your HTML
 * Primary: #2563EB (Blue)
 * Secondary: #1E293B (Dark Blue-Gray)
 * Accent: #60A5FA (Light Blue)
 */

/* Primary Blue Color Overrides */
:root {
    --bs-primary: #2563EB;
    --bs-primary-rgb: 37, 99, 235;
    --bs-secondary: #1E293B;
    --bs-secondary-rgb: 30, 41, 59;
}

/* Background Colors */
.bg-primary {
    background-color: #2563EB !important;
}

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

.btn-primary {
    background-color: #2563EB !important;
    border-color: #2563EB !important;
}

.btn-primary:hover {
    background-color: #1D4ED8 !important;
    border-color: #1D4ED8 !important;
}

.btn-secondary {
    background-color: #1E293B !important;
    border-color: #1E293B !important;
}

.btn-secondary:hover {
    background-color: #334155 !important;
    border-color: #334155 !important;
}

/* Hero Header */
.hero-header {
    background: linear-gradient(135deg, #2563EB 0%, #1D4ED8 100%) !important;
}

/* Navigation */
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
    color: #60A5FA !important;
}

.sticky-top.bg-primary {
    background-color: #2563EB !important;
}

/* Service Icons */
.service-icon {
    background-color: #2563EB !important;
}

.service-item:hover .service-icon {
    background-color: #1D4ED8 !important;
}

/* Links and Accents */
a {
    color: #2563EB;
}

a:hover {
    color: #1D4ED8;
}

/* Form Focus States */
.form-control:focus {
    border-color: #60A5FA !important;
    box-shadow: 0 0 0 0.25rem rgba(37, 99, 235, 0.25) !important;
}

/* Checkmarks and Icons */
.fa-check.text-primary,
i.text-primary {
    color: #2563EB !important;
}

/* Feature Boxes */
.btn-lg-square.bg-primary {
    background-color: #2563EB !important;
}

/* Footer */
.footer {
    background-color: #1E293B !important;
}

.footer .btn-primary {
    background-color: #2563EB !important;
}

.footer .btn-primary:hover {
    background-color: #60A5FA !important;
}

/* Breadcrumb */
.breadcrumb-item.active {
    color: #60A5FA !important;
}

.breadcrumb-item a {
    color: #CBD5E1 !important;
}

/* Pricing Cards */
.bg-primary.rounded {
    background-color: #2563EB !important;
}

/* Statistics Cards */
.display-4.text-primary {
    color: #2563EB !important;
}

/* Newsletter Section */
.container-fluid.bg-primary {
    background: linear-gradient(135deg, #2563EB 0%, #1E40AF 100%) !important;
}

/* Text Badges */
.text-uppercase.bg-primary.text-white.rounded {
    background-color: #2563EB !important;
}

/* Additional Accent Colors */
.text-secondary {
    color: #CBD5E1 !important;
}

/* Button Hover States */
.btn.btn-link:hover {
    color: #60A5FA !important;
}

/* Back to Top Button */
.back-to-top {
    background-color: #2563EB !important;
}

.back-to-top:hover {
    background-color: #1D4ED8 !important;
}

/* Contact Info Cards */
.bg-white.rounded .btn-lg-square {
    background-color: #EFF6FF !important;
}

.bg-white.rounded i.text-primary {
    color: #2563EB !important;
}

/* Mission/Vision Cards */
.bg-white.rounded .btn-lg-square.bg-primary {
    background-color: #2563EB !important;
}

/* Team Cards */
.team-text {
    background-color: #F1F5F9 !important;
}

/* Service Item Borders */
.service-item {
    border: 1px solid #E2E8F0;
}

.service-item:hover {
    border-color: #60A5FA;
    box-shadow: 0 0 30px rgba(37, 99, 235, 0.15);
}

/* Light Backgrounds */
.bg-light {
    background-color: #F8FAFC !important;
}

/* Additional Features Section Background */
.container-fluid.bg-primary.py-5 {
    background: linear-gradient(to right, #2563EB, #3B82F6) !important;
}

/* Copyright Link Colors */
.footer .copyright a:hover {
    color: #60A5FA !important;
}

/* Form Select Dropdown */
select.form-control:focus {
    border-color: #60A5FA !important;
}

/* Spinner Color */
.spinner-grow.text-primary {
    color: #2563EB !important;
}

/* Social Media Buttons */
.btn-square {
    transition: all 0.3s;
}

.btn-square:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(37, 99, 235, 0.3);
}

/* Additional Professional Touches */
.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(37, 99, 235, .075) !important;
}

/* Navbar on Mobile */
@media (max-width: 991.98px) {
    .sticky-top {
        background: #2563EB !important;
    }
}