/*
 * shared.css — Equilibrium Industries Shared Pages
 * Loaded on ALL pages (cart, checkout, my-account, register, etc.)
 * Neutral grey theme that bridges corporate and exigency sides
 */

/* ─────────────────────────────────────────────
   SHARED COLOR VARIABLES
   ───────────────────────────────────────────── */
:root {
    --shared-bg:           #F5F5F5;
    --shared-surface:      #FFFFFF;
    --shared-header-bg:    #000000;
    --shared-border:       #DDDDDD;
    --shared-text:         #2A2A2A;
    --shared-text-muted:   #666666;
    --shared-accent:       #555555;
    --shared-accent-hover: #333333;
    --shared-font:         'Arial', 'Helvetica Neue', sans-serif;
}

/* ─────────────────────────────────────────────
   CART / CHECKOUT / ACCOUNT PAGE BACKGROUNDS
   ───────────────────────────────────────────── */
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-account,
body.woocommerce-page {
    background-color: var(--shared-bg);
    color: var(--shared-text);
    font-family: var(--shared-font);
}

/* ─────────────────────────────────────────────
   HEADER — always black regardless of section
   ───────────────────────────────────────────── */
body.woocommerce-cart #masthead,
body.woocommerce-checkout #masthead,
body.woocommerce-account #masthead,
body.woocommerce-page #masthead {
    background-color: var(--shared-header-bg);
}

body.woocommerce-cart #site-navigation a,
body.woocommerce-checkout #site-navigation a,
body.woocommerce-account #site-navigation a,
body.woocommerce-page #site-navigation a {
    color: #FFFFFF;
}

/* ─────────────────────────────────────────────
   CONTENT WRAPPER
   ───────────────────────────────────────────── */
body.woocommerce-cart .site-main,
body.woocommerce-checkout .site-main,
body.woocommerce-account .site-main {
    background-color: var(--shared-surface);
    max-width: 960px;
    margin: 40px auto;
    padding: 40px;
    border: 1px solid var(--shared-border);
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

/* ─────────────────────────────────────────────
   WOOCOMMERCE TABLES (cart)
   ───────────────────────────────────────────── */
body.woocommerce-cart .woocommerce-cart-form table.cart {
    border-color: var(--shared-border);
}

body.woocommerce-cart table.cart th {
    background-color: #EEEEEE;
    color: var(--shared-text);
    font-weight: 600;
    border-bottom: 2px solid var(--shared-border);
}

body.woocommerce-cart table.cart td {
    border-color: var(--shared-border);
    color: var(--shared-text);
}

/* ─────────────────────────────────────────────
   BUTTONS — grey neutral
   ───────────────────────────────────────────── */
body.woocommerce-cart .woocommerce a.button,
body.woocommerce-cart .woocommerce button.button,
body.woocommerce-checkout .woocommerce a.button,
body.woocommerce-checkout .woocommerce button.button,
body.woocommerce-account .woocommerce a.button,
body.woocommerce-account .woocommerce button.button {
    background-color: var(--shared-accent);
    color: #FFFFFF;
    border: none;
    border-radius: 3px;
    padding: 10px 24px;
    font-family: var(--shared-font);
    transition: background-color 0.2s ease;
}

body.woocommerce-cart .woocommerce a.button:hover,
body.woocommerce-cart .woocommerce button.button:hover,
body.woocommerce-checkout .woocommerce a.button:hover,
body.woocommerce-checkout .woocommerce button.button:hover,
body.woocommerce-account .woocommerce a.button:hover,
body.woocommerce-account .woocommerce button.button:hover {
    background-color: var(--shared-accent-hover);
    color: #FFFFFF;
}

/* Place order button — slightly more prominent */
body.woocommerce-checkout #place_order {
    background-color: #333333;
    font-size: 1.05rem;
    width: 100%;
}

body.woocommerce-checkout #place_order:hover {
    background-color: #111111;
}

/* ─────────────────────────────────────────────
   FORM INPUTS — checkout & account
   ───────────────────────────────────────────── */
body.woocommerce-checkout .woocommerce input,
body.woocommerce-checkout .woocommerce select,
body.woocommerce-checkout .woocommerce textarea,
body.woocommerce-account .woocommerce input,
body.woocommerce-account .woocommerce select,
body.woocommerce-account .woocommerce textarea {
    border: 1px solid var(--shared-border);
    border-radius: 3px;
    padding: 8px 12px;
    font-family: var(--shared-font);
    color: var(--shared-text);
    background-color: #FAFAFA;
}

body.woocommerce-checkout .woocommerce input:focus,
body.woocommerce-checkout .woocommerce select:focus,
body.woocommerce-account .woocommerce input:focus {
    border-color: var(--shared-accent);
    outline: none;
    box-shadow: 0 0 4px rgba(85,85,85,0.3);
}

/* ─────────────────────────────────────────────
   MY ACCOUNT — navigation sidebar
   ───────────────────────────────────────────── */
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li a {
    display: block;
    padding: 10px 16px;
    color: var(--shared-text);
    border-bottom: 1px solid var(--shared-border);
    text-decoration: none;
    transition: background-color 0.15s ease;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li a:hover,
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
    background-color: #EEEEEE;
    color: var(--shared-accent-hover);
}

/* ─────────────────────────────────────────────
   LINKS
   ───────────────────────────────────────────── */
body.woocommerce-cart a,
body.woocommerce-checkout a,
body.woocommerce-account a {
    color: var(--shared-accent);
}

body.woocommerce-cart a:hover,
body.woocommerce-checkout a:hover,
body.woocommerce-account a:hover {
    color: var(--shared-accent-hover);
}

/* ─────────────────────────────────────────────
   FOOTER
   ───────────────────────────────────────────── */
body.woocommerce-cart #colophon,
body.woocommerce-checkout #colophon,
body.woocommerce-account #colophon {
    background-color: #222222;
    color: #AAAAAA;
}

body.woocommerce-cart .site-footer a,
body.woocommerce-checkout .site-footer a,
body.woocommerce-account .site-footer a {
    color: #AAAAAA;
}

body.woocommerce-cart .site-footer a:hover,
body.woocommerce-checkout .site-footer a:hover,
body.woocommerce-account .site-footer a:hover {
    color: #FFFFFF;
}
/* ─────────────────────────────────────────────
   FOOTER STYLES — Add to corporate.css
   (Exigency footer is already handled in exigency.css)
   ───────────────────────────────────────────── */

/* Corporate footer */
body.corporate-section .site-footer .site-footer-inner,
body.woocommerce-cart .site-footer .site-footer-inner,
body.woocommerce-checkout .site-footer .site-footer-inner,
body.woocommerce-account .site-footer .site-footer-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1.5rem 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.footer-copyright {
    font-size: 0.85rem;
    color: #AAAAAA;
    font-family: 'Arial', sans-serif;
}

/* Footer nav links */
.footer-nav {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.footer-nav a {
    font-size: 0.8rem;
    color: #888888;
    text-decoration: none;
    transition: color 0.2s ease;
}

body.corporate-section .footer-nav a:hover {
    color: var(--corp-accent);
}

body.exigency-section .footer-nav a:hover {
    color: var(--xig-lime);
}

body.woocommerce-cart .footer-nav a:hover,
body.woocommerce-checkout .footer-nav a:hover,
body.woocommerce-account .footer-nav a:hover {
    color: #FFFFFF;
}

/* Exigency footer inner layout */
body.exigency-section .site-footer .site-footer-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1rem 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

body.exigency-section .footer-copyright {
    font-family: 'Share Tech Mono', 'Courier New', monospace;
    font-size: 0.7rem;
    color: #444444;
    letter-spacing: 0.08em;
}

body.exigency-section .footer-nav a {
    font-family: 'Share Tech Mono', 'Courier New', monospace;
    font-size: 0.7rem;
    color: #333333;
    letter-spacing: 0.06em;
}