/* =====================================================================
   GlowBayBD My Account — DESKTOP PREMIUM
   Faithful port of the REFERENCE design (glowbay-my-account-premium.html)
   PINK accent #ff2f72, centered 1380px container, exact reference look.
   Live classes: .gb-user-desk-*
===================================================================== */

.gb-user-desk-account{
  display:grid;
  grid-template-columns:230px 1fr;
  gap:24px;
  align-items:start;
  width:100%!important;
  max-width:none!important;
  margin:25px 0!important;
  padding:0 24px;
  box-sizing:border-box;
}

/* ---- Sidebar ---- */
.gb-user-desk-side{
  background:#fff;
  border:1px solid #eeeef2;
  border-radius:14px;
  padding:18px;
  height:max-content;
  box-shadow:0 4px 18px rgba(26,31,44,.06);
  position:sticky; top:105px;
}
.gb-user-desk-user{display:flex;gap:11px;align-items:center;padding-bottom:18px;border-bottom:1px solid #eeeef2}
.gb-user-desk-av{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#f4f6f9;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:17px;color:#ff2f72;flex:none;overflow:hidden}
.gb-user-desk-av img{width:48px;height:48px;object-fit:cover}
.gb-user-desk-meta b{display:block;font-size:14px;color:#20242b}
.gb-user-desk-meta span{font-size:11px;color:#777f8b;margin:4px 0;display:block;word-break:break-all}
.gb-user-desk-verified{font-size:10px;color:#ff2f72;background:#fff0f5;padding:4px 7px;border-radius:20px;display:inline-block;margin-top:2px}
.gb-user-desk-navtitle{font-size:10px;color:#8a909b;font-weight:700;margin:20px 0 8px;letter-spacing:.4px}
.gb-user-desk-nav a{display:flex;align-items:center;gap:11px;padding:11px 10px;border-radius:8px;font-size:13px;margin:2px 0;color:inherit;text-decoration:none}
.gb-user-desk-nav a.is-active{background:#fff0f5;color:#ff2f72;font-weight:700}
.gb-user-desk-nav a:hover{background:#fff4f7}
.gb-user-desk-nav-ic{width:18px;text-align:center;color:#9aa0aa}
.gb-user-desk-nav a.is-active .gb-user-desk-nav-ic{color:#ff2f72}
.gb-user-desk-promo{margin-top:18px;background:linear-gradient(135deg,#fff1f6,#fff8f1);border:1px solid #ffdce8;border-radius:12px;padding:14px;display:block;text-decoration:none}
.gb-user-desk-promo-ic{width:36px;height:36px;border-radius:10px;background:#ff2f72;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;margin-bottom:8px}
.gb-user-desk-promo h4{margin:0 0 5px;font-size:14px;color:#20242b}
.gb-user-desk-promo p{font-size:11px;color:#777f8b;line-height:1.5;margin:0}
.gb-user-desk-promo-btn{display:inline-block;margin-top:10px;color:#ff2f72;font-size:12px;font-weight:700}

/* ---- Main ---- */
.gb-user-desk-content{min-width:0}

/* ---- Welcome ---- */
.gb-user-desk-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.gb-user-desk-welcome{display:flex;gap:12px;align-items:center}
.gb-user-desk-welcome h2{margin:0 0 5px;font-size:25px;color:#20242b}
.gb-user-desk-welcome p{margin:0;color:#777f8b;font-size:14px}
.gb-user-desk-wave{font-size:24px}
.gb-user-desk-member{background:linear-gradient(100deg,#fff0f5,#fff);border:1px solid #ffd9e5;border-radius:12px;padding:14px 18px;min-width:300px}
.gb-user-desk-member-b{font-weight:800;font-size:14px;color:#20242b}
.gb-user-desk-member-b i{color:#ff2f72}
.gb-user-desk-member small{color:#777f8b;font-size:12px;display:block;margin-top:4px}
.gb-user-desk-member-btn{margin-top:8px;display:inline-block;color:#ff2f72;font-weight:700;font-size:12px}
.gb-user-desk-head-ic{display:flex;gap:8px}
.gb-user-desk-ico{position:relative;width:40px;height:40px;border-radius:11px;background:#fff;border:1px solid #eeeef2;display:flex;align-items:center;justify-content:center;color:#5a6270;text-decoration:none}
.gb-user-desk-ico i{font-size:15px}

/* ---- Section card ---- */
.gb-user-desk-section{background:#fff;border:1px solid #eeeef2;border-radius:14px;box-shadow:0 4px 18px rgba(26,31,44,.06);margin-bottom:18px;overflow:hidden}
.gb-user-desk-section-h{height:50px;border-bottom:1px solid #eeeef2;display:flex;align-items:center;justify-content:space-between;padding:0 18px}
.gb-user-desk-section-h h3{font-size:15px;margin:0;color:#20242b}
.gb-user-desk-view{font-size:12px;color:#ff2f72;font-weight:700;text-decoration:none}

/* ---- My Order Status: 6-col ---- */
.gb-user-desk-stats{display:grid;grid-template-columns:repeat(6,1fr);padding:20px}
.gb-user-desk-stat{display:flex;gap:11px;align-items:center;padding:5px 17px;border-right:1px solid #eeeef2;text-decoration:none;color:inherit}
.gb-user-desk-stat:last-child{border-right:0}
.gb-user-desk-stat-ic{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:17px;flex:none}
.s-total{background:#ff2f72}
.s-topay{background:#ff7a18}
.s-toship{background:#ffad18}
.s-shipped{background:#3985ed}
.s-delivered{background:#22b968}
.s-returns{background:#8b5ce6}
.gb-user-desk-stat b{font-size:19px;display:block;color:#20242b}
.gb-user-desk-stat small{color:#777f8b;font-size:11px}
.gb-user-desk-stat-act{display:block;color:#ff2f72;font-size:10px;margin-top:3px;font-weight:700}

/* ---- 3-col grid ---- */
.gb-user-desk-grid3{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:18px;margin-bottom:18px}
.gb-user-desk-card{background:#fff;border:1px solid #eeeef2;border-radius:14px;box-shadow:0 4px 18px rgba(26,31,44,.06);overflow:hidden}
.gb-user-desk-card-h{padding:15px 17px;border-bottom:1px solid #eeeef2;display:flex;justify-content:space-between;align-items:center}
.gb-user-desk-card-h h3,.gb-user-desk-card-h b{font-size:14px;margin:0;color:#20242b}
.gb-user-desk-card-body{padding:18px}
.gb-user-desk-empty{text-align:center;padding:22px 8px}
.gb-user-desk-empty i{font-size:40px;color:#ffb3cc;display:block;margin-bottom:10px}
.gb-user-desk-empty p{color:#777f8b;line-height:1.5;font-size:12px;margin:6px 0}
.gb-user-desk-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ff2f72;color:#ff2f72;background:#fff;border-radius:8px;padding:9px 14px;font-weight:700;font-size:12px;text-decoration:none;cursor:pointer;margin-top:8px}
.gb-user-desk-btn:hover{background:#fff4f7}
.gb-user-desk-details{display:grid;grid-template-columns:95px 1fr;gap:14px 10px;font-size:12px}
.gb-user-desk-details label{color:#777f8b}
.gb-user-desk-details b{color:#20242b}
.gb-user-desk-ok{color:#19b86b;font-weight:700}

/* ---- Payment & Coupons ---- */
.gb-user-desk-payment{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:18px}
.gb-user-desk-mini{border:1px solid #eeeef2;border-radius:10px;padding:18px;display:flex;gap:14px;align-items:center}
.gb-user-desk-mini-ic{font-size:28px;color:#ff2f72}
.gb-user-desk-mini b{color:#20242b}
.gb-user-desk-mini small{display:block;color:#777f8b;margin-top:5px;font-size:12px}

/* ---- Products: 6-col ---- */
.gb-user-desk-products{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:16px}
.gb-user-desk-product{border:1px solid #eee;border-radius:10px;padding:9px;min-width:0;position:relative;background:#fff;display:flex;flex-direction:column}
.gb-user-desk-product img{width:100%;height:145px;object-fit:contain}
.gb-user-desk-heart{position:absolute;right:8px;top:8px;color:#9aa0aa;font-size:14px;z-index:2}
.gb-user-desk-product-name{font-size:11px;height:31px;overflow:hidden;line-height:1.4;color:#20242b}
.gb-user-desk-product-price{color:#ff2f72;font-size:13px;font-weight:800;margin:7px 0}
.gb-user-desk-rating{font-size:10px;color:#777}
.gb-user-desk-product-add{margin-top:auto;background:#fff;border:1px solid #ff2f72;color:#ff2f72;padding:7px;border-radius:8px;font-size:10px;font-weight:700;text-align:center;text-decoration:none;cursor:pointer}
.gb-user-desk-product-add:hover{background:#fff4f7}

/* ---- Notifications + Quick (2-col) ---- */
.gb-user-desk-two{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
.gb-user-desk-notice{padding:0 18px}
.gb-user-desk-notice-row{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #eeeef2;font-size:12px;color:#20242b;text-decoration:none}
.gb-user-desk-notice-row:last-child{border:0}
.gb-user-desk-notice-row time{margin-left:auto;color:#999;font-size:10px}
.gb-user-desk-notice-row i{color:#ff2f72;flex:none}
.gb-user-desk-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px}
.gb-user-desk-quick a{border:1px solid #eeeef2;padding:13px;border-radius:9px;font-size:11px;font-weight:600;text-decoration:none;color:#20242b;display:flex;align-items:center;gap:7px}
.gb-user-desk-quick a i{color:#ff2f72}
.gb-user-desk-track{margin:0 18px 18px;padding:15px;border-radius:10px;background:#fff2f6;display:flex;justify-content:space-between;align-items:center}
.gb-user-desk-track b{color:#20242b}
.gb-user-desk-track small{color:#777f8b}
.gb-user-desk-track-btn{color:#ff2f72;font-weight:700;font-size:12px}

/* ---- Recently Viewed (5-col) ---- */
.gb-user-desk-recent{grid-template-columns:repeat(5,1fr)}

/* ---- Affiliate banner ---- */
.gb-user-desk-affiliate{display:grid;grid-template-columns:1.2fr 1fr auto;align-items:center;gap:20px;padding:22px 26px;background:linear-gradient(100deg,#fff1dc,#ffecf5);border-radius:14px;box-shadow:0 4px 18px rgba(26,31,44,.06);margin-bottom:18px}
.gb-user-desk-affiliate h2{margin:0 0 5px;font-size:20px;color:#20242b}
.gb-user-desk-affiliate p{margin:0;color:#777f8b;font-size:12px}
.gb-user-desk-affiliate-pct{font-size:38px;color:#ff2f72;font-weight:900}
.gb-user-desk-affiliate-feat{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px}
.gb-user-desk-affiliate-feat i{color:#ff2f72;margin-top:3px;width:18px}
.gb-user-desk-affiliate-feat b{display:block;color:#20242b;font-size:13px}
.gb-user-desk-affiliate-feat p{color:#777f8b;font-size:12px}
.gb-user-desk-affiliate-btn{background:#ff2f72;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:700;font-size:13px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}

/* ---- Need Help: 4-col ---- */
.gb-user-desk-help{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:18px}
.gb-user-desk-help a{border:1px solid #eeeef2;padding:16px;border-radius:10px;text-decoration:none;display:flex;gap:11px;align-items:flex-start;color:#20242b}
.gb-user-desk-help a i{color:#ff2f72;font-size:16px;margin-top:2px}
.gb-user-desk-help a b{display:block;font-size:12px}
.gb-user-desk-help a small{color:#777f8b;font-size:10px}

/* ---- Responsive (mirror reference breakpoints) ---- */
@media(max-width:1100px){
  .gb-user-desk-account{grid-template-columns:200px 1fr}
  .gb-user-desk-stats{grid-template-columns:repeat(3,1fr);gap:12px}
  .gb-user-desk-stat{border:0}
  .gb-user-desk-products{grid-template-columns:repeat(4,1fr)}
  .gb-user-desk-grid3{grid-template-columns:1fr 1fr}
  .gb-user-desk-grid3 > :first-child{grid-column:1/-1}
}
@media(max-width:760px){
  .gb-user-desk-account{display:block;margin:12px auto;padding:0 12px}
  .gb-user-desk-side{position:static;margin-bottom:15px}
  .gb-user-desk-head{display:block}
  .gb-user-desk-member{margin-top:12px;min-width:0}
  .gb-user-desk-stats{grid-template-columns:repeat(2,1fr);padding:10px}
  .gb-user-desk-stat{padding:10px}
  .gb-user-desk-grid3,.gb-user-desk-two,.gb-user-desk-payment{grid-template-columns:1fr}
  .gb-user-desk-products{grid-template-columns:repeat(2,1fr)}
  .gb-user-desk-recent{grid-template-columns:repeat(2,1fr)}
  .gb-user-desk-affiliate{grid-template-columns:1fr}
  .gb-user-desk-help{grid-template-columns:1fr 1fr}
}

/* EDGE-TO-EDGE: kill all centering on account page */
body.woocommerce-account .gb-container.gb-page,
body.woocommerce-account .gb-page-content,
body.woocommerce-account .gb-ph-main,
body.woocommerce-account .gb-container,
body.woocommerce-account .woocommerce,
body.woocommerce-account .gb-user-desk-account,
body.woocommerce-account .gb-user-desk-content{max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important}
body.woocommerce-account .gb-user-desk-content{padding-left:24px!important;padding-right:24px!important}