/* ======================================
   MILGEARS SUPPORT PORTAL THEME
   ====================================== */

/* COLOR PALETTE */
:root {
    --mg-primary: #003A63;
    --mg-primary-dark: #002748;
    --mg-secondary: #005A9C;
    --mg-accent: #4D8BBF;
    --mg-bg: #F5F7FA;
    --mg-white: #FFFFFF;
    --mg-text: #1E293B;
    --mg-border: #D9E2EC;
}

/* PAGE */
body {
    background: var(--mg-bg);
    color: var(--mg-text);
    font-family: Segoe UI, Arial, Helvetica, sans-serif;
    line-height: 1.6;
}

/* HEADER */
header,
.portal-header,
.page-header,
.navbar,
.navbar-default,
.top-bar {
    background: var(--mg-primary) !important;
    border-bottom: 4px solid var(--mg-accent);
}

/* HEADER TEXT */
header *,
.portal-header *,
.page-header *,
.navbar * {
    color: #ffffff !important;
}

/* PAGE TITLE */
h1,
h2,
h3 {
    color: var(--mg-primary);
    font-weight: 600;
}

/* LINKS */
a {
    color: var(--mg-secondary);
    text-decoration: none;
}

a:hover {
    color: var(--mg-accent);
}

/* BUTTONS */
.btn,
button,
input[type="submit"],
input[type="button"] {
    background: var(--mg-primary);
    border: 1px solid var(--mg-primary);
    color: white;
    border-radius: 4px;
    padding: 10px 18px;
    transition: all .2s ease;
}

.btn:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
    background: var(--mg-secondary);
    border-color: var(--mg-secondary);
}

/* SEARCH BOX */
input[type="text"],
input[type="search"],
textarea,
select {
    border: 1px solid var(--mg-border);
    border-radius: 4px;
    padding: 8px;
}

input:focus,
textarea:focus,
select:focus {
    outline: none;
    border-color: var(--mg-secondary);
    box-shadow: 0 0 5px rgba(0,90,156,.25);
}

/* CONTENT BLOCKS */
.panel,
.card,
.article,
.kb-article,
.category,
.well {
    background: white;
    border: 1px solid var(--mg-border);
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0,0,0,.05);
}

/* TABLES */
table {
    border-collapse: collapse;
    width: 100%;
}

table th {
    background: var(--mg-primary);
    color: white;
    padding: 10px;
}

table td {
    border: 1px solid var(--mg-border);
    padding: 10px;
}

/* ARTICLE CATEGORY PANELS */
.category {
    border-left: 5px solid var(--mg-secondary);
}

/* BREADCRUMBS */
.breadcrumb {
    background: transparent;
}

.breadcrumb a {
    color: var(--mg-secondary);
}

/* FOOTER */
footer,
.portal-footer {
    background: var(--mg-primary-dark);
    color: white;
    padding: 20px;
}

footer a,
.portal-footer a {
    color: #0D2740;
}

/* KNOWLEDGE BASE ARTICLE TITLES */
.article-title,
.kb-title,
.topic-title {
    color: var(--mg-primary);
    font-weight: 600;
}

/* MOBILE */
@media screen and (max-width: 768px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}