/*
 * ISGP Custom Color Scheme
 * Primary: #448bbf (Blue)
 * Secondary: #9b9ca0 (Gray)
 */

:root {
    --primary-color: #448bbf;
    --primary-color-dark: #3a76a3;
    --primary-color-light: #5fa0cc;
    --secondary-color: #9b9ca0;
    --secondary-color-dark: #7f8084;
    --secondary-color-light: #b7b8bb;
    --white: #ffffff;
    --black: #000000;
    --text-dark: #333333;
    --text-light: #666666;
}

/* Override existing orange (#ffaa30) with primary blue */
.bg-primary,
.btn-primary,
.text-primary {
    background-color: var(--primary-color) !important;
    color: var(--white) !important;
}

.btn-primary:hover {
    background-color: var(--primary-color-dark) !important;
}

.text-primary-only {
    color: var(--primary-color) !important;
    background-color: transparent !important;
}

.border-primary {
    border-color: var(--primary-color) !important;
}

/* Secondary color */
.bg-secondary,
.btn-secondary,
.text-secondary {
    background-color: var(--secondary-color) !important;
    color: var(--white) !important;
}

.btn-secondary:hover {
    background-color: var(--secondary-color-dark) !important;
}

.text-secondary-only {
    color: var(--secondary-color) !important;
    background-color: transparent !important;
}

.border-secondary {
    border-color: var(--secondary-color) !important;
}

/* Override orange buttons with blue */
.flat-button.orange,
.flat-button.bg-orange,
.bg-orange {
    background-color: var(--primary-color) !important;
    color: var(--white) !important;
    border-color: var(--primary-color) !important;
}

.flat-button.orange:hover,
.flat-button.bg-orange:hover,
.bg-orange:hover {
    background-color: var(--primary-color-dark) !important;
    color: var(--white) !important;
}

/* Active/selected states */
.active,
.selected,
.current {
    color: var(--primary-color) !important;
}

/* Connection button */
.connection-button {
    background-color: var(--primary-color) !important;
    color: var(--white) !important;
    border-color: var(--primary-color) !important;
    transition: all 0.3s ease;
}

.connection-button:hover {
    background-color: var(--primary-color-dark) !important;
    color: var(--white) !important;
}

/* Navbar menu items hover - blue background with white text */
#mainnav .menu > li:hover,
#mainnav .menu > li:hover > a,
.mainnav .menu > li:hover,
.mainnav .menu > li:hover > a,
.header .menu > li:hover,
.header .menu > li:hover > a {
    background-color: var(--primary-color) !important;
    color: var(--white) !important;
}

/* Submenu items hover */
#mainnav .submenu li:hover,
#mainnav .submenu li:hover a,
.mainnav .submenu li:hover,
.mainnav .submenu li:hover a {
    background-color: var(--primary-color) !important;
    color: var(--white) !important;
}

/* Social icons - SVG centering */
.flat-socials li a svg {
    display: block !important;
    width: 14px !important;
    height: 14px !important;
}