/* Valmont admin theme — aligns the Velzon admin skin with the storefront's
   cream / gold / navy palette and typefaces. Loaded last so it wins the cascade. */

body {
    background-color: #FAF8F3;
}

/* Cormorant Garamond for headings & titles, Manrope stays for body/UI text,
   matching the storefront's serif-headline / sans-serif-body pairing. */
h1, h2, h3, h4, h5, h6,
.page-title-box h4,
.card-title,
.modal-title,
.navbar-brand-box .logo,
.auth-logo,
.font-size-18 {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-weight: 600;
}

#page-topbar {
    border-bottom: 1px solid #E8E3D6;
}

.card {
    border-color: #E8E3D6;
}

/* Sticky footer fix: .footer is position:absolute with no positioned
   ancestor (.main-content never sets position:relative), so it anchors to
   the viewport-height initial containing block instead of the real page
   height. That happens to look fine on short pages but floats mid-page
   with dead space below on tall forms (e.g. product create/edit). Making
   .main-content a min-height:100vh flex column puts the footer back in
   normal flow, right after the content, and still pinned to the viewport
   bottom on short pages. */
.main-content {
    position: static;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.main-content .page-content {
    flex: 1 0 auto;
    padding-bottom: 18px;
}

.footer {
    position: static;
    left: auto;
    right: auto;
    background-color: #FFFFFF;
    border-top: 1px solid #E8E3D6;
    color: #4A4A4A;
}

/* Gold accent for the active sidebar item, matching the storefront's
   gold underline on the active nav tab. */
body[data-sidebar=dark] #sidebar-menu ul li.mm-active > a {
    position: relative;
}

body[data-sidebar=dark] #sidebar-menu ul li.mm-active > a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: #C2A278;
}

body[data-sidebar=dark] #sidebar-menu ul li a:hover,
body[data-sidebar=dark] #sidebar-menu ul li a:hover i {
    color: #C2A278;
}

/* Gold focus/hover accents on primary controls for a warmer, premium feel */
.btn-primary:hover,
.btn-primary:focus {
    background-color: #0c2143;
    border-color: #0c2143;
    box-shadow: 0 0 0 2px #c2a27866;
}

a {
    color: #0f2a54;
}

a:hover {
    color: #c2a278;
}

.form-control:focus,
.form-select:focus {
    border-color: #c2a278;
    box-shadow: 0 0 0 2px #c2a27833;
}

.page-item.active .page-link {
    background-color: #0f2a54;
    border-color: #0f2a54;
}

.nav-pills .nav-link.active {
    background-color: #0f2a54;
}

.badge.bg-primary,
.bg-primary {
    background-color: #0f2a54 !important;
}