/*
Theme Name: Hoàn Tiền Nè – Cam Trắng
Theme URI: https://hoantienne.com/
Author: Hoàn Tiền Nè
Description: Theme cashback tối giản sử dụng logo gốc Hoàn Tiền Nè; một header duy nhất.
Version: 0.9.5
Requires at least: 6.3
Requires PHP: 8.0
Text Domain: htn-simple
*/
:root{--htn-orange:#f36a19;--htn-deep:#b8460f;--htn-ink:#29211c;--htn-muted:#706760;--htn-line:#f0e3d8;--htn-bg:#fffbf7}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--htn-bg);color:var(--htn-ink);font-family:'Questrial',Arial,sans-serif;font-size:16px;line-height:1.65}a{color:var(--htn-deep)}a:hover{color:var(--htn-orange)}
.htn-site-header{background:#fff;border-bottom:1px solid var(--htn-line);position:relative;z-index:5}.htn-site-inner{width:min(1216px,100%);margin:0 auto;padding-inline:24px}
.htn-topbar{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px}.htn-site-brand{text-decoration:none;display:inline-flex;align-items:center;gap:12px;color:#2d241f;white-space:nowrap}.htn-site-brand img{width:55px;height:55px;object-fit:contain;flex:none;filter:drop-shadow(0 2px 3px #be59111f)}.htn-site-brand span{display:flex;flex-direction:column;gap:2px}.htn-site-brand strong{font-size:21px;font-weight:700;letter-spacing:-.8px;line-height:1.2}.htn-site-brand small{font-size:14px;font-weight:580;letter-spacing:.1px;color:#9b8a7c}
.htn-site-nav ul{list-style:none;display:flex;align-items:center;gap:28px;margin:0;padding:0}.htn-site-nav a{text-decoration:none;color:#5a504a;font-size:14px;font-weight:700;white-space:nowrap}.htn-site-nav a:hover,.htn-site-nav a.is-current{color:#d35a17}.htn-site-nav .htn-header-action{display:inline-block;border-radius:11px;background:#f36a19;color:#fff;padding:12px 18px;font-weight:700;box-shadow:0 4px 15px #e76b1d22}.htn-site-nav .htn-header-action:hover{background:#d8520e;color:#fff}
.htn-site-main{min-height:70vh;padding:25px 24px 45px}.htn-site-main:has(.htn-cb){padding:0 24px 30px}.htn-theme .htn-cb{width:min(1150px,100%);max-width:1150px;margin:0 auto;min-height:0;padding:0 0 15px;background:transparent;border:0;box-shadow:none;font-family:inherit!important}.htn-theme .htn-cb .htn-header,.htn-theme .htn-cb .htn-footer{display:none!important}
.htn-theme .htn-cb .htn-page{padding:39px 0 12px}.htn-theme .htn-cb .htn-nav{display:none!important}
.htn-content{width:min(900px,100%);margin:28px auto;padding:38px;background:#fff;border:1px solid var(--htn-line);border-radius:18px}.htn-content h1{font-size:30px;line-height:1.3}
.htn-site-footer{background:#fff;border-top:1px solid var(--htn-line);padding:25px 0;color:#908177;font-size:14px}.htn-site-footer-flex{display:flex;justify-content:space-between;gap:16px}.htn-site-footer a{color:#84736a;text-decoration:none}.htn-site-footer a:hover{color:var(--htn-deep)}
@media(max-width:990px){.htn-site-nav ul{gap:17px}.htn-site-nav a{font-size:14px}.htn-site-inner{padding-inline:18px}.htn-site-brand strong{font-size:19px}}
@media(max-width:760px){.htn-topbar{min-height:70px;gap:10px}.htn-site-brand img{width:46px;height:46px}.htn-site-brand strong{font-size:17px}.htn-site-brand small{font-size:14px}.htn-site-nav li:not(:last-child){display:none}.htn-site-nav .htn-header-action{font-size:14px;padding:10px 12px}.htn-site-main:has(.htn-cb){padding:0 0 20px}.htn-site-main{padding:15px 13px 20px}.htn-theme .htn-cb .htn-page{padding:23px 14px 35px}.htn-site-footer{padding:18px 0 26px}.htn-site-footer-flex{flex-direction:column;gap:5px}.htn-content{padding:22px;margin:14px 0}}
@media(max-width:370px){.htn-site-brand small{display:none}.htn-site-nav .htn-header-action{padding:10px}.htn-site-brand strong{font-size:16px}}
@media(max-width:480px){
  .htn-site-inner{padding-inline:12px}
  .htn-site-brand{gap:7px;min-width:0}
  .htn-site-brand img{width:43px;height:43px}
  .htn-site-brand strong{font-size:16px;letter-spacing:-.5px}
  .htn-site-brand small{display:none}
  .htn-site-nav .htn-header-action{padding:10px 11px;font-size:14px}
}

/* Hoàn Tiền Nè · Questrial typography baseline / all public theme pages */
:root{--htn-font:'Questrial',Arial,sans-serif}
html{font-size:16px;-webkit-text-size-adjust:100%}
body{font-family:var(--htn-font);font-size:16px;line-height:1.65;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.htn-theme :is(button,input,select,textarea){font-family:var(--htn-font);font-size:16px}
.htn-site-brand strong{font-size:23px;line-height:1.18;letter-spacing:-.45px;font-weight:700}
.htn-site-brand small{font-size:14px;line-height:1.4;letter-spacing:0;color:#72645a}
.htn-site-nav a{font-size:16px;font-weight:700;line-height:1.35}
.htn-site-nav .htn-header-action{font-size:15px;min-height:46px;display:inline-flex;align-items:center;justify-content:center}
.htn-content{font-size:16px;line-height:1.75}
.htn-content h1{font-size:34px;line-height:1.25;letter-spacing:-.6px}
.htn-content :is(p,li){font-size:16px;line-height:1.75}
.htn-site-footer{font-size:14px;line-height:1.65;color:#74655a}
.htn-site-footer a{font-size:14px;color:#75563f}
@media(max-width:1000px){.htn-site-nav ul{gap:15px}.htn-site-nav a{font-size:15px}.htn-site-brand strong{font-size:21px}}
@media(max-width:760px){
  .htn-topbar{min-height:74px}
  .htn-site-brand strong{font-size:20px}
  .htn-site-nav .htn-header-action{font-size:14px;padding:11px 13px;line-height:1.3}
  .htn-site-footer{font-size:14px}
  .htn-content h1{font-size:27px}
}
@media(max-width:480px){
 .htn-site-inner{padding-inline:14px}
 .htn-site-brand img{width:44px;height:44px}
 .htn-site-brand strong{font-size:19px}
 .htn-site-nav .htn-header-action{font-size:14px;padding:10px 12px;max-width:145px;white-space:normal;text-align:center}
}
@media(max-width:360px){.htn-site-brand strong{font-size:18px}.htn-site-nav .htn-header-action{font-size:14px;padding-inline:8px}}

/* Avoid multi-line login CTA at narrow mobile widths */
.htn-nav-mobile{display:none}
@media(max-width:760px){.htn-nav-desktop{display:none}.htn-nav-mobile{display:inline}.htn-site-nav .htn-header-action{white-space:nowrap;min-width:104px}}

/* V0.9.5: informational pages and brand footer */
.htn-site-footer{padding:42px 0 18px;border-top:1px solid #f0e3d8;background:#fff}
.htn-footer-layout{display:grid;grid-template-columns:1.25fr .85fr 1.2fr;gap:52px;align-items:start}
.htn-footer-brand-top{display:flex;align-items:center;gap:10px;color:#39281e}
.htn-footer-brand-top img{width:48px;height:48px;object-fit:contain}
.htn-footer-brand-top div{display:flex;flex-direction:column}
.htn-footer-brand-top strong{font-size:20px;line-height:1.25}
.htn-footer-brand-top span{font-size:14px;color:#866f5d}
.htn-footer-brand p,.htn-footer-community p{font-size:15px;line-height:1.7;color:#6f625a;margin:14px 0}
.htn-footer-brand small{font-size:14px;color:#ca5b20}
.htn-site-footer h2{font:700 18px/1.35 'Questrial',Arial,sans-serif;color:#30231c;margin:5px 0 15px}
.htn-footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.htn-footer-links a{font-size:15px;line-height:1.4;color:#584b43;text-decoration:none}
.htn-footer-links a:hover{color:#c24b13}
.htn-social-buttons{display:flex;gap:9px;flex-wrap:wrap;align-items:stretch;margin:11px 0}
.htn-social-button{display:inline-flex;align-items:center;gap:8px;border:1px solid #efdccf;border-radius:12px;background:#fff8f3;color:#b54a17!important;font-size:15px!important;font-weight:700;text-decoration:none!important;min-height:44px;padding:10px 13px;line-height:1.3;transition:background .2s,border-color .2s}
.htn-social-button:hover{background:#fff0e5;border-color:#eebc9b}
.htn-social-dot{height:9px;width:9px;border-radius:50%;background:#e9782c;flex:none}
.htn-telegram .htn-social-dot{background:#239bd8}.htn-messenger .htn-social-dot{background:#7459ed}
.htn-social-inactive{opacity:.6;cursor:not-allowed;border-style:dashed;color:#78685b!important;background:#faf8f6}
.htn-social-inactive:hover{background:#faf8f6;border-color:#efdccf}
.htn-footer-email{display:inline-block;margin-top:10px;font-size:15px!important;word-break:break-word}
.htn-footer-bottom{display:flex;justify-content:space-between;gap:14px;align-items:center;border-top:1px solid #f2e7e0;margin-top:34px;padding-top:18px;font-size:14px;color:#87756a}
.htn-content{width:min(940px,100%);padding:42px 48px}
.htn-content h1{font-size:36px;letter-spacing:-.6px;margin:0 0 20px}
.htn-content h2{font-size:25px;line-height:1.35;color:#30231f;margin:30px 0 11px}
.htn-content .htn-info-lead h2{margin:0 0 13px;font-size:30px}
.htn-content .htn-info-lead{background:linear-gradient(125deg,#fff3e7,#fffaf5);border:1px solid #ffe2cd;border-radius:15px;padding:28px 30px;margin-bottom:24px}
.htn-content .htn-info-eyebrow{font-size:14px;font-weight:700;letter-spacing:.09em;color:#c95a17;margin-bottom:8px}
.htn-content p,.htn-content li{color:#655b54;font-size:16px;line-height:1.8}
.htn-content ul{padding-left:22px}
.htn-contact-details{margin:15px 0}.htn-contact-details p{margin:5px 0}
.htn-content .htn-social-buttons{margin:12px 0 24px}
@media(max-width:920px){.htn-footer-layout{grid-template-columns:1fr 1fr;gap:25px}.htn-footer-community{grid-column:1/-1}.htn-site-footer{padding-top:32px}}
@media(max-width:660px){.htn-footer-layout{grid-template-columns:1fr;gap:26px}.htn-footer-community{grid-column:auto}.htn-site-footer{padding-top:28px}.htn-footer-bottom{flex-direction:column;align-items:flex-start;margin-top:25px;padding-top:15px}.htn-content{padding:24px 19px}.htn-content h1{font-size:28px}.htn-content h2{font-size:23px}.htn-content .htn-info-lead h2{font-size:26px}.htn-content .htn-info-lead{padding:20px 18px}.htn-social-buttons{gap:8px}.htn-social-button{font-size:14px!important;padding:10px 11px}}

/* 0.9.5 public layout guard */
.htn-site-main{overflow-x:clip}.htn-site-header,.htn-site-footer{max-width:100%}