/* =============================================
   QH Carbon -- Global Customizer CSS
   Paste this into: Appearance > Customize > Additional CSS
   ============================================= */

/* -- TML Login/Register/Password Forms -- */
.tml {
  max-width: 420px;
  margin: 0 auto;
  padding: 40px 0;
}

.tml label {
  display: block;
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 11px;
  font-weight: 500;
  color: rgba(255,255,255,0.45);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 8px;
}

.tml input[type="text"],
.tml input[type="email"],
.tml input[type="password"] {
  width: 100%;
  padding: 12px 16px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 4px;
  color: #fff;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  outline: none;
  box-sizing: border-box;
  margin-bottom: 16px;
}

.tml input[type="text"]:focus,
.tml input[type="email"]:focus,
.tml input[type="password"]:focus {
  border-color: #B8964E;
  background: rgba(255,255,255,0.06);
}

.tml input[type="submit"],
.tml .button-primary {
  width: 100%;
  padding: 14px;
  background: #B8964E;
  color: #141414;
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.tml input[type="submit"]:hover,
.tml .button-primary:hover {
  background: #c9a85e;
}

.tml a {
  color: #B8964E;
  font-size: 13px;
}

.tml a:hover {
  color: #d4b872;
}

.tml p {
  font-family: 'Inter', sans-serif;
  color: rgba(255,255,255,0.5);
  font-size: 13px;
}

.tml .tml-alerts,
.tml .tml-errors {
  background: rgba(239,68,68,0.08);
  border: 1px solid rgba(239,68,68,0.2);
  border-radius: 4px;
  padding: 12px 16px;
  margin-bottom: 20px;
  color: #ef4444;
  font-size: 13px;
}

.tml .tml-messages {
  background: rgba(16,185,129,0.08);
  border: 1px solid rgba(16,185,129,0.2);
  border-radius: 4px;
  padding: 12px 16px;
  margin-bottom: 20px;
  color: #10b981;
  font-size: 13px;
}

/* -- Force dark background on TML action pages -- */
body.tml-action,
body.tml-action .site,
body.tml-action .entry-content,
body.tml-action main,
body.tml-action article,
body.tml-action .post-content {
  background: #141414 !important;
  color: rgba(255,255,255,0.85) !important;
}

body.tml-action .site-header,
body.tml-action .site-footer {
  background: #141414 !important;
  border-color: rgba(184,150,78,0.1) !important;
}

/* -- WordPress login page styling (wp-login.php) -- */
body.login {
  background: #141414 !important;
  font-family: 'Inter', -apple-system, sans-serif !important;
}

body.login #login {
  padding-top: 80px;
}

body.login #login h1 a {
  background-image: url('https://henryv9f97e49f05-hovem.wpcomstaging.com/wp-content/uploads/2026/03/Logo-A-Symbol-Gold-Dark.png') !important;
  background-size: contain !important;
  width: 80px !important;
  height: 80px !important;
  margin-bottom: 24px;
}

body.login form {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(184,150,78,0.12) !important;
  border-radius: 6px !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.3) !important;
  padding: 24px !important;
}

body.login form label {
  color: rgba(255,255,255,0.5) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
}

body.login form input[type="text"],
body.login form input[type="password"],
body.login form input[type="email"] {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 4px !important;
  color: #fff !important;
  font-size: 14px !important;
  padding: 10px 14px !important;
}

body.login form input[type="text"]:focus,
body.login form input[type="password"]:focus,
body.login form input[type="email"]:focus {
  border-color: #B8964E !important;
  box-shadow: 0 0 0 2px rgba(184,150,78,0.15) !important;
  background: rgba(255,255,255,0.06) !important;
}

body.login form .button-primary,
body.login form input[type="submit"] {
  background: #B8964E !important;
  border: none !important;
  border-radius: 4px !important;
  color: #141414 !important;
  font-weight: 600 !important;
  text-shadow: none !important;
  box-shadow: none !important;
  font-size: 13px !important;
  padding: 8px 20px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

body.login form .button-primary:hover,
body.login form input[type="submit"]:hover {
  background: #c9a85e !important;
}

body.login #login_error,
body.login .message {
  border-left-color: #B8964E !important;
  background: rgba(255,255,255,0.03) !important;
  color: rgba(255,255,255,0.7) !important;
  box-shadow: none !important;
  border-radius: 4px !important;
}

body.login #login_error {
  border-left-color: #ef4444 !important;
}

body.login #login_error a {
  color: #B8964E !important;
}

body.login .message a {
  color: #B8964E !important;
}

body.login #nav,
body.login #backtoblog {
  text-align: center;
}

body.login #nav a,
body.login #backtoblog a {
  color: rgba(255,255,255,0.4) !important;
  font-size: 13px !important;
}

body.login #nav a:hover,
body.login #backtoblog a:hover {
  color: #B8964E !important;
}

body.login .privacy-policy-page-link a {
  color: rgba(255,255,255,0.3) !important;
}

body.login .wp-pwd .button.wp-hide-pw {
  color: rgba(255,255,255,0.4) !important;
}

body.login .forgetmenot label {
  color: rgba(255,255,255,0.4) !important;
  font-size: 12px !important;
}

/* -- Dashboard and member page content -- */
.page-id-174 .entry-content,
.page-id-41 .entry-content,
.page-id-42 .entry-content,
.page-id-43 .entry-content,
.page-id-44 .entry-content,
.page-id-45 .entry-content,
.page-id-46 .entry-content,
.page-id-47 .entry-content,
.page-id-48 .entry-content,
.page-id-52 .entry-content {
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* -- Hide default page title on custom pages -- */
.page-id-174 .entry-title,
.page-id-41 .entry-title,
.page-id-42 .entry-title,
.page-id-43 .entry-title,
.page-id-44 .entry-title,
.page-id-45 .entry-title,
.page-id-46 .entry-title,
.page-id-47 .entry-title,
.page-id-48 .entry-title,
.page-id-52 .entry-title,
.page-id-106 .entry-title,
.page-id-5 .entry-title,
.page-id-6 .entry-title,
.page-id-7 .entry-title,
.page-id-8 .entry-title,
.page-id-9 .entry-title,
.page-id-10 .entry-title,
.page-id-11 .entry-title {
  display: none !important;
}

/* -- Force full width on wp:html blocks -- */
.entry-content .wp-block-html {
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
}

/* -- Hide theme thumbnails on custom pages -- */
.page-id-5 .post-thumbnail,
.page-id-6 .post-thumbnail,
.page-id-7 .post-thumbnail,
.page-id-8 .post-thumbnail,
.page-id-9 .post-thumbnail,
.page-id-10 .post-thumbnail,
.page-id-11 .post-thumbnail,
.page-id-41 .post-thumbnail,
.page-id-42 .post-thumbnail,
.page-id-43 .post-thumbnail,
.page-id-44 .post-thumbnail,
.page-id-45 .post-thumbnail,
.page-id-46 .post-thumbnail,
.page-id-47 .post-thumbnail,
.page-id-48 .post-thumbnail,
.page-id-52 .post-thumbnail,
.page-id-106 .post-thumbnail,
.page-id-174 .post-thumbnail {
  display: none !important;
}