/* ========== 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; }
}