/* KuryenteMoo brand overrides — loaded last.
   Principle (same as the app itself): dark navy #1B1D1F on brand yellow,
   never white-on-yellow for anything that must be read. */

/* ---- Hero text: dark on yellow ---- */
.welcome-text-area .welcome-text h4 {
    color: #1B1D1F;
    opacity: .8;
}
.welcome-text-area .welcome-text h1 {
    color: #1B1D1F;
}
.welcome-text-area .welcome-text h1 span {
    color: #FFFFFF;
    text-shadow: 0 2px 14px rgba(0, 0, 0, .16);
}
.welcome-text-area .welcome-text p {
    color: rgba(27, 29, 31, .78);
}

/* ---- Hero buttons: dark pill = primary, outlined dark = secondary ---- */
.welcome-text-area .home-button a {
    background: #1B1D1F !important;
    color: #FFC83D !important;
    border: 2px solid #1B1D1F;
    box-shadow: 0 12px 28px rgba(27, 29, 31, .25);
}
.welcome-text-area .home-button a:last-child {
    background: transparent !important;
    color: #1B1D1F !important;
    border: 2px solid rgba(27, 29, 31, .55);
    box-shadow: none;
}
.welcome-text-area .home-button a:hover {
    background: #2A2F38 !important;
    color: #FFD35C !important;
}
.welcome-text-area .home-button a:last-child:hover {
    background: rgba(27, 29, 31, .08) !important;
    color: #1B1D1F !important;
}

/* ---- Top navigation over the yellow hero: dark links ---- */
.mainmenu-area .stellarnav > ul > li > a {
    color: #1B1D1F;
}
.mainmenu-area .stellarnav > ul > li.active > a,
.mainmenu-area .stellarnav > ul > li > a:hover {
    color: #1B1D1F;
    opacity: .75;
}

/* ---- Header CTA button: dark pill, gold text ---- */
.header-call-to-action .action-button {
    background: #1B1D1F !important;
    color: #FFC83D !important;
    border-color: #1B1D1F !important;
}
.header-call-to-action .action-button:hover {
    background: #2A2F38 !important;
    color: #FFD35C !important;
}

/* ---- Hamburger lines (mobile) dark for visibility on yellow ---- */
.ham .line {
    stroke: #1B1D1F;
}

/* ---- Logo sizing (generated mascot + wordmark PNG) ---- */
.navbar-header .custom-logo-link img {
    max-height: 48px;
    width: auto;
}
.footer-logo img {
    max-height: 54px;
    width: auto;
}