/* RoamNex — WooCommerce My Account styling
 * Turns the default WooCommerce account layout into the RoamNex card look:
 * pill nav, rounded cards, orange accents. Pairs with the plugin's
 * account-esims.css (which styles the eSIM cards / reseller page content). */

.woocommerce-account .woocommerce{
  max-width:var(--rnx-max);
  margin-inline:auto;
}

/* Two-column layout on desktop: nav sidebar + content */
@media (min-width:861px){
  .woocommerce-account .woocommerce-MyAccount-navigation{
    float:left;width:230px;margin-right:32px;
  }
  .woocommerce-account .woocommerce-MyAccount-content{
    float:right;width:calc(100% - 262px);
  }
  .woocommerce-account .woocommerce::after{content:"";display:block;clear:both}
}

/* Navigation as a rounded card with pill active state */
.woocommerce-account .woocommerce-MyAccount-navigation ul{
  list-style:none;margin:0;padding:8px;
  background:var(--rnx-card);
  border:1px solid var(--rnx-border);
  border-radius:var(--rnx-r-lg);
  box-shadow:var(--rnx-shadow-2);
}
.woocommerce-account .woocommerce-MyAccount-navigation li{margin:0}
.woocommerce-account .woocommerce-MyAccount-navigation li a{
  display:block;padding:12px 16px;border-radius:var(--rnx-r-sm);
  color:var(--rnx-ink);font-weight:600;text-decoration:none;
  transition:background .15s,color .15s;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{
  background:var(--rnx-tint-50);color:var(--rnx-primary-strong);
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{
  background:var(--rnx-gradient);color:#fff;box-shadow:var(--rnx-shadow-hover);
}

/* Content area */
.woocommerce-account .woocommerce-MyAccount-content{
  color:var(--rnx-ink);
}
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3{
  font-family:var(--rnx-display);font-weight:800;
}

/* Buttons in account area follow brand */
.woocommerce-account .woocommerce-MyAccount-content .button,
.woocommerce-account .woocommerce-MyAccount-content button[type=submit]{
  background:var(--rnx-gradient);color:#fff;border:0;
  border-radius:var(--rnx-r-sm);padding:12px 22px;font-weight:700;cursor:pointer;
}
.woocommerce-account .woocommerce-MyAccount-content .button:hover,
.woocommerce-account .woocommerce-MyAccount-content button[type=submit]:hover{
  box-shadow:var(--rnx-shadow-hover);
}

/* Orders / downloads tables as clean cards */
.woocommerce-account .woocommerce-orders-table,
.woocommerce-account .shop_table{
  border:1px solid var(--rnx-border);
  border-radius:var(--rnx-r-md);
  border-collapse:separate;border-spacing:0;overflow:hidden;
}
.woocommerce-account .woocommerce-orders-table th,
.woocommerce-account .shop_table th{
  background:var(--rnx-surface);font-weight:700;
}

/* Account details form fields */
.woocommerce-account .woocommerce-MyAccount-content input:not([type=submit]):not([type=checkbox]):not([type=radio]),
.woocommerce-account .woocommerce-MyAccount-content select,
.woocommerce-account .woocommerce-MyAccount-content textarea{
  border:1px solid var(--rnx-border);border-radius:var(--rnx-r-sm);
  padding:11px 13px;background:#fbfbfc;font:inherit;width:100%;box-sizing:border-box;
}
.woocommerce-account .woocommerce-MyAccount-content input:focus,
.woocommerce-account .woocommerce-MyAccount-content select:focus,
.woocommerce-account .woocommerce-MyAccount-content textarea:focus{
  outline:none;border-color:var(--rnx-primary);
}

/* Mobile: nav stacks above content */
@media (max-width:860px){
  .woocommerce-account .woocommerce-MyAccount-navigation{margin-bottom:20px}
  .woocommerce-account .woocommerce-MyAccount-navigation ul{
    display:flex;flex-wrap:wrap;gap:6px;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation li{flex:1 1 auto}
  .woocommerce-account .woocommerce-MyAccount-navigation li a{text-align:center;white-space:nowrap}
}

/* v1.0.17 — Mobile account header cleanup
 * Hide the default My Account page title/hero and move the account menu into
 * that vertical position as a compact, aligned grid. */
.woocommerce-account .rnx-pagehero{
  display:none !important;
}
.woocommerce-account .rnx-section{
  padding-top:22px !important;
}
@media (max-width:860px){
  .woocommerce-account .rnx-section{
    padding-top:14px !important;
    padding-bottom:84px;
  }
  .woocommerce-account .rnx-prose{
    max-width:100%;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation{
    margin:0 0 18px !important;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation ul{
    display:grid !important;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:8px 8px !important;
    padding:10px !important;
    border-radius:28px !important;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation li{
    min-width:0;
    flex:none !important;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation li a{
    min-height:46px;
    padding:10px 4px !important;
    display:flex !important;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-size:15px;
    line-height:1.2;
    white-space:normal !important;
    border-radius:14px !important;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{
    background:var(--rnx-gradient) !important;
    color:#fff !important;
    box-shadow:0 10px 24px rgba(255,111,81,.24) !important;
  }
}
@media (max-width:380px){
  .woocommerce-account .woocommerce-MyAccount-navigation ul{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}


/* v1.0.19: Softer BNE-like typography. Avoid heavy Heiti/black weights on mobile UI. */
:root{
  --rnx-font:-apple-system,BlinkMacSystemFont,"PingFang SC","PingFang TC","Noto Sans SC","Noto Sans TC","Microsoft YaHei","Microsoft JhengHei","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --rnx-display:-apple-system,BlinkMacSystemFont,"PingFang SC","PingFang TC","Noto Sans SC","Noto Sans TC","Microsoft YaHei","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
html,body,.rnx-site,.rnx-main,.rnx-header,.rnx-bottomnav,.esimaccess-destination-hub,
.woocommerce,.woocommerce-page{font-family:var(--rnx-font)!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
h1,h2,h3,h4,.rnx-pagehero__title,.rnx-shead__title,.rnx-destination-title,
.esimaccess-exact-destination-title,.esimaccess-destination-title{font-family:var(--rnx-display)!important;font-weight:700!important;letter-spacing:-.015em!important;}
.rnx-brand{font-weight:700!important;letter-spacing:-.015em!important;}
.rnx-menu li a,.rnx-drawer__menu li a,.rnx-drawer__item,.rnx-drawer__switch,.rnx-bottomnav__item{font-weight:500!important;}
.rnx-btn,.rnx-chip-btn,.rnx-opt,.button,.woocommerce a.button,.woocommerce button.button{font-weight:600!important;}
@media(max-width:768px){
  h1,.rnx-pagehero__title,.esimaccess-exact-destination-title,.esimaccess-destination-title{font-weight:700!important;}
  h2,h3,.rnx-shead__title{font-weight:650!important;}
}

/* v1.0.20: Profile-style My Account page, BNE/MobiMatter-inspired with RoamNex orange tone. */
.woocommerce-account .rnx-pagehero{display:none!important;}
.woocommerce-account .rnx-section{padding-top:18px!important;}
.rnx-account-profile-card{
  display:flex;align-items:center;gap:16px;
  background:#fff;border:1px solid #eef0f3;border-radius:22px;
  padding:16px;margin:0 auto 18px;box-shadow:0 8px 24px rgba(17,24,39,.045);
  max-width:760px;box-sizing:border-box;
}
.rnx-account-profile-card__avatar{width:70px;height:70px;flex:0 0 70px;border-radius:50%;overflow:hidden;background:#eef3f7;display:flex;align-items:center;justify-content:center;}
.rnx-account-profile-card__avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;}
.rnx-account-profile-card__body{min-width:0;line-height:1.25;}
.rnx-account-profile-card__name{font-size:24px;font-weight:500;color:#0f172a;letter-spacing:-.01em;display:flex;align-items:center;gap:8px;}
.rnx-account-profile-card__email{font-size:16px;color:#64748b;margin-top:4px;font-weight:400;word-break:break-all;}
.rnx-account-profile-card__edit{color:var(--rnx-primary);text-decoration:none;font-size:20px;font-weight:400;line-height:1;}
.woocommerce-account .woocommerce-MyAccount-navigation ul{
  background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;list-style:none!important;
}
.woocommerce-account .woocommerce-MyAccount-navigation li{margin:0 0 12px!important;}
.woocommerce-account .woocommerce-MyAccount-navigation li a{
  position:relative;display:flex!important;align-items:center!important;gap:14px!important;
  min-height:62px!important;padding:0 44px 0 64px!important;
  background:#fff!important;border:1px solid #eef0f3!important;border-radius:17px!important;
  color:#111827!important;text-align:left!important;text-decoration:none!important;
  font-size:18px!important;font-weight:500!important;line-height:1.2!important;
  box-shadow:0 5px 16px rgba(17,24,39,.035)!important;white-space:normal!important;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{color:var(--rnx-primary-strong)!important;border-color:#ffd8cd!important;background:#fffaf7!important;}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{background:#fff!important;color:#111827!important;box-shadow:0 5px 16px rgba(17,24,39,.035)!important;border-color:#ffd8cd!important;}
.woocommerce-account .woocommerce-MyAccount-navigation li a:before{
  content:'•';position:absolute;left:18px;top:50%;transform:translateY(-50%);
  width:30px;height:30px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  color:#0f172a;font-size:20px;font-weight:400;line-height:1;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:after{
  content:'›';position:absolute;right:18px;top:50%;transform:translateY(-50%);
  color:#c4c7ce;font-size:28px;font-weight:300;line-height:1;
}
.woocommerce-account .woocommerce-MyAccount-navigation-link--woo-wallet a:before,
.woocommerce-account .woocommerce-MyAccount-navigation-link--my-wallet a:before,
.woocommerce-account .woocommerce-MyAccount-navigation-link--wallet a:before,
.woocommerce-account .woocommerce-MyAccount-navigation-link--balance a:before,
.woocommerce-account .woocommerce-MyAccount-navigation-link--my-balance a:before,
.woocommerce-account .woocommerce-MyAccount-navigation-link--account-funds a:before,
.woocommerce-account .woocommerce-MyAccount-navigation-link--store-credit a:before{content:'💳';}
.woocommerce-account .woocommerce-MyAccount-navigation-link--my-esims a:before,
.woocommerce-account .woocommerce-MyAccount-navigation-link--my-esim a:before,
.woocommerce-account .woocommerce-MyAccount-navigation-link--esims a:before{content:'▣';}
.woocommerce-account .woocommerce-MyAccount-navigation-link--orders a:before{content:'🛒';}
.woocommerce-account .woocommerce-MyAccount-navigation-link--downloads a:before{content:'⇩';}
.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-address a:before{content:'⌖';}
.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-account a:before{content:'☷';}
.woocommerce-account .woocommerce-MyAccount-navigation-link--referral a:before,
.woocommerce-account .woocommerce-MyAccount-navigation-link--referrals a:before,
.woocommerce-account .woocommerce-MyAccount-navigation-link--affiliate a:before,
.woocommerce-account .woocommerce-MyAccount-navigation-link--reseller a:before,
.woocommerce-account .woocommerce-MyAccount-navigation-link--partner a:before,
.woocommerce-account .woocommerce-MyAccount-navigation-link--partnership a:before{content:'✦';color:var(--rnx-primary);}
.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a:before{content:'↪';}
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3{font-weight:600!important;}
@media(min-width:861px){
  .woocommerce-account .woocommerce-MyAccount-navigation{float:left;width:300px;margin-right:34px;}
  .woocommerce-account .woocommerce-MyAccount-content{float:right;width:calc(100% - 334px);}
  .rnx-account-profile-card{max-width:100%;}
}
@media(max-width:860px){
  .woocommerce-account .rnx-section{padding-top:12px!important;padding-bottom:96px!important;background:#f6f8fb;}
  .woocommerce-account .woocommerce-MyAccount-navigation{margin:0 0 22px!important;}
  .woocommerce-account .woocommerce-MyAccount-navigation ul{display:block!important;}
  .woocommerce-account .woocommerce-MyAccount-navigation li{display:block!important;width:100%!important;}
  .woocommerce-account .woocommerce-MyAccount-navigation li a{font-size:17px!important;min-height:58px!important;border-radius:16px!important;}
  .woocommerce-account .woocommerce-MyAccount-content{background:transparent!important;}
}


/* v1.0.21: My eSIM page clean view.
 * Hide only the account navigation options above the eSIM list. The actual
 * WooCommerce endpoints and functions remain unchanged. */
body.rnx-account-esim-endpoint.woocommerce-account .woocommerce-MyAccount-navigation{
  display:none!important;
}
body.rnx-account-esim-endpoint.woocommerce-account .woocommerce-MyAccount-content{
  float:none!important;
  width:100%!important;
  max-width:100%!important;
}
body.rnx-account-esim-endpoint.woocommerce-account .rnx-section{
  padding-top:12px!important;
}
@media (max-width:860px){
  body.rnx-account-esim-endpoint.woocommerce-account .woocommerce-MyAccount-navigation{
    display:none!important;
  }
  body.rnx-account-esim-endpoint.woocommerce-account .woocommerce-MyAccount-content{
    width:100%!important;
  }
}