/* ===========================================================
   ASCENDRY global theme — dark streetwear reskin
   Loaded site-wide via includes/header.php (after Bootstrap),
   uses !important to override legacy per-page coral styles.
   =========================================================== */
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Archivo:wght@400;500;600;700&display=swap');

:root {
  --asc-bg: #0C0C0C;
  --asc-surface: #171717;
  --asc-red: #FF3040;
  --asc-border: #262626;
  --asc-muted: #9A9A9A;
}

body {
  background: #0C0C0C !important;
  color: #ffffff !important;
  font-family: 'Archivo', sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
  color: #ffffff !important;
  font-family: 'Anton', sans-serif !important;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

p, span, li, label, td, th, small, .lead, dd, dt {
  color: #e6e6e6;
}

a { color: #ffffff; transition: color .2s ease; }
a:hover { color: var(--asc-red); }

/* Buttons */
.btn-primary, .btn-outline-primary {
  background: #FF3040 !important;
  border: none !important;
  color: #0C0C0C !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.btn-primary:hover, .btn-outline-primary:hover {
  background: #ff4757 !important;
  color: #0C0C0C !important;
  transform: none;
}
.btn-secondary, .btn-outline-secondary, .btn-outline-light {
  background: transparent !important;
  border: 1px solid #3A3A3A !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.btn-secondary:hover { border-color: #FF3040 !important; color: #FF3040 !important; }
.btn-danger { background: #FF3040 !important; border: none !important; color: #0C0C0C !important; }

/* Cards */
.card {
  background: #171717 !important;
  color: #ffffff !important;
  border: 0.5px solid #262626 !important;
  border-radius: 10px !important;
}
.card .card-title { color: #ffffff !important; text-transform: uppercase; letter-spacing: .5px; font-size: 1rem; }
.card .card-text { color: #ffffff !important; }
.card:hover { border-color: #FF3040 !important; }

/* Forms (login / register / checkout / admin) */
input, select, textarea, .form-control, .form-select {
  background: #171717 !important;
  color: #ffffff !important;
  border: 1px solid #262626 !important;
}
input::placeholder, textarea::placeholder { color: #7a7a7a !important; }
.form-control:focus, .form-select:focus {
  border-color: #FF3040 !important;
  box-shadow: 0 0 0 0.15rem rgba(255,48,64,0.25) !important;
  background: #171717 !important;
  color: #fff !important;
}

/* Tables (cart / admin) */
table, .table { color: #e6e6e6 !important; }
.table thead th { color: #ffffff !important; border-color: #262626 !important; text-transform: uppercase; letter-spacing: .5px; }
.table td, .table th { border-color: #262626 !important; }
.table-striped > tbody > tr:nth-of-type(odd) > * { background: #131313 !important; color: #e6e6e6 !important; }

/* Bootstrap surface helpers → dark */
.bg-white, .bg-light { background: #171717 !important; color: #ffffff !important; }
.text-dark { color: #ffffff !important; }
.text-muted { color: #9A9A9A !important; }
hr { border-color: #262626 !important; opacity: 1; }
.dropdown-menu { background: #171717 !important; border: 0.5px solid #262626 !important; }
.dropdown-item { color: #e6e6e6 !important; }
.dropdown-item:hover { background: #0C0C0C !important; color: #FF3040 !important; }

.badge, .alert-danger { }
.alert { border-radius: 8px; }
.alert-danger { background: #2a0e11 !important; color: #ff6b74 !important; border: 1px solid #5a1a20 !important; }
.alert-success { background: #0e2a17 !important; color: #6be09a !important; border: 1px solid #1a5a35 !important; }

::selection { background: #FF3040; color: #0C0C0C; }