/**
 * WooCommerce Utility Sub-Header Bar
 * Sits between Forged Shell nav and Avada content area.
 * Styled to match Lions Navy but controlled by Avada/WP, not Tailwind.
 */

.lions-wc-bar {
    background: #051362;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 3px solid #168726;
    font-family: 'Open Sans', system-ui, sans-serif;
}

.lions-wc-bar-inner {
    max-width: 80rem;
    margin: 0 auto;
    padding: 0.4rem 1rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1.5rem;
}

.lions-wc-link {
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.8125rem;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    letter-spacing: 0.025em;
}

.lions-wc-link:hover {
    color: #8ec5ff;
}

.lions-wc-link i {
    font-size: 0.75rem;
}

.lions-wc-cart-link {
    background: rgba(22, 135, 38, 0.25);
    padding: 0.25rem 0.75rem;
    border-radius: 0.25rem;
    color: #fff;
}

.lions-wc-cart-link:hover {
    background: rgba(22, 135, 38, 0.5);
    color: #fff;
}

/* Skip-to-content link (a11y) */
.skip-to-content {
    position: absolute;
    left: -9999px;
    top: 0;
    z-index: 9999;
    padding: 0.5rem 1rem;
    background: #051362;
    color: white;
    font-weight: 600;
    font-family: 'Open Sans', system-ui, sans-serif;
}

.skip-to-content:focus {
    left: 0;
}

/* Responsive: stack WC bar items on very small screens */
@media (max-width: 480px) {
    .lions-wc-bar-inner {
        justify-content: center;
        gap: 1rem;
        flex-wrap: wrap;
    }
}

/* ==============================================
   Forged Shell — Footer overrides
   Fix: Avada's compiled CSS sets footer text to dark colors
   and layout mode may constrain width. Force our styles.
   ============================================== */

/* Full-width edge-to-edge footer */
body .forged-shell {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden;
}

body .forged-shell footer {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Force white/gray text in footer — override Avada's dark defaults */
body .forged-shell footer,
body .forged-shell footer *,
body .forged-shell footer h3,
body .forged-shell footer p,
body .forged-shell footer a,
body .forged-shell footer li,
body .forged-shell footer span {
    font-family: 'Open Sans', system-ui, sans-serif !important;
}

body .forged-shell footer h3 {
    color: #ffffff !important;
    font-family: 'Quicksand', system-ui, sans-serif !important;
    font-weight: 600 !important;
    font-size: 1.125rem !important;
}

body .forged-shell footer p,
body .forged-shell footer li,
body .forged-shell footer span {
    color: #d1d5db !important; /* gray-300 */
}

body .forged-shell footer a {
    color: #d1d5db !important;
    text-decoration: none !important;
}

body .forged-shell footer a:hover {
    color: #8ec5ff !important; /* lions-bright */
}

/* Footer section backgrounds */
body .forged-shell footer .border-t {
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Affiliations text */
body .forged-shell footer .text-gray-400 {
    color: #9ca3af !important;
}

body .forged-shell footer .text-gray-500 {
    color: #6b7280 !important;
}

body .forged-shell footer .text-gray-600 {
    color: #4b5563 !important;
}

/* Copyright bar specifics */
body .forged-shell footer .text-xs {
    font-size: 0.75rem !important;
}

/* Social icon sizing */
body .forged-shell footer .text-lg {
    font-size: 1.125rem !important;
}

/* Donate button in footer */
body .forged-shell footer .bg-lions-green {
    background-color: #168726 !important;
    color: #ffffff !important;
}

body .forged-shell footer .bg-lions-green:hover {
    background-color: #0d6e1a !important;
}