@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=JetBrains+Mono:wght@400;500&display=swap');

/* =====================================================================
   TIGERNETHOST brand skin for the PHOX client login
   Applied via custom.css (loaded last). Backup: custom.css.bak-*
   Tokens: ink #100F0C · cream #F4EEE2 · orange #E85C16 / deep #B8430C
   ===================================================================== */

/* ---- Fonts across the account page ---- */
.wdes-wrap-account-page,
.wdes-wrap-account-page * {
  font-family:'Space Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
}
/* ...but keep Font Awesome on icon glyphs (don't turn them into tofu) */
.wdes-wrap-account-page i,
.wdes-wrap-account-page .fa,
.wdes-wrap-account-page .fas,
.wdes-wrap-account-page .far,
.wdes-wrap-account-page .fal,
.wdes-wrap-account-page .fad,
.wdes-wrap-account-page .fab,
.wdes-wrap-account-page [class*="fa-"],
.wdes-wrap-account-page [class^="fa-"]{
  font-family:"Font Awesome 5 Pro","Font Awesome 5 Brands","Font Awesome 5 Duotone","FontAwesome" !important;
}

/* ---- Page: ink brand field + soft orange glow + tiger watermark ---- */
.wdes-wrap-account-page {
  position:relative !important;
  background:
    radial-gradient(120% 90% at 12% 10%, rgba(232,92,22,.18), transparent 55%),
    #100F0C !important;
}
.wdes-wrap-account-page::after {
  content:""; position:absolute; right:-4%; bottom:-10%;
  width:56%; max-width:620px; height:72%;
  background:url('/templates/tnh-new2/img/header/tiger-full.png') right bottom/contain no-repeat;
  opacity:.09; z-index:0; pointer-events:none;
}

/* ---- Announcements carousel (news) reads on the dark field ---- */
.wdes-account-page-announcement-single_date{
  color:#B7AE9E !important; font-family:'JetBrains Mono',monospace !important;
  font-size:12px !important; letter-spacing:.04em !important;
}
.wdes-account-page-announcement-single_title{ color:#F4EEE2 !important; letter-spacing:-.01em !important; }
.wdes-account-page-announcement-single_description{ color:#B7AE9E !important; }
.btn.wdes-account-page-announcement-single_btn{
  background:transparent !important; color:#F4EEE2 !important;
  border:1px solid rgba(244,238,226,.30) !important; border-radius:7px !important;
}
.btn.wdes-account-page-announcement-single_btn:hover{ border-color:#E85C16 !important; color:#E85C16 !important; }
.wdes-announcements-carousel .carousel-indicators li{ background:rgba(244,238,226,.35) !important; border:none !important; }
.wdes-announcements-carousel .carousel-indicators li.active{ background:#E85C16 !important; }

/* ---- Login card ---- */
.wdes-wrap-account-page_main_article{
  background:#FFFFFF !important;
  border:1px solid rgba(16,15,12,.12) !important;
  border-radius:12px !important;
  box-shadow:0 30px 60px -34px rgba(16,15,12,.45) !important;
  padding:38px 38px 30px !important;
}

/* ---- Heading ("Secure Client Login" / restricted) ---- */
.wdes-wrap-account-page_main-article_heading{ margin-bottom:22px !important; }
.wdes-wrap-account-page_main-article_heading h1,
.wdes-wrap-account-page_main-article_heading h2,
.wdes-wrap-account-page_main-article_heading .page-header,
.wdes-wrap-account-page_main-article_heading .page-header-title{
  color:#100F0C !important; font-weight:700 !important; letter-spacing:-.02em !important; border:none !important;
}

/* ---- Field labels (mono, uppercase) ---- */
.login-form label{
  font-family:'JetBrains Mono',monospace !important;
  font-size:10.5px !important; letter-spacing:.14em !important;
  text-transform:uppercase !important; color:#857C6E !important; font-weight:500 !important;
}
.wdes-btn-forget{
  color:#E85C16 !important; text-transform:none !important; letter-spacing:0 !important;
  font-family:'JetBrains Mono',monospace !important;
}

/* ---- Inputs ---- */
.wdes-wrap-account-page .form-control{
  height:48px !important; padding:0 14px !important;
  border:1px solid rgba(16,15,12,.12) !important; border-radius:7px !important;
  background:#EDE5D3 !important; color:#100F0C !important; box-shadow:none !important;
}
.wdes-wrap-account-page .form-control:focus{
  border-color:#100F0C !important; box-shadow:0 0 0 3px rgba(232,92,22,.22) !important;
}

/* ---- Remember me ---- */
.wdes-rememberme{ color:#100F0C !important; font-size:13.5px !important; }
.wdes-rememberme input{ accent-color:#E85C16 !important; }

/* ---- Primary login button ---- */
.wdes-wrap-account-page .btn-primary,
input#login.btn-primary,
.wdes-wrap-account-page_main-article_form_action{
  background:#E85C16 !important; border-color:#E85C16 !important; color:#FFFFFF !important;
  border-radius:7px !important; height:50px !important; font-weight:500 !important;
  box-shadow:none !important; text-shadow:none !important;
}
.wdes-wrap-account-page .btn-primary:hover,
input#login.btn-primary:hover,
.wdes-wrap-account-page_main-article_form_action:hover{
  background:#B8430C !important; border-color:#B8430C !important;
}

/* ---- Social / Facebook -> secondary outline ---- */
.wdes-wrap-account-page .btn-facebook,
.wdes-wrap-account-page .fb-login-button,
.wdes-wrap-account-page .btn-social{
  background:#FFFFFF !important; color:#100F0C !important;
  border:1px solid rgba(16,15,12,.12) !important; box-shadow:none !important;
}
.wdes-wrap-account-page .btn-facebook:hover{ border-color:#100F0C !important; }

/* ---- Register + language ---- */
.wdes-register{ color:#E85C16 !important; }
.wdes-wrap-account-page_main-article_form_actions_language{
  color:#857C6E !important; border:1px solid rgba(16,15,12,.12) !important;
  border-radius:999px !important; background:#FFFFFF !important;
}