/**
 * GeekWithKids - GSITemplate Global Stylesheet
 * 
 * Palette:
 * - #003333 : Deep Teal (Dark backgrounds, top nav, footer, sidebar)
 * - #006666 : Mid Teal Accent (Primary buttons, active states, borders)
 * - #009999 : Vibrant Cyan Accent (Highlights, links, badges, focus rings)
 * - #660000 : Crimson Accent (Action badges, alerts, delete/warning highlights)
 */

:root {
    --gwk-dark: #003333;
    --gwk-teal-dark: #006666;
    --gwk-teal-bright: #009999;
    --gwk-teal-light: #e6f4f4;
    --gwk-crimson: #660000;
    --gwk-crimson-hover: #7d0000;
    --gwk-crimson-light: #fbebee;
    
    --gsi-primary-dark: #003333;
    --gsi-primary-light: #006666;
    --gsi-accent-color: #009999;
    --gsi-background-color: #f4f7f6;
    --gsi-border-color: #d2dede;
    
    --bs-primary: #006666;
    --bs-primary-rgb: 0, 102, 102;
    --bs-info: #009999;
    --bs-info-rgb: 0, 153, 153;
    --bs-danger: #660000;
    --bs-danger-rgb: 102, 0, 0;
    --bs-dark: #003333;
    --bs-dark-rgb: 0, 51, 51;
}

body {
    background-color: #f4f7f6;
    color: #1a2a2a;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.gwk-hover-cyan {
    transition: color 0.15s ease, text-shadow 0.15s ease;
}
.gwk-hover-cyan:hover {
    color: #00e6e6 !important;
    text-shadow: 0 0 10px rgba(0, 230, 230, 0.45);
}

.gwk-featured-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.gwk-featured-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35) !important;
    border-color: #009999 !important;
}

/* UserSpice Top Navigation */
nav, .us_menu.horizontal.dark, .us_menu {
    background-color: #003333 !important;
    border-bottom: 2px solid #006666 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.us_brand img {
    max-height: 40px !important;
    width: auto !important;
    object-fit: contain;
    border-radius: 4px;
}

.us_menu a {
    color: #e0f2f1 !important;
    font-weight: 500;
    transition: all 0.15s ease-in-out;
}

.us_menu a:hover, 
.us_menu li.active > a,
.us_menu .sub-toggle:hover {
    color: #ffffff !important;
    background-color: #006666 !important;
}

.us_sub-menu {
    background-color: #003333 !important;
    border: 1px solid #006666 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
}

.us_sub-menu li a:hover {
    background-color: #006666 !important;
    color: #ffffff !important;
}

/* GSI Sidebar Navigation */
.interfaceMenu_Sidebar {
    background-color: #003333 !important;
    border-right: 1px solid #004d4d;
}

.interfaceMenu_Sidebar .gsi_menuitem {
    color: #d1e7e7 !important;
    border-left: 3px solid transparent;
    transition: all 0.15s ease;
}

.interfaceMenu_Sidebar .gsi_menuitem:hover,
.interfaceMenu_Sidebar .gsi_menuitem.active {
    background-color: #006666 !important;
    color: #ffffff !important;
    border-left: 3px solid #009999 !important;
}

.interfaceMenu-Sidebar-Footer {
    background-color: #002626 !important;
    border-top: 1px solid #006666 !important;
}

/* GSI Footer Status Bar */
#footer.footer {
    background-color: #003333 !important;
    border-top: 2px solid #006666 !important;
    color: #d1e7e7 !important;
}

#footer.footer #GSI_Status,
#footer.footer #GSI_Copyright,
#footer.footer #GSI_User {
    color: #d1e7e7 !important;
}

/* Custom Themed Buttons */
.btn-primary, .btn-gwk-primary {
    background-color: #006666 !important;
    border-color: #006666 !important;
    color: #ffffff !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-gwk-primary:hover {
    background-color: #004d4d !important;
    border-color: #004d4d !important;
    color: #ffffff !important;
}

.btn-outline-primary {
    color: #006666 !important;
    border-color: #006666 !important;
}

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

.btn-info, .btn-gwk-accent {
    background-color: #009999 !important;
    border-color: #009999 !important;
    color: #ffffff !important;
}

.btn-info:hover, .btn-gwk-accent:hover {
    background-color: #008080 !important;
    border-color: #008080 !important;
    color: #ffffff !important;
}

.btn-danger, .btn-gwk-crimson {
    background-color: #660000 !important;
    border-color: #660000 !important;
    color: #ffffff !important;
}

.btn-danger:hover, .btn-gwk-crimson:hover {
    background-color: #7d0000 !important;
    border-color: #7d0000 !important;
    color: #ffffff !important;
}

.btn-outline-danger {
    color: #660000 !important;
    border-color: #660000 !important;
}

.btn-outline-danger:hover {
    background-color: #660000 !important;
    border-color: #660000 !important;
    color: #ffffff !important;
}

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

.badge-cyan, .badge.bg-info {
    background-color: #009999 !important;
    color: #ffffff !important;
}

.badge-crimson, .badge.bg-danger {
    background-color: #660000 !important;
    color: #ffffff !important;
}

/* Clean Cards */
.card {
    border-color: #d6e2e2;
    border-radius: 0.6rem;
}

.card-header {
    border-bottom-color: #e2ecec;
}

/* Links & Text */
a {
    color: #006666;
}

a:hover {
    color: #009999;
}