/**
 * HangNgoaiShop 3.9.55.67 — Account & Order Tracking Quiet Premium
 * Presentation only. WooCommerce account endpoints, forms, customer data,
 * order lookup and tracking behavior remain unchanged.
 */

body.yhn-account-quiet-premium,
body.yhn-order-tracking-quiet-premium{
  --yhn-acct-bg:#faf9f7;
  --yhn-acct-surface:#fff;
  --yhn-acct-surface-soft:#f7f5f2;
  --yhn-acct-text:#303137;
  --yhn-acct-text-2:#55545b;
  --yhn-acct-muted:#88848a;
  --yhn-acct-border:#e7e3df;
  --yhn-acct-border-soft:#efedea;
  --yhn-acct-accent:#c9176b;
  --yhn-acct-accent-hover:#a81258;
  --yhn-acct-accent-soft:#fff5f8;
}

/* =========================================================
   1) SHARED ACCOUNT SHELL
   ========================================================= */
body.yhn-account-quiet-premium .page-wrapper,
body.yhn-order-tracking-quiet-premium .page-wrapper,
body.yhn-account-quiet-premium #main,
body.yhn-order-tracking-quiet-premium #main{
  background:var(--yhn-acct-bg);
}

body.yhn-account-quiet-premium .page-inner,
body.yhn-order-tracking-quiet-premium .page-inner{
  padding-top:28px;
  padding-bottom:38px;
}

body.yhn-account-quiet-premium .woocommerce,
body.yhn-order-tracking-quiet-premium .woocommerce{
  color:var(--yhn-acct-text-2);
}

body.yhn-account-quiet-premium .woocommerce a,
body.yhn-order-tracking-quiet-premium .woocommerce a{
  color:var(--yhn-acct-accent);
  text-decoration:none;
}

body.yhn-account-quiet-premium .woocommerce a:hover,
body.yhn-order-tracking-quiet-premium .woocommerce a:hover{
  color:var(--yhn-acct-accent-hover);
}

body.yhn-account-quiet-premium .woocommerce h1,
body.yhn-account-quiet-premium .woocommerce h2,
body.yhn-account-quiet-premium .woocommerce h3,
body.yhn-account-quiet-premium .woocommerce h4,
body.yhn-order-tracking-quiet-premium .woocommerce h1,
body.yhn-order-tracking-quiet-premium .woocommerce h2,
body.yhn-order-tracking-quiet-premium .woocommerce h3,
body.yhn-order-tracking-quiet-premium .woocommerce h4{
  color:var(--yhn-acct-text);
  letter-spacing:.005em;
}

/* =========================================================
   2) MY ACCOUNT — QUIET HUB
   ========================================================= */
body.yhn-account-quiet-premium .woocommerce-MyAccount-content,
body.yhn-account-quiet-premium .account-container{
  min-width:0;
}

body.yhn-account-quiet-premium .woocommerce-MyAccount-content{
  padding:24px 26px;
  border:1px solid var(--yhn-acct-border);
  border-radius:12px;
  background:var(--yhn-acct-surface);
  box-shadow:0 10px 28px rgba(30,27,31,.035);
}

body.yhn-account-quiet-premium .woocommerce-MyAccount-content > p:first-child{
  margin-top:0;
  margin-bottom:13px;
  color:var(--yhn-acct-text-2);
  font-size:14px;
  line-height:1.65;
}

body.yhn-account-quiet-premium .woocommerce-MyAccount-content > p{
  color:#6b686e;
  font-size:13.5px;
  line-height:1.7;
}

/* Flatsome dashboard links + common custom account grids. */
body.yhn-account-quiet-premium .dashboard-links,
body.yhn-account-quiet-premium .woocommerce-MyAccount-content .dashboard-links,
body.yhn-account-quiet-premium .woocommerce-MyAccount-content > ul.dashboard-links{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px;
  margin:20px 0 4px!important;
  padding:0!important;
  list-style:none!important;
}

body.yhn-account-quiet-premium .dashboard-links li{
  width:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}

body.yhn-account-quiet-premium .dashboard-links li a{
  position:relative;
  display:flex!important;
  align-items:center;
  min-height:56px;
  padding:13px 40px 13px 15px!important;
  border:1px solid var(--yhn-acct-border)!important;
  border-radius:9px!important;
  background:#fff!important;
  color:var(--yhn-acct-text-2)!important;
  font-size:13px!important;
  font-weight:620!important;
  letter-spacing:.01em;
  text-align:left!important;
  box-shadow:none!important;
  transition:border-color .18s ease,background .18s ease,color .18s ease;
}

body.yhn-account-quiet-premium .dashboard-links li a::after{
  content:"→";
  position:absolute;
  right:15px;
  top:50%;
  transform:translateY(-50%);
  color:#aaa5aa;
  font-size:15px;
  font-weight:500;
}

body.yhn-account-quiet-premium .dashboard-links li a:hover{
  border-color:#dbd4d0!important;
  background:#fcfbfa!important;
  color:var(--yhn-acct-text)!important;
}

body.yhn-account-quiet-premium .dashboard-links li a:hover::after{
  color:var(--yhn-acct-accent);
}

/* Standard WooCommerce / Flatsome account navigation on endpoints. */
body.yhn-account-quiet-premium .woocommerce-MyAccount-navigation,
body.yhn-account-quiet-premium .account-nav,
body.yhn-order-tracking-quiet-premium .woocommerce-MyAccount-navigation,
body.yhn-order-tracking-quiet-premium .account-nav{
  margin-bottom:18px;
  border:1px solid var(--yhn-acct-border);
  border-radius:11px;
  background:var(--yhn-acct-surface);
  overflow:hidden;
  box-shadow:none;
}

body.yhn-account-quiet-premium .woocommerce-MyAccount-navigation ul,
body.yhn-account-quiet-premium .account-nav ul,
body.yhn-order-tracking-quiet-premium .woocommerce-MyAccount-navigation ul,
body.yhn-order-tracking-quiet-premium .account-nav ul{
  margin:0!important;
  padding:6px!important;
  list-style:none!important;
}

body.yhn-account-quiet-premium .woocommerce-MyAccount-navigation li,
body.yhn-account-quiet-premium .account-nav li,
body.yhn-order-tracking-quiet-premium .woocommerce-MyAccount-navigation li,
body.yhn-order-tracking-quiet-premium .account-nav li{
  margin:0!important;
  border:0!important;
}

body.yhn-account-quiet-premium .woocommerce-MyAccount-navigation li a,
body.yhn-account-quiet-premium .account-nav li a,
body.yhn-order-tracking-quiet-premium .woocommerce-MyAccount-navigation li a,
body.yhn-order-tracking-quiet-premium .account-nav li a{
  display:flex!important;
  align-items:center;
  min-height:42px;
  padding:9px 12px!important;
  border:0!important;
  border-radius:7px;
  color:#656168!important;
  font-size:12.5px!important;
  font-weight:560!important;
  letter-spacing:.01em;
  background:transparent!important;
}

body.yhn-account-quiet-premium .woocommerce-MyAccount-navigation li.is-active a,
body.yhn-account-quiet-premium .account-nav li.active a,
body.yhn-account-quiet-premium .account-nav li.current a,
body.yhn-order-tracking-quiet-premium .woocommerce-MyAccount-navigation li.is-active a,
body.yhn-order-tracking-quiet-premium .account-nav li.active a,
body.yhn-order-tracking-quiet-premium .account-nav li.current a{
  background:var(--yhn-acct-accent-soft)!important;
  color:var(--yhn-acct-text)!important;
  font-weight:650!important;
  box-shadow:inset 2px 0 0 var(--yhn-acct-accent);
}

body.yhn-account-quiet-premium .woocommerce-MyAccount-navigation li a:hover,
body.yhn-account-quiet-premium .account-nav li a:hover,
body.yhn-order-tracking-quiet-premium .woocommerce-MyAccount-navigation li a:hover,
body.yhn-order-tracking-quiet-premium .account-nav li a:hover{
  background:#f8f6f4!important;
  color:var(--yhn-acct-text)!important;
}

body.yhn-account-quiet-premium .account-user,
body.yhn-order-tracking-quiet-premium .account-user{
  padding:16px 14px 10px!important;
  color:var(--yhn-acct-text-2)!important;
  text-align:left!important;
}

body.yhn-account-quiet-premium .account-user img,
body.yhn-order-tracking-quiet-premium .account-user img{
  width:52px!important;
  height:52px!important;
  border-radius:50%!important;
  opacity:.62;
  filter:grayscale(1);
}

/* Orders / Downloads / Addresses / Account forms. */
body.yhn-account-quiet-premium .woocommerce-MyAccount-content table.shop_table{
  width:100%;
  margin:0 0 18px!important;
  border:1px solid var(--yhn-acct-border)!important;
  border-radius:10px;
  border-collapse:separate!important;
  border-spacing:0!important;
  overflow:hidden;
  background:#fff;
}

body.yhn-account-quiet-premium .woocommerce-MyAccount-content table.shop_table th,
body.yhn-account-quiet-premium .woocommerce-MyAccount-content table.shop_table td{
  padding:12px 13px!important;
  border:0!important;
  border-bottom:1px solid var(--yhn-acct-border-soft)!important;
  font-size:12.5px!important;
  vertical-align:middle;
}

body.yhn-account-quiet-premium .woocommerce-MyAccount-content table.shop_table th{
  background:#faf9f8;
  color:#69656b;
  font-size:11.5px!important;
  font-weight:650!important;
  text-transform:uppercase;
  letter-spacing:.035em;
}

body.yhn-account-quiet-premium .woocommerce-MyAccount-content table.shop_table tr:last-child td{
  border-bottom:0!important;
}

body.yhn-account-quiet-premium .woocommerce-Address,
body.yhn-account-quiet-premium .woocommerce-customer-details address{
  padding:18px!important;
  border:1px solid var(--yhn-acct-border)!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:none!important;
  font-style:normal!important;
  line-height:1.7!important;
}

body.yhn-account-quiet-premium .woocommerce-MyAccount-content fieldset{
  margin:20px 0 0!important;
  padding:18px!important;
  border:1px solid var(--yhn-acct-border)!important;
  border-radius:10px!important;
  background:#fff!important;
}

body.yhn-account-quiet-premium .woocommerce-MyAccount-content input.input-text,
body.yhn-account-quiet-premium .woocommerce-MyAccount-content input[type="text"],
body.yhn-account-quiet-premium .woocommerce-MyAccount-content input[type="email"],
body.yhn-account-quiet-premium .woocommerce-MyAccount-content input[type="password"],
body.yhn-account-quiet-premium .woocommerce-MyAccount-content input[type="tel"],
body.yhn-account-quiet-premium .woocommerce-MyAccount-content select,
body.yhn-account-quiet-premium .woocommerce-MyAccount-content textarea{
  min-height:44px!important;
  border:1px solid #dcd8d5!important;
  border-radius:8px!important;
  background:#fff!important;
  color:var(--yhn-acct-text)!important;
  box-shadow:none!important;
}

body.yhn-account-quiet-premium .woocommerce-MyAccount-content input:focus,
body.yhn-account-quiet-premium .woocommerce-MyAccount-content select:focus,
body.yhn-account-quiet-premium .woocommerce-MyAccount-content textarea:focus{
  border-color:#c9c3bf!important;
  box-shadow:0 0 0 3px rgba(201,23,107,.055)!important;
  outline:none!important;
}

body.yhn-account-quiet-premium .woocommerce-MyAccount-content .button,
body.yhn-account-quiet-premium .woocommerce-MyAccount-content button.button,
body.yhn-account-quiet-premium .woocommerce-MyAccount-content input.button{
  min-height:42px!important;
  padding:0 18px!important;
  border:1px solid var(--yhn-acct-accent)!important;
  border-radius:7px!important;
  background:var(--yhn-acct-accent)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:.025em!important;
  box-shadow:none!important;
}

body.yhn-account-quiet-premium .woocommerce-MyAccount-content .button:hover,
body.yhn-account-quiet-premium .woocommerce-MyAccount-content button.button:hover,
body.yhn-account-quiet-premium .woocommerce-MyAccount-content input.button:hover{
  background:var(--yhn-acct-accent-hover)!important;
  border-color:var(--yhn-acct-accent-hover)!important;
}

/* =========================================================
   3) ORDER TRACKING — CENTERED, PURPOSE-BUILT UTILITY
   ========================================================= */
body.yhn-order-tracking-quiet-premium .page-title,
body.yhn-order-tracking-quiet-premium .entry-title,
body.yhn-order-tracking-quiet-premium h1{
  color:var(--yhn-acct-text)!important;
  font-size:25px!important;
  line-height:1.25!important;
  font-weight:650!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
}

body.yhn-order-tracking-quiet-premium .page-title-inner{
  padding-top:18px!important;
  padding-bottom:10px!important;
}

body.yhn-order-tracking-quiet-premium form.woocommerce-form-track-order,
body.yhn-order-tracking-quiet-premium form.track_order{
  max-width:780px;
  margin:0 auto!important;
  padding:26px 28px 28px!important;
  border:1px solid var(--yhn-acct-border)!important;
  border-radius:12px!important;
  background:var(--yhn-acct-surface)!important;
  box-shadow:0 12px 30px rgba(30,27,31,.035)!important;
}

body.yhn-order-tracking-quiet-premium form.woocommerce-form-track-order > p:first-child,
body.yhn-order-tracking-quiet-premium form.track_order > p:first-child{
  margin:0 0 20px!important;
  color:#69666c!important;
  font-size:13.5px!important;
  line-height:1.7!important;
}

body.yhn-order-tracking-quiet-premium form.woocommerce-form-track-order::before,
body.yhn-order-tracking-quiet-premium form.track_order::before{
  content:"Theo dõi trạng thái giao hàng";
  display:block;
  margin:0 0 7px;
  color:var(--yhn-acct-text);
  font-size:18px;
  line-height:1.35;
  font-weight:650;
  letter-spacing:.005em;
}

body.yhn-order-tracking-quiet-premium form.woocommerce-form-track-order .form-row,
body.yhn-order-tracking-quiet-premium form.track_order .form-row{
  margin-bottom:13px!important;
}

body.yhn-order-tracking-quiet-premium form.woocommerce-form-track-order .form-row-first,
body.yhn-order-tracking-quiet-premium form.woocommerce-form-track-order .form-row-last,
body.yhn-order-tracking-quiet-premium form.track_order .form-row-first,
body.yhn-order-tracking-quiet-premium form.track_order .form-row-last{
  width:calc(50% - 6px)!important;
}

body.yhn-order-tracking-quiet-premium form.woocommerce-form-track-order label,
body.yhn-order-tracking-quiet-premium form.track_order label{
  display:block!important;
  margin:0 0 6px!important;
  color:#5c5960!important;
  font-size:12.5px!important;
  font-weight:650!important;
}

body.yhn-order-tracking-quiet-premium form.woocommerce-form-track-order input.input-text,
body.yhn-order-tracking-quiet-premium form.track_order input.input-text{
  width:100%!important;
  min-height:46px!important;
  padding:0 13px!important;
  border:1px solid #dcd8d5!important;
  border-radius:8px!important;
  background:#fff!important;
  color:var(--yhn-acct-text)!important;
  font-size:13.5px!important;
  box-shadow:none!important;
}

body.yhn-order-tracking-quiet-premium form.woocommerce-form-track-order input.input-text:focus,
body.yhn-order-tracking-quiet-premium form.track_order input.input-text:focus{
  border-color:#c9c3bf!important;
  box-shadow:0 0 0 3px rgba(201,23,107,.055)!important;
  outline:none!important;
}

body.yhn-order-tracking-quiet-premium form.woocommerce-form-track-order button.button,
body.yhn-order-tracking-quiet-premium form.track_order button.button{
  min-width:150px!important;
  min-height:44px!important;
  margin-top:4px!important;
  padding:0 18px!important;
  border:1px solid var(--yhn-acct-accent)!important;
  border-radius:7px!important;
  background:var(--yhn-acct-accent)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:720!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
  box-shadow:none!important;
}

body.yhn-order-tracking-quiet-premium form.woocommerce-form-track-order button.button:hover,
body.yhn-order-tracking-quiet-premium form.track_order button.button:hover{
  background:var(--yhn-acct-accent-hover)!important;
  border-color:var(--yhn-acct-accent-hover)!important;
}

/* Tracking results / order details if WooCommerce returns them on this page. */
body.yhn-order-tracking-quiet-premium .woocommerce-order-details,
body.yhn-order-tracking-quiet-premium .woocommerce-customer-details,
body.yhn-order-tracking-quiet-premium .woocommerce-order-overview{
  max-width:780px;
  margin-left:auto!important;
  margin-right:auto!important;
}

body.yhn-order-tracking-quiet-premium table.shop_table{
  border:1px solid var(--yhn-acct-border)!important;
  border-radius:10px!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  overflow:hidden;
  background:#fff!important;
}

body.yhn-order-tracking-quiet-premium table.shop_table th,
body.yhn-order-tracking-quiet-premium table.shop_table td{
  padding:12px 13px!important;
  border-color:var(--yhn-acct-border-soft)!important;
  font-size:12.5px!important;
}

/* =========================================================
   4) DESKTOP ACCOUNT LAYOUT — QUIET NAV, ROOMY CONTENT
   ========================================================= */
@media (min-width:850px){
  body.yhn-account-quiet-premium .woocommerce-MyAccount-navigation{
    float:left;
    width:210px;
  }

  body.yhn-account-quiet-premium .woocommerce-MyAccount-content{
    float:right;
    width:calc(100% - 232px);
  }

  body.yhn-account-quiet-premium .woocommerce::after{
    content:"";
    display:table;
    clear:both;
  }
}

/* =========================================================
   5) MOBILE — COMPACT, TOUCHABLE, NO TEMPLATE FEEL
   ========================================================= */
@media (max-width:849px){
  body.yhn-account-quiet-premium .page-inner,
  body.yhn-order-tracking-quiet-premium .page-inner{
    padding-top:18px;
    padding-bottom:26px;
  }

  body.yhn-account-quiet-premium .woocommerce-MyAccount-navigation,
  body.yhn-account-quiet-premium .account-nav,
  body.yhn-order-tracking-quiet-premium .woocommerce-MyAccount-navigation,
  body.yhn-order-tracking-quiet-premium .account-nav{
    margin-bottom:12px;
    border-radius:10px;
  }

  body.yhn-account-quiet-premium .woocommerce-MyAccount-navigation ul,
  body.yhn-account-quiet-premium .account-nav ul,
  body.yhn-order-tracking-quiet-premium .woocommerce-MyAccount-navigation ul,
  body.yhn-order-tracking-quiet-premium .account-nav ul{
    display:flex!important;
    gap:5px;
    overflow-x:auto;
    padding:6px!important;
    scrollbar-width:none;
  }

  body.yhn-account-quiet-premium .woocommerce-MyAccount-navigation ul::-webkit-scrollbar,
  body.yhn-account-quiet-premium .account-nav ul::-webkit-scrollbar,
  body.yhn-order-tracking-quiet-premium .woocommerce-MyAccount-navigation ul::-webkit-scrollbar,
  body.yhn-order-tracking-quiet-premium .account-nav ul::-webkit-scrollbar{
    display:none;
  }

  body.yhn-account-quiet-premium .woocommerce-MyAccount-navigation li,
  body.yhn-account-quiet-premium .account-nav li,
  body.yhn-order-tracking-quiet-premium .woocommerce-MyAccount-navigation li,
  body.yhn-order-tracking-quiet-premium .account-nav li{
    flex:0 0 auto;
  }

  body.yhn-account-quiet-premium .woocommerce-MyAccount-navigation li a,
  body.yhn-account-quiet-premium .account-nav li a,
  body.yhn-order-tracking-quiet-premium .woocommerce-MyAccount-navigation li a,
  body.yhn-order-tracking-quiet-premium .account-nav li a{
    min-height:38px;
    padding:8px 11px!important;
    white-space:nowrap;
  }

  body.yhn-account-quiet-premium .woocommerce-MyAccount-content{
    width:100%!important;
    padding:18px 16px;
    border-radius:10px;
  }

  body.yhn-account-quiet-premium .dashboard-links,
  body.yhn-account-quiet-premium .woocommerce-MyAccount-content .dashboard-links{
    grid-template-columns:1fr;
    gap:8px;
  }

  body.yhn-account-quiet-premium .dashboard-links li a{
    min-height:52px;
  }

  body.yhn-account-quiet-premium .woocommerce-MyAccount-content table.shop_table{
    font-size:12px!important;
  }

  body.yhn-order-tracking-quiet-premium .page-title,
  body.yhn-order-tracking-quiet-premium .entry-title,
  body.yhn-order-tracking-quiet-premium h1{
    font-size:22px!important;
  }

  body.yhn-order-tracking-quiet-premium form.woocommerce-form-track-order,
  body.yhn-order-tracking-quiet-premium form.track_order{
    width:100%!important;
    max-width:none!important;
    padding:20px 16px 22px!important;
    border-radius:10px!important;
  }

  body.yhn-order-tracking-quiet-premium form.woocommerce-form-track-order::before,
  body.yhn-order-tracking-quiet-premium form.track_order::before{
    font-size:16.5px;
  }

  body.yhn-order-tracking-quiet-premium form.woocommerce-form-track-order .form-row-first,
  body.yhn-order-tracking-quiet-premium form.woocommerce-form-track-order .form-row-last,
  body.yhn-order-tracking-quiet-premium form.track_order .form-row-first,
  body.yhn-order-tracking-quiet-premium form.track_order .form-row-last{
    float:none!important;
    width:100%!important;
  }

  body.yhn-order-tracking-quiet-premium form.woocommerce-form-track-order button.button,
  body.yhn-order-tracking-quiet-premium form.track_order button.button{
    width:100%!important;
    min-height:46px!important;
  }
}