/* Consolstech storefront theme: ink navy + electric orange, Plus Jakarta Sans. Layered over Bagisto's default shop theme. */
:root {
    --cs-ink: #0B1220;
    --cs-ink-2: #16223C;
    --cs-orange: #FF6A00;
    --cs-orange-dark: #E25E00;
    --cs-soft: #F4F6FA;
}

body, button, input, select, textarea, .font-poppins {
    font-family: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
}

.font-dmserif {
    font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em;
}

.text-navyBlue { color: var(--cs-ink) !important; }
.bg-navyBlue { background-color: var(--cs-ink) !important; }
.border-navyBlue { border-color: var(--cs-ink) !important; }

.primary-button {
    background-color: var(--cs-orange) !important;
    border-color: var(--cs-orange) !important;
    color: #fff !important;
    border-radius: 999px !important;
    font-weight: 700 !important;
}
.primary-button:hover { background-color: var(--cs-orange-dark) !important; opacity: 1 !important; }

.secondary-button {
    border-radius: 999px !important;
    color: var(--cs-ink) !important;
    border-color: var(--cs-ink) !important;
    font-weight: 700 !important;
}

a:hover { text-decoration-color: var(--cs-orange); }

/* Footer: dark band instead of beige */
footer .bg-lightOrange, footer.bg-lightOrange, .bg-lightOrange { background-color: var(--cs-ink) !important; color: #E6EAF2; }
footer a, footer p, footer label { color: #C9D1E0 !important; }
footer a:hover { color: #fff !important; }
footer .text-navyBlue, .bg-lightOrange .text-navyBlue { color: #fff !important; }
footer .bg-\[\#F1EADF\] { background-color: var(--cs-ink-2) !important; }
footer .text-zinc-600 { color: #9AA6BC !important; }
footer input { background: rgba(255,255,255,.06) !important; border-color: rgba(255,255,255,.18) !important; color: #fff !important; }

/* Product cards: cleaner tech look */
.rounded-md img, .rounded-xl img { image-rendering: auto; }

/* Footer newsletter */
footer p[role="heading"] { font-style: normal !important; font-weight: 800 !important; color: #fff !important; letter-spacing: -0.02em; }
footer button[type="submit"] { background-color: var(--cs-orange) !important; color: #fff !important; font-weight: 700 !important; }
footer button[type="submit"]:hover { background-color: var(--cs-orange-dark) !important; }