/* Custom CSS Overrides for Quark Theme */

/* Body */
body {
    font-size: 1.1rem !important;
    line-height: 1.6 !important;
}

#header {
    font-size: 0.9rem !important;
}
/* Color Palette Override - Primary Blue to Orange */

/* Primary Color #3085ee, #1877ec, #3e8def -> #ee6900 */
a:active,
a:focus,
a:hover,
.btn,
.button,
button,
.dropmenu ul li a.active,
.dropmenu ul li a:focus,
.dropmenu ul li a:hover {
    color: #c05500 !important;
    /* border-color: #ee6900 !important;
    background-color: #ffd3b0 !important; */
}

/* Primary Blue Backgrounds */
.bg-primary,
.button-wrapper .button,
button[type="submit"],
.btn-primary,
.badge-primary {
    color:#fff !important;
    background-color: #ee6900 !important;
    border-color: #ee6900 !important;
}

/* Primary Blue Text/Links */
a,
.text-primary,
.link-primary {
    color: #ee6900 !important;
}

a:hover,
a:focus,
a.active,
a.hover,
.text-primary:hover,
.link-primary:hover {
    color: #c05500 !important;
}

/* Primary Blue Borders */
.border-primary,
[style*="border-color: #3085ee"],
[style*="border-color: #1877ec"],
[style*="border-color: #3e8def"] {
    border-color: #ee6900 !important;
}

/* Light Orange Variant #ffd3b0 for lighter backgrounds */
.bg-light-primary,
.light-primary {
    background-color: #ffd3b0 !important;
    color: #333 !important;
}

/* Dark Primary Orange #c05500 */
.btn-dark-primary,
.button-dark-primary,
.dark-primary {
    background-color: #c05500 !important;
    border-color: #c05500 !important;
    color: #fff !important;
}

/* Secondary Color #999999 for neutral elements */
.text-secondary,
.secondary,
.text-muted,
.badge-secondary,
.bg-secondary {
    color: #999999 !important;
    background-color: #999999 !important;
    border-color: #999999 !important;
}

/* Login form specific overrides */
#grav-login .login-form button[type="submit"],
#grav-login .twofa-form button[type="submit"]:first-child {
    color: #fff !important;
    border-color: #ee6900 !important;
    background: #ee6900 !important;
}

#grav-login .login-form button[type="submit"]:focus,
#grav-login .login-form button[type="submit"]:hover,
#grav-login .twofa-form button[type="submit"]:first-child:focus,
#grav-login .twofa-form button[type="submit"]:first-child:hover {
    color: #fff !important;
    border-color: #c05500 !important;
    background: #c05500 !important;
}

/* Inline style overrides for specific hex colors */
[style*="#3085ee"] {
    color: #ee6900 !important;
    background-color: #ffd3b0 !important;
    border-color: #ee6900 !important;
}

[style*="#227ded"] {
    color: #ee6900 !important;
    background-color: #ffd3b0 !important;
    border-color: #ee6900 !important;
}

[style*="#1370e3"] {
    color: #c05500 !important;
    background-color: #ffd3b0 !important;
    border-color: #c05500 !important;
}

[style*="#1877ec"] {
    color: #ee6900 !important;
    background-color: #ffd3b0 !important;
    border-color: #ee6900 !important;
}

[style*="#126bd9"] {
    color: #c05500 !important;
    background-color: #ffd3b0 !important;
    border-color: #c05500 !important;
}

[style*="#1372e7"] {
    color: #ee6900 !important;
    background-color: #ffd3b0 !important;
    border-color: #ee6900 !important;
}

[style*="#3e8def"] {
    color: #ee6900 !important;
    background-color: #ffd3b0 !important;
    border-color: #ee6900 !important;
}

/* Mobile menu button colors */
.mobile-menu .button_container span {
    background: #ee6900 !important;
}

/* Hover and active states */
.treemenu li a.active,
.treemenu li a:focus,
.treemenu li a:hover {
    color: #ee6900 !important;
}

/* Icon color overrides */
i.fa:not([class*="heart"]),
.feature-icon:hover,
.column:hover .feature-icon {
    color: #ee6900 !important;
}

/* Form elements */
input:focus,
textarea:focus,
select:focus {
    border-color: #ee6900 !important;
    box-shadow: 0 0 0 0.2rem rgba(238, 105, 0, 0.25) !important;
}

/* Breadcrumb separators and links */
#breadcrumbs a:not(:first-child)::before {
    color: #999999 !important;
}

/* Pagination */
.pagination a:focus,
.pagination a:hover,
.pagination .active {
    border-color: #ee6900 !important;
    background-color: #ee6900 !important;
    color: #fff !important;
}

/* Table styling */
table a:hover {
    color: #ee6900 !important;
}

h3 {
    color: #ee6900 !important;
}