/*
 * Theme Name:  SpindleStack — Arcadian Technical Solutions
 * Template:    spindlestack
 * Description: Child theme for Arcadian Technical Solutions.
 * Version:     1.0.0
 * Author:      SpindleStack
 */

:root {
    --ss-color-primary:    #003380;
    --ss-color-dark:       #04142F;
    --ss-color-light:      #F7F9FC;
    --ss-color-ink:        #0F2244;
    --ss-color-accent:     #4F9DFF;
    --ss-font-heading:     "Inter", sans-serif;
    --ss-font-body:        "Inter", sans-serif;
    --ss-nav-bg:           transparent; /* transparent over hero photo, solid on scroll */
    --ss-nav-text:         #ffffff;
    --ss-nav-hover:        #4F9DFF;
    --ss-footer-bg:        #04142F;
    --ss-footer-text:      #ffffff;
    --ss-footer-link:      #4F9DFF;
}

body.loom-source-site .ss-main {
    display: none !important;
}

/* Hub-and-spoke mark + wordmark lockup */
.navbar-arcadian .navbar-brand .brand-logo-mark {
    height: 50px;
    width: 50px;
    display: block;
    flex-shrink: 0;
}

.navbar-arcadian .navbar-brand .brand-logo-mark svg {
    width: 50px;
    height: 50px;
    display: block;
}

.navbar-arcadian .brand-logo-mark--light {
    color: #ffffff;
}

.navbar-arcadian .brand-logo-mark--dark {
    color: #003380;
    display: none;
}

.navbar-arcadian.scrolled .brand-logo-mark--light {
    display: none;
}

.navbar-arcadian.scrolled .brand-logo-mark--dark {
    display: block;
}

.navbar-arcadian .brand-wordmark {
    font-family: var(--ss-font-body);
    font-weight: 600;
    font-size: 1.05rem;
    line-height: 1.15;
    white-space: nowrap;
}

@media (max-width: 575.98px) {
    .navbar-arcadian .brand-wordmark {
        font-size: 0.85rem;
        white-space: normal;
        max-width: 11rem;
    }
}

.footer-brand__lockup {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    color: var(--ss-footer-text);
}

.footer-brand .brand-logo-mark {
    width: 50px;
    height: 50px;
    color: var(--ss-footer-text);
}

.footer-brand .brand-logo-mark svg {
    width: 50px;
    height: 50px;
    display: block;
}

.footer-brand .brand-wordmark {
    font-family: var(--ss-font-body);
    font-weight: 600;
    font-size: 1.05rem;
    color: var(--ss-footer-text);
    line-height: 1.15;
}

.footer-socials {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    list-style: none;
    margin: 0.85rem 0 0;
    padding: 0;
}

.footer-socials li {
    margin: 0;
    padding: 0;
}

.footer-socials li::before {
    content: none;
}

.navbar-arcadian,
.navbar-arcadian .container-narrow,
.navbar-arcadian .navbar-collapse,
.navbar-arcadian .navbar-nav,
.navbar-arcadian .nav-item.dropdown {
    overflow: visible;
}

.navbar-arcadian .dropdown-menu-arcadian {
    z-index: 1100;
}