/* ===================================================
   Cassiopeia Custom Theme Override for Axel Borrel Art
   =================================================== */

/* 1. Override Cassiopeia variables at the very top */
:root {
    --cassiopeia-color-primary: #e5e5bf;  /* header beige background */
    --cassiopeia-color-hover: #A2B4AE;    /* hover highlight color */
    --cassiopeia-color-link: #519c5e;     /* link color */
}

/* ===================================================
   HEADER
   =================================================== */

/* Header background (logo + tagline + navbar) */
header.header.container-header,
header.header.container-header.full-width,
header.header.container-header .navbar-brand {
    background-color: #e5e5bf !important;
    box-shadow: inset 0 5px 5px #00000008;
}

/* Logo/title and tagline text */
header.header.container-header .site-title,
header.header.container-header .site-description {
    color: #1F2635 !important;
}

/* Menu links */
header.header.container-header .mod-menu a {
    color: #1F2635 !important;
}

/* Menu hover */
header.header.container-header .mod-menu a:hover {
    color: #A2B4AE !important;
}

/* Active menu item */
header.header.container-header .mod-menu .current a,
header.header.container-header .mod-menu .active a {
    color: #519c5e !important;
    border-bottom: 2px solid #519c5e !important;
}

/* ===================================================
   LINKS & BUTTONS
   =================================================== */

a,
.btn-primary,
.button-primary {
    color: #519c5e !important;
}

a:hover,
.btn-primary:hover,
.button-primary:hover {
    color: #A2B4AE !important;
}

/* ===================================================
   CONTENT / ARTICLES
   =================================================== */

.card,
.com-content-article {
    background-color: #ffffff !important;
    border-radius: 8px;
    padding: 1rem;
    color: #1F2635;
}

/* ===================================================
   FOOTER
   =================================================== */

.container-footer {
    background-color: #0f5609 !important; /* dark green footer */
    color: #ffffff !important;
}

.container-footer a {
    color: #ffffff !important;
}

.container-footer a:hover {
    opacity: 0.8;
}

/* ===================================================
   MISC
   =================================================== */

/* Back-to-top link */
#back-to-top {
    background-color: #519c5e !important;
}

#back-to-top:hover {
    background-color: #A2B4AE !important;
}

/* Ensure no gradient overrides header */
.container-header {
    background-image: none !important;
}