/* =======================================
   NCT RECYCLING — GLOBAL VARIABLES
   ======================================= */
:root {
  --nct-navy: #0b2a45;
  --nct-gold: #d49a22;
  --nct-text: #0b2a45;
  --nct-muted: #5a6b7b;
  --nct-bg: #ffffff;
  --nct-light: #f6f8fb;
}

/* =======================================
   HEADER & FOOTER BASE STYLES
   ======================================= */
.nct-header {
  background: var(--nct-bg);
  border-bottom: 1px solid #e7edf3;
  color: var(--nct-text);
}
.nct-header a {
  color: var(--nct-text);
  text-decoration: none;
  transition: color 0.3s ease;
}
.nct-header a:hover {
  color: var(--nct-gold);
}

.nct-footer {
  background: var(--nct-bg);
  color: var(--nct-text);
  text-align: center;
  padding: 20px 0;
  border-top: 1px solid #e7edf3;
}
.nct-footer a {
  color: var(--nct-text);
}
.nct-footer a:hover {
  color: var(--nct-gold);
}

/* =======================================
   ACCOUNT PORTAL — BASE STYLES
   ======================================= */
.um-account {
  background: var(--nct-bg);
  border-radius: 8px;
  padding: 20px;
  color: var(--nct-text);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}
.um-account .um-account-side {
  background: var(--nct-light);
  border-radius: 8px 0 0 8px;
  padding: 15px;
}
.um-account .um-account-side li a {
  color: var(--nct-text);
  font-weight: 500;
  display: block;
  padding: 8px 12px;
  border-radius: 6px;
  transition: all 0.2s ease;
}
.um-account .um-account-side li a:hover,
.um-account .um-account-side li.active a {
  background: var(--nct-gold);
  color: #fff;
}
.um-account form input[type="text"],
.um-account form input[type="email"],
.um-account form input[type="password"] {
  border: 1px solid #dbe3ea;
  border-radius: 6px;
  padding: 10px;
  width: 100%;
  color: var(--nct-text);
}
.um-account form input:focus {
  border-color: var(--nct-gold);
  outline: none;
  box-shadow: 0 0 3px rgba(212, 154, 34, 0.3);
}
.um-account .um-button {
  background: var(--nct-navy);
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 10px 20px;
  cursor: pointer;
  font-weight: 600;
  transition: background-color 0.2s ease;
}
.um-account .um-button:hover {
  background: var(--nct-gold);
}

/* =======================================
   REMOVE LARGE LOGOS ON ACCOUNT PAGE
   ======================================= */
/* Replace 1611 with your actual Account Page ID if needed */
body.page-id-1611 .custom-logo,
body.page-id-1611 a.custom-logo-link,
body.page-id-1611 .site-footer .custom-logo,
body.page-id-1611 .site-footer .site-logo,
body.page-id-1611 .site-footer .site-branding.show-logo,
body.page-id-1611 header .custom-logo,
body.page-id-1611 header .custom-logo-link {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
}

/* =======================================
   HEADER LOGO SIZE (NORMAL PAGES)
   ======================================= */
.site-header .site-branding,
.site-header .site-logo,
.site-header .header-inner {
  display: flex;
  align-items: center;
}
.site-header a.custom-logo-link {
  display: inline-block !important;
  width: auto !important;
  max-width: 220px !important;
  padding: 6px 0 !important;
  line-height: 1 !important;
}
.site-header a.custom-logo-link img.custom-logo {
  height: 48px !important;
  width: auto !important;
  max-width: 100% !important;
}

/* =======================================
   RESPONSIVE TWEAKS
   ======================================= */
@media (max-width: 768px) {
  .site-header a.custom-logo-link {
    max-width: 180px !important;
  }
  .site-header a.custom-logo-link img.custom-logo {
    height: 38px !important;
  }
  .um-account {
    padding: 15px;
  }
  .um-account .um-account-side {
    border-radius: 8px;
    margin-bottom: 15px;
  }
}