/* ========== n3t aMember theme CSS (WordPress wrapper OFF) ========== */
/* You can tweak the color vars below to change the whole look quickly */
:root{
  --brand-bg:#000000;       /* page background */
  --brand-text:#ffffff;     /* base text color */
  --brand-accent:#ffffff;   /* links/buttons (set to brand color if you prefer) */
  --brand-muted:#2b2b2b;    /* input borders/dividers */
  --brand-yellow:#f3e42d;   /* optional accent you use on site */
}

/* DIN font (matches your Divi Additional CSS) */
@font-face{
  font-family:"Din";
  src:url("https://ninetythreetwenty.com/wp-content/uploads/2019/08/din1451.ttf") format("truetype");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

/* Base reset matching your site */
html, body.am-body{ background:var(--brand-bg); color:var(--brand-text); }
.am-body,
.am-body input, .am-body select, .am-body textarea, .am-body button{
  font-family:"Din", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color:var(--brand-text);
}
img{ max-width:100%; height:auto; }
html{ font-synthesis:none; } /* avoid fake bold/italic */

/* Layout: centered like Divi pages */
.am-main{ max-width:1080px; margin:2rem auto; }
.am-content{ text-align:center; }

/* Kill default blue/white panels */
.am-panel, .am-block, .am-info, .am-tabs, .am-widget, .am-coupon, .am-cart,
.am-layout-two .am-column{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Optional: hide aMember’s built-in top menu/breadcrumbs (uncomment to hide) */
/* .am-top, .am-nav, .am-breadcrumbs, .am-header-menu-wrapper{ display:none !important; } */

/* Header/logo size if you include it in layout.phtml */
.am-header-logo-wrapper img{ max-width:220px; height:auto; }

/* Typography */
h1{ font-size:40px; font-weight:400; font-family:"Din"; }
h2, h3, h4{ font-family:"Din"; }
a{ color:var(--brand-accent); text-decoration:underline; }
a:hover{ opacity:.85; }

/* Forms: centered block, left-aligned fields */
.am-form{ max-width:520px; margin:2rem auto; text-align:left; }
.am-form label{ color:var(--brand-text); }
.am-form .am-row{ margin-bottom:14px; }
.am-form input, .am-form select, .am-form textarea{
  background:transparent;
  color:var(--brand-text);
  border:1px solid var(--brand-muted);
  border-radius:6px;
  padding:12px 14px;
  width:100%;
  box-sizing:border-box;
}
.am-form ::placeholder{ color:#aaaaaa; }
.am-form input:focus, .am-form select:focus, .am-form textarea:focus{
  outline:0;
  border-color:#666;
}

/* Buttons (mapped from your WP submit styles) */
.am-btn, .am-form .am-form-actions .am-btn{
  background:#ffffff;
  color:#000000;
  border:1px solid #bcbbba;
  border-radius:6px;
  padding:12px 18px;
  cursor:pointer;
  font-weight:700;
  text-decoration:none;
  display:inline-block;
}
.am-btn:hover, .am-form .am-form-actions .am-btn:hover{
  border-color:#000000;
  filter:brightness(0.95);
}

/* Alerts (optional tidy) */
.am-error, .am-error-msg{
  background:transparent;
  color:#ffb3b3;
  border-left:3px solid #ff5a5a;
  padding:10px 12px;
}
.am-success, .am-success-msg{
  background:transparent;
  color:#b6f7c1;
  border-left:3px solid #29c76f;
  padding:10px 12px;
}

/* Widgets/sidebars if present */
.widget-content, .sidebar{ background:#000000; }
.widgettitle{
  color:var(--brand-yellow);
  border-bottom:2px solid #82badb;
  margin-bottom:25px;
}

/* Footer: hide default credit if you don’t want it (matches layout.phtml change) */
.am-credits{ display:none !important; }

/* Small helpers */
.hr, hr{
  border:0; height:1px; background:var(--brand-muted);
  max-width:800px; margin:2rem auto;
}

/* Make any fullwidth images in content behave (eg. help pages) */
.am-body .am-content img{ display:block; margin:0 auto; }

/* Responsive tweaks */
@media (max-width:600px){
  .am-main{ margin:1rem auto; padding:0 12px; }
  .am-form{ max-width:100%; }
  .am-header-logo-wrapper img{ max-width:180px; }
}
/* --- FORCE BLACK PAGE + TRANSPARENT WRAPPERS --- */
html, body { background:#000 !important; }
.am-layout, .am-body { background:#000 !important; color:#fff !important; }

/* Core wrappers that ship with white backgrounds */
.am-main,
.am-body-content-wrapper,
.am-body-content,
.am-signup,
.am-row,
.am-element,
.am-element-title,
.am-info,
.am-panel,
.am-block,
.am-widget,
.am-tabs,
.am-coupon,
.am-cart {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Text colours inside the form/choices */
.am-body h1, .am-body h2, .am-body h3,
.am-element-title label,
.am-form label,
.am-paysystem-title,
.am-product-title, .am-product-terms, .am-product-desc,
.am-info, .comment {
  color:#fff !important;
}

/* Inputs + buttons (keep from earlier) */
.am-form { max-width:520px; margin:2rem auto; text-align:left; }
.am-form input, .am-form select, .am-form textarea {
  background: transparent !important;
  color:#fff !important;
  border:1px solid #2b2b2b !important;
  border-radius:6px; padding:12px 14px; width:100%; box-sizing:border-box;
}
.am-form ::placeholder { color:#aaa; }

.am-btn, .am-form .am-form-actions .am-btn {
  background:#fff !important; color:#000 !important;
  border:1px solid #bcbbba !important;
  border-radius:6px; padding:12px 18px; font-weight:700; cursor:pointer;
}

/* Center the content like your site */
.am-main { max-width:1080px; margin:2rem auto; }
.am-content { text-align:center; }

/* Logo size (optional) */
.am-header-logo-wrapper img { max-width:220px; height:auto; }

/* Links */
a { color:#fff; text-decoration:underline; }
a:hover { opacity:.85; }

/* Tidy errors/success (optional) */
.am-error, .am-error-msg { color:#ffb3b3; border-left:3px solid #ff5a5a; background:transparent; padding:10px 12px; }
.am-success, .am-success-msg { color:#b6f7c1; border-left:3px solid #29c76f; background:transparent; padding:10px 12px; }
/* Nuke the white card on the form container */
.am-body .am-form form,
.am-signup .am-form form,
.am-form form {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Also clear any inner “row/card” whites some templates add */
.am-body .am-form .am-row,
.am-body .am-form .element,
.am-body .am-form .element-title,
.am-body .am-info,
.am-body .am-panel {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Make labels/text readable on dark */
.am-body .am-form label,
.am-body .am-element-title label,
.am-body .am-info,
.am-body .comment,
.am-body .am-product-title,
.am-body .am-product-terms,
.am-body .am-product-desc,
.am-body .am-paysystem-title,
.am-body .am-paysystem-desc {
  color: #fff !important;
}

/* Inputs keep your dark look */
.am-body .am-form input,
.am-body .am-form select,
.am-body .am-form textarea {
  background: transparent !important;
  color: #fff !important;
  border: 1px solid #2b2b2b !important;
}

/* jQuery UI widgets sometimes inject white */
.am-body .ui-widget-content,
.am-body .ui-widget-header {
  background: transparent !important;
  border: 0 !important;
}

/* Ensure page background stays black */
html, body, .am-layout, .am-body { background:#000 !important; color:#fff !important; }
/* --- Kill white on the main content area & all its wrappers --- */
html, body, .am-layout, .am-body { background:#000 !important; color:#fff !important; }

.am-body .am-body-content-wrapper,
.am-body .am-body-content,
.am-body .am-body-content-top,
.am-body .am-body-content-content,
.am-body .am-main {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Two-column dashboard layout */
.am-body .am-layout-two-coll,
.am-body .am-layout-two-coll-top,
.am-body .am-layout-two-coll-bottom,
.am-body .am-coll-left,
.am-body .am-coll-right,
.am-body .am-coll-content {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Widgets/blocks (Active Subscriptions, Resources, Useful Links) */
.am-body .am-widget,
.am-body .am-block,
.am-body #member-main-subscriptions,
.am-body #member-main-resources,
.am-body #member-main-links,
.am-body .am-widget-list,
.am-body .am-widget-list li {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
}

/* Tabs/toolbar bar at the top */
.am-body .am-account-toolbar,
.am-body .am-tabs-wrapper,
.am-body .am-tabs,
.am-body .am-tabs-narrow-wrapper,
.am-body .am-tabs-narrow {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.am-body .am-tabs a,
.am-body .am-tabs-narrow a { color:#fff !important; }
.am-body .am-tabs li.active a,
.am-body .am-tabs-narrow li.active a { border-bottom:2px solid #fff !important; }

/* “Filter” search input on Resources list */
.am-body .am-input-filter-wrapper,
.am-body .am-input-filter-inner-wrapper {
  background: transparent !important;
  border:1px solid #2b2b2b !important;
}
.am-body .am-input-filter { background: transparent !important; color:#fff !important; }
.am-body .am-input-filter-empty { display:none !important; }
/* === Tabs/Toolbar: clean dark theme =================================== */
/* Make wrappers transparent */
.am-body .am-account-toolbar,
.am-body .am-tabs-wrapper,
.am-body .am-tabs,
.am-body .am-tabs-narrow-wrapper,
.am-body .am-tabs-narrow,
.am-body .am-tabs-narrow-wrapper-tail {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Base link style for tabs (desktop + narrow) */
.am-body .am-tabs li a,
.am-body .am-tabs-narrow li a {
  display: inline-block;
  padding: 8px 12px;
  color: #ccc !important;
  background: transparent !important;          /* kill grey pill */
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

/* Hover/focus */
.am-body .am-tabs li a:hover,
.am-body .am-tabs-narrow li a:hover,
.am-body .am-tabs li a:focus,
.am-body .am-tabs-narrow li a:focus {
  color: #fff !important;
  border-bottom-color: #666 !important;
}

/* Active tab */
.am-body .am-tabs li.active a,
.am-body .am-tabs-narrow li.active a {
  color: #fff !important;
  background: transparent !important;
  border-bottom-color: #fff !important;
}

/* The little mobile icons/buttons */
.am-body .am-tabs-narrow-switch,
.am-body .am-tabs-narrow-dashboard {
  color: #fff !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Optional: tighten spacing */
.am-body .am-tabs li,
.am-body .am-tabs-narrow li { margin-right: .75rem; }
/* === Tabs/Toolbar: compact pill buttons, black text on grey ================= */

/* Remove extra space from wrappers */
.am-body .am-account-toolbar,
.am-body .am-tabs-wrapper,
.am-body .am-tabs-narrow-wrapper {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
}

/* Lay out tabs in a tight row (no big gaps) */
.am-body .am-tabs,
.am-body .am-tabs-narrow {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;                    /* spacing BETWEEN buttons */
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  background: transparent !important;
  border: 0 !important;
}
.am-body .am-tabs li,
.am-body .am-tabs-narrow li {
  margin: 0 !important;
  padding: 0 !important;
}

/* Button look (pill) */
.am-body .am-tabs li a,
.am-body .am-tabs-narrow li a {
  display: inline-block;
  padding: 6px 12px !important;
  background: #e5e5e5 !important;     /* light grey */
  color: #000 !important;              /* black text */
  border: 1px solid #cfcfcf !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
}

/* Active tab (yellow accent) */
.am-body .am-tabs li.active a,
.am-body .am-tabs-narrow li.active a {
  background: #f3e42d !important;
  border-color: #f3e42d !important;
  color: #000 !important;
}

/* Hover */
.am-body .am-tabs li a:hover,
.am-body .am-tabs-narrow li a:hover {
  filter: brightness(0.95);
}

/* Mobile narrow controls (style them like pills too) */
.am-body .am-tabs-narrow-switch,
.am-body .am-tabs-narrow-dashboard {
  background: #e5e5e5 !important;
  color: #000 !important;
  border: 1px solid #cfcfcf !important;
  border-radius: 999px !important;
  padding: 6px 12px !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

/* Kill any tail/triangle that creates extra dark area */
.am-body .am-tabs-narrow-wrapper-tail { display: none !important; }

/* Reduce any leftover top-bar spacing */
.am-body .am-body-content-top { margin-bottom: 12px !important; }

/* Center the header logo on all devices */
.am-header-logo-wrapper { text-align: center !important; }

/* Responsive logo sizing + centering */
.am-header-content-logo{
  display: block !important;
  margin: 16px auto !important;
  width: clamp(160px, 40vw, 320px) !important; /* min 160px, scale, max 320px */
  height: auto !important;
}

/* If aMember wraps the logo link differently, center that too */
.n3t-logo-link { display: inline-block; }


#widget-member-main-links,
#widget-member-main-resources { display:none !important; }