/* ----------------------- My Account Base ----------------------- */

.woocommerce-account .woocommerce{
  max-width:1200px;
  margin:40px auto;
  display:grid;
  grid-template-columns:280px 1fr;
  gap:30px;
  align-items:flex-start;
}

/* ----------------------- Reset Woo Defaults ----------------------- */

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content{
  float:none !important;
  width:100% !important;
}

/* ----------------------- Sidebar ----------------------- */

.woocommerce-account .woocommerce-MyAccount-navigation{
  background:#5687AE;
  border-radius:16px;
  padding:20px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul{
  list-style:none;
  margin:0;
  padding:0;
}

.woocommerce-account .woocommerce-MyAccount-navigation li{
  margin-bottom:10px;
}

.woocommerce-account .woocommerce-MyAccount-navigation a{
  display:block;
  padding:12px 14px;
  color:#ffffff;
  border-radius:10px;
  text-decoration:none;
  transition:all 0.2s ease;
}

.woocommerce-account .woocommerce-MyAccount-navigation a:hover{
  background:#1f2937;
  color:#ffffff;
}

.woocommerce-account .woocommerce-MyAccount-navigation .is-active a{
  background:#8ECCEB;
  color:#063052;
}

/* ----------------------- Content Area ----------------------- */

.woocommerce-account .woocommerce-MyAccount-content{
  background:#ffffff;
  border-radius:16px;
  padding:30px;
}

/* ----------------------- Force Grid Children ----------------------- */

.woocommerce-account .woocommerce > *{
  min-width:0;
}

/* ----------------------- Ensure Proper Columns ----------------------- */

.woocommerce-account .woocommerce-MyAccount-navigation{
  grid-column:1;
}

.woocommerce-account .woocommerce-MyAccount-content{
  grid-column:2;
}

/* ----------------------- Fix Content Flow ----------------------- */

.woocommerce-account .woocommerce-MyAccount-content{
  display:block;
}

/* ----------------------- Fix Inner Text Position ----------------------- */

.woocommerce-account .woocommerce-MyAccount-content p{
  margin-top:0;
}

/* ----------------------- Dashboard Header ----------------------- */

.woocommerce-account .woocommerce-MyAccount-content > p:first-child{
  background:#f8fafc;
  padding:16px 20px;
  border-radius:12px;
  margin-bottom:20px;
  font-size:14px;
  line-height:1.6;
  color:#374151;
}

/* ----------------------- Fix spacing under sidebar ----------------------- */

.woocommerce-account .woocommerce{
  align-items:start;
}

/* ----------------------- Improve text links ----------------------- */

.woocommerce-account .woocommerce-MyAccount-content a{
  color:#2563eb;
  font-weight:500;
  text-decoration:none;
}

.woocommerce-account .woocommerce-MyAccount-content a:hover{
  text-decoration:underline;
}

/* ----------------------- Dashboard Intro Full Width ----------------------- */

.woocommerce-account .woocommerce-MyAccount-content > p:first-child{
  grid-column:1 / -1;
}

/* ----------------------- Cards Base ----------------------- */

.woocommerce-account .woocommerce-MyAccount-content > *:not(:first-child){
  background:#ffffff;
  border-radius:16px;
  padding:20px;
  box-shadow:0 10px 25px rgba(0,0,0,0.05);
  transition:all 0.2s ease;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info{
  padding-left:56px;
}

/* ----------------------- Hover Effect ----------------------- */

.woocommerce-account .woocommerce-MyAccount-content > *:not(:first-child):hover{
  transform:translateY(-3px);
  box-shadow:0 15px 35px rgba(0,0,0,0.08);
}

/* ----------------------- Headings ----------------------- */

.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3{
  font-size:16px;
  margin-bottom:10px;
  color:#111827;
}

/* ----------------------- Tables inside cards ----------------------- */

.woocommerce-account .woocommerce table{
  width:100%;
  border-collapse:collapse;
}

.woocommerce-account .woocommerce table th,
.woocommerce-account .woocommerce table td{
  padding:10px;
  font-size:14px;
  text-align:left;
}

/* ----------------------- Buttons ----------------------- */

.woocommerce-account .woocommerce .button{
  background:#2563eb;
  color:#fff;
  border-radius:8px;
  padding:8px 14px;
  font-size:13px;
}

.woocommerce-account .woocommerce .button:hover{
  background:#1d4ed8;
}

/* ----------------------- Safe Dashboard Layout ----------------------- */

/* keep everything normal by default */
.woocommerce-account .woocommerce-MyAccount-content{
  display:block;
}

/* style dashboard intro box */
.woocommerce-account .woocommerce-MyAccount-content > p:first-child{
  background:#f8fafc;
  padding:16px 20px;
  border-radius:12px;
  margin-bottom:20px;
}

/* optional small card feel WITHOUT grid breaking layout */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address,
.woocommerce-account .woocommerce-MyAccount-content form{
  background:#ffffff;
  padding:20px;
  border-radius:16px;
  box-shadow:0 10px 25px rgba(0,0,0,0.05);
}

/* ----------------------- Fix Addresses Double Card ----------------------- */

/* remove card styling from inner address boxes */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address{
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
}

/* keep only outer wrapper as card */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses{
  background:#ffffff;
  padding:20px;
  border-radius:16px;
  box-shadow:0 10px 25px rgba(0,0,0,0.05);
}

/* ----------------------- Correct Addresses Layout ----------------------- */

.woocommerce-account .woocommerce .woocommerce-Addresses{
  display:flex;
  gap:20px;
}

.woocommerce-account .woocommerce .woocommerce-Addresses .woocommerce-Address{
  flex:1;
}

/* ensure equal height + alignment */
.woocommerce-account .woocommerce .woocommerce-Addresses .woocommerce-Address{
  background:transparent;
}

/* fix headings spacing */
.woocommerce-account .woocommerce .woocommerce-Addresses h3{
  margin-bottom:10px;
}

/* ----------------------- FIX ICON SELECTORS ----------------------- */

.woocommerce-account .woocommerce-MyAccount-navigation li a{
  display:flex;
  align-items:center;
  gap:12px;
}

/* ----------------------- Scroll Fade Indicators ----------------------- */

@media (max-width:768px){

  .woocommerce-account .woocommerce-MyAccount-navigation{
    position:relative;
  }

  /* left fade */
  .woocommerce-account .woocommerce-MyAccount-navigation::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:30px;
    height:100%;
    background:linear-gradient(to right, #5687AE 0%, rgba(86,135,174,0) 100%);
    pointer-events:none;
    z-index:2;
  }

  /* right fade */
  .woocommerce-account .woocommerce-MyAccount-navigation::after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:30px;
    height:100%;
    background:linear-gradient(to left, #5687AE 0%, rgba(86,135,174,0) 100%);
    pointer-events:none;
    z-index:2;
  }

}

/* ----------------------- Final Dropdown Restore ----------------------- */

.woocommerce-account .woocommerce form.register select{
  height:52px !important;
  border:1px solid #e5e7eb !important;
  border-radius:14px !important;
  background:#f9fafb !important;
  box-shadow:none !important;
  font-size:13px !important;
  font-weight:400 !important;
  color:#111827 !important;
}

.woocommerce-account .woocommerce form.register .select2-container .select2-selection--single{
  height:52px !important;
  border:1px solid #e5e7eb !important;
  border-radius:14px !important;
  background:#f9fafb !important;
  box-shadow:none !important;
}

.woocommerce-account .woocommerce form.register .select2-container .select2-selection__rendered,
.woocommerce-account .woocommerce form.register .select2-container .select2-selection__placeholder{
  height:52px !important;
  line-height:40px !important;
  padding-left:16px !important;
  padding-right:40px !important;
  padding-top:6px !important;
  padding-bottom:6px !important;
  font-size:13px !important;
  font-weight:400 !important;
  color:#111827 !important;
}

/* ----------------------- Final Auth / Terms / Dropdown Tuning ----------------------- */

.woocommerce-account .woocommerce > #customer_login .u-column1 form,
.woocommerce-account .woocommerce > #customer_login .u-column2 form,
.woocommerce-account .woocommerce > #customer_login .col-1 form,
.woocommerce-account .woocommerce > #customer_login .col-2 form{
  transition:transform 0.22s ease, box-shadow 0.22s ease;
}

.woocommerce-account .woocommerce > #customer_login .u-column1 form:hover,
.woocommerce-account .woocommerce > #customer_login .u-column2 form:hover,
.woocommerce-account .woocommerce > #customer_login .col-1 form:hover,
.woocommerce-account .woocommerce > #customer_login .col-2 form:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 40px rgba(15,23,42,0.10);
}

.woocommerce-account .woocommerce form .rizeup_physician_row{
  gap:0 !important;
}

.woocommerce-account .woocommerce form.register select{
  height:52px !important;
  border:1px solid #e5e7eb !important;
  border-radius:14px !important;
  background:#f9fafb !important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,0.04) !important;
}

.woocommerce-account .woocommerce form.register .select2-container .select2-selection--single{
  height:52px !important;
  border:1px solid #e5e7eb !important;
  border-radius:14px !important;
  background:#f9fafb !important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,0.04) !important;
}

.woocommerce-account .woocommerce form.register .select2-container .select2-selection__rendered,
.woocommerce-account .woocommerce form.register .select2-container .select2-selection__placeholder{
  line-height:40px !important;
}

.woocommerce-account .woocommerce form.register .select2-dropdown{
  border:none !important;
  box-shadow:0 18px 36px rgba(15,23,42,0.14) !important;
}

.rizeup_terms_box{
  max-height:none !important;
  overflow:hidden !important;
  padding:14px 0 !important;
}

.rizeup_terms_content{
  max-height:272px;
  overflow-y:auto;
  overflow-x:hidden;
  padding:0 18px !important;
  box-sizing:border-box;
}

.rizeup_terms_content::-webkit-scrollbar{
  width:6px;
}

.rizeup_terms_content::-webkit-scrollbar-thumb{
  background:#ccc;
  border-radius:10px;
}

/* ----------------------- RizeUp Inline Controls Fix ----------------------- */

/* checkbox rows inline */
.woocommerce form.register .form-row label:has(input[type="checkbox"]){
  display:flex;
  align-items:center;
  gap:10px;
}

/* fix label font consistency */
.woocommerce form.register label{
  font-size:13px !important;
  font-weight:600 !important;
}

.woocommerce form.register .rizeup_inline_row{
  display:flex;
  align-items:center;
  gap:10px;
}

/* ----------------------- RizeUp Inline Layout FIX ----------------------- */

.rizeup_inline_row{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}

.rizeup_inline_label{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0;
}

/* remove weird spacing */
.rizeup_inline_row br{
  display:none !important;
}

/* ----------------------- Physician FINAL UI FIX ----------------------- */

.rizeup_physician_row{
  display:flex;
  align-items:center;
  gap:20px;
  margin-bottom:18px;
}

/* make label identical to Woo labels */
.rizeup_physician_label{
  font-size:13px;
  font-weight:600;
  color:#222;
  display:block;
  margin-bottom:6px;
  min-width:220px;
}

/* radios */
.rizeup_radio{
  display:flex;
  align-items:center;
  gap:6px;
}

/* align radios vertically with label baseline */
.rizeup_physician_row .rizeup_radio{
  margin-top:18px;
}

/* smooth base */
.rizeup_regform_shipping_fields,
.rizeup_regform_referred_field{
  max-height:0;
  opacity:0;
  overflow:hidden;
}

.rizeup_terms_box{
  max-height:300px;
  overflow-y:auto;
  overflow-x:hidden;
  border:1px solid #e5e5e5;
  border-radius:10px;
  background:#fafafa;
  padding:18px;
  margin-top:10px;
}

.rizeup_terms_box::-webkit-scrollbar{
  width:6px;
}

.rizeup_terms_box::-webkit-scrollbar-thumb{
  background:#ccc;
  border-radius:10px;
}

.rizeup_terms_content{
  font-size:13px;
  line-height:1.6;
  color:#444;
  overflow-wrap:break-word;
}

.rizeup_terms_content h1,
.rizeup_terms_content h2{
  font-size:14px;
  margin:12px 0 6px;
  color:#222;
}

.rizeup_terms_content ul{
  padding-left:18px;
}

/* ----------------------- RizeUp Specific Font Reduction ONLY ----------------------- */

/* 1. Password notice */
.woocommerce form.register .woocommerce-password-hint,
.woocommerce form.register .woocommerce-password-hint + span,
.woocommerce form.register small{
  font-size:12px !important;
}

/* 2. Terms & Conditions box */
.rizeup_terms_box,
.rizeup_terms_content{
  font-size:12px !important;
  line-height:1.5;
}

/* 3. Privacy policy text (bottom line) */
.woocommerce form.register .woocommerce-privacy-policy-text{
  font-size:12px !important;
  line-height:1.5;
}

/* ----------------------- FIX 1: password notice font ----------------------- */
.woocommerce form.register p{
  font-size:14px;
}

.woocommerce form.register p:has(+ .form-row) {
  font-size:12px !important;
}

/* safer fallback (Woo default class may vary) */
.woocommerce form.register p{
  max-width:100%;
}

.woocommerce form.register p:has(em),
.woocommerce form.register p:has(small){
  font-size:12px !important;
}

/* ----------------------- FIX 2: terms box padding ----------------------- */
.rizeup_terms_box{
  padding:18px !important;
  box-sizing:border-box;
}

.rizeup_terms_content{
  margin:0 !important;
  padding:0 !important;
}

/* ----------------------- FIX dropdown placeholder size ONLY ----------------------- */

/* restore dropdown font */
.woocommerce form.register select{
  font-size:14px !important;
}

/* ensure selected/placeholder text normal */
.woocommerce form.register .select2-selection__rendered{
  font-size:14px !important;
}

/* ----------------------- Final Label Alignment Fix ----------------------- */

.woocommerce-account .woocommerce form .rizeup_physician_row,
.woocommerce-account .woocommerce form .rizeup_inline_row{
  margin-left:0 !important;
  padding-left:0 !important;
  justify-content:flex-start;
}

.woocommerce-account .woocommerce form .rizeup_physician_label,
.woocommerce-account .woocommerce form .rizeup_inline_label span{
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1.2 !important;
  color:#111827 !important;
}

.woocommerce-account .woocommerce form .rizeup_inline_label{
  margin:0 !important;
  padding:0 !important;
  align-items:center;
  gap:10px;
}

.woocommerce-account .woocommerce form .rizeup_inline_label input[type="checkbox"],
.woocommerce-account .woocommerce form .rizeup_physician_row input[type="radio"]{
  margin:0 !important;
}

.woocommerce-account .woocommerce form .rizeup_physician_row{
  margin-bottom:18px;
  padding-left:0 !important;
  gap:18px;
}

.woocommerce-account .woocommerce form .rizeup_physician_label{
  display:block;
  margin:0 !important;
  padding:0 !important;
  min-width:220px;
}

.woocommerce-account .woocommerce form .rizeup_physician_row .rizeup_radio{
  margin-top:0 !important;
  gap:8px;
}

.woocommerce-account .woocommerce form .rizeup_physician_row .rizeup_radio input[type="radio"]{
  margin-right:2px !important;
}

.woocommerce-account .woocommerce form.register select,
.woocommerce-account .woocommerce form.register .select2-selection__rendered,
.woocommerce-account .woocommerce form.register .select2-selection__placeholder,
.select2-container--default .select2-results__option{
  font-size:13px !important;
  font-weight:400 !important;
}

/* ----------------------- HIDE ARROWS ON DESKTOP ----------------------- */

@media (min-width:769px){
  .rizeup-nav-arrow{
    display:none !important;
  }
}

/* ----------------------- Final Dropdown + Terms Fix ----------------------- */

.woocommerce-account .woocommerce form.register select{
  height:52px !important;
  border:none !important;
  border-radius:14px !important;
  background:#f9fafb !important;
  box-shadow:0 6px 18px rgba(15,23,42,0.06), inset 0 1px 2px rgba(0,0,0,0.03) !important;
  font-size:13px !important;
  font-weight:400 !important;
  color:#111827 !important;
}

.woocommerce-account .woocommerce form.register .select2-container .select2-selection--single{
  height:52px !important;
  width:auto;
  border-radius:14px !important;
  background:#f9fafb !important;
}

.woocommerce-account .woocommerce form.register .select2-container .select2-selection__rendered,
.woocommerce-account .woocommerce form.register .select2-container .select2-selection__placeholder{
  height:52px !important;
  line-height:40px !important;
  padding-left:16px !important;
  padding-right:40px !important;
  padding-top:6px !important;
  padding-bottom:6px !important;
  font-size:13px !important;
  font-weight:400 !important;
  color:#111827 !important;
}

.woocommerce-account .woocommerce form.register .select2-container .select2-selection__arrow{
  height:52px !important;
  right:12px !important;
}

.woocommerce-account .woocommerce form.register .select2-dropdown,
.woocommerce-account .woocommerce form.register .select2-results__option{
  font-size:13px !important;
  font-weight:400 !important;
}

.rizeup_terms_box{
  padding:0 !important;
}

.rizeup_terms_content{
  display:block;
  padding:18px 18px 22px !important;
  box-sizing:border-box;
}

.rizeup_terms_content > :first-child{
  margin-top:0 !important;
}

.rizeup_terms_content > :last-child{
  margin-bottom:0 !important;
}


/* ----------------------- PREMIUM FORM STYLE ----------------------- */

.woocommerce-account .woocommerce form{
  background:#ffffff;
  border-radius:16px;
  padding:30px;
  box-shadow:0 10px 25px rgba(0,0,0,0.05);
}

/* form rows spacing */
.woocommerce-account .woocommerce form p{
  margin-bottom:18px;
}

/* labels */
.woocommerce-account .woocommerce form label{
  font-size:13px;
  font-weight:500;
  color:#374151;
  margin-bottom:6px;
  display:block;
}

/* inputs */
.woocommerce-account .woocommerce form input[type="text"],
.woocommerce-account .woocommerce form input[type="email"],
.woocommerce-account .woocommerce form input[type="password"],
.woocommerce-account .woocommerce form select{
  width:100%;
  height:44px;
  padding:0 14px;
  border-radius:10px;
  border:1px solid #e5e7eb;
  background:#f9fafb;
  font-size:14px;
  transition:all 0.2s ease;
}

/* focus state */
.woocommerce-account .woocommerce form input:focus,
.woocommerce-account .woocommerce form select:focus{
  border-color:#2563eb;
  background:#ffffff;
  box-shadow:0 0 0 2px rgba(37,99,235,0.15);
  outline:none;
}

/* password section box */
.woocommerce-account .woocommerce fieldset{
  border:1px solid #e5e7eb;
  border-radius:12px;
  padding:20px;
  margin-top:10px;
}

/* help text */
.woocommerce-account .woocommerce form span{
  font-size:12px;
  color:#6b7280;
}

/* button */
.woocommerce-account .woocommerce .button{
  background:#2563eb;
  color:#fff;
  border:none;
  border-radius:10px;
  padding:10px 18px;
  font-size:14px;
  font-weight:500;
  transition:all 0.2s ease;
}

.woocommerce-account .woocommerce .button:hover{
  background:#1d4ed8;
}


/* ----------------------- 2 COLUMN FORM (DESKTOP) ----------------------- */

@media (min-width:768px){

  .woocommerce-account .woocommerce form .form-row-first,
  .woocommerce-account .woocommerce form .form-row-last{
    width:48%;
    display:inline-block;
  }

  .woocommerce-account .woocommerce form .form-row-first{
    margin-right:4%;
  }

}

/* ----------------------- PREMIUM INPUT STYLE (MATCH LOGIN) ----------------------- */

.woocommerce-account .woocommerce form input[type="text"],
.woocommerce-account .woocommerce form input[type="email"],
.woocommerce-account .woocommerce form input[type="password"],
.woocommerce-account .woocommerce form select{

  height:48px;
  border-radius:12px;
  border:1px solid #e5e7eb;
  background:#ffffff;
  padding:0 16px;
  font-size:14px;
  color:#111827;

  box-shadow:0 2px 6px rgba(0,0,0,0.03);
  transition:all 0.2s ease;
}

/* focus = premium glow */
.woocommerce-account .woocommerce form input:focus,
.woocommerce-account .woocommerce form select:focus{
  border-color:#2563eb;
  box-shadow:0 0 0 3px rgba(37,99,235,0.15);
  background:#ffffff;
}

/* remove ugly default styles */
.woocommerce-account .woocommerce input{
  outline:none;
}

/* ----------------------- LABEL POLISH ----------------------- */

.woocommerce-account .woocommerce form label{
  font-size:13px;
  font-weight:500;
  color:#111827;
  margin-bottom:6px;
}

/* ----------------------- PASSWORD BOX CLEAN ----------------------- */

.woocommerce-account .woocommerce fieldset{
  border:1px solid #f1f5f9;
  background:#f9fafb;
  border-radius:14px;
  padding:20px;
}

/* ----------------------- BUTTON (MATCH LOGIN) ----------------------- */

.woocommerce-account .woocommerce .button{

  width:auto;
  min-width:160px;

  background:linear-gradient(135deg,#2563eb,#1d4ed8);
  color:#ffffff;

  border:none;
  border-radius:12px;

  padding:12px 18px;
  font-size:14px;
  font-weight:600;

  box-shadow:0 6px 18px rgba(37,99,235,0.25);

  transition:all 0.2s ease;
}

/* hover */
.woocommerce-account .woocommerce .button:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(37,99,235,0.35);
}

/* disabled state fix */
.woocommerce-account .woocommerce .button:disabled{
  opacity:0.6;
  cursor:not-allowed;
  box-shadow:none;
}

/* ----------------------- SOFT INPUT STYLE (MATCH LOGIN EXACT) ----------------------- */

.woocommerce-account .woocommerce form input[type="text"],
.woocommerce-account .woocommerce form input[type="email"],
.woocommerce-account .woocommerce form input[type="password"],
.woocommerce-account .woocommerce form select{

  height:52px;
  border-radius:14px;

  border:1px solid #e5e7eb;
  background:#f9fafb;

  padding:0 16px;
  font-size:14px;
  color:#111827;

  box-shadow:inset 0 1px 2px rgba(0,0,0,0.04);
  transition:all 0.2s ease;
}

/* focus = soft glow */
.woocommerce-account .woocommerce form input:focus,
.woocommerce-account .woocommerce form select:focus{
  border-color:#d1d5db;
  background:#ffffff;
  box-shadow:0 0 0 3px rgba(0,0,0,0.04);
}

/* ----------------------- REMOVE HARSH FIELDSET LOOK ----------------------- */

.woocommerce-account .woocommerce fieldset{
  border:1px solid #e5e7eb;
  background:#ffffff;
  border-radius:16px;
}

/* ----------------------- BLACK LOGIN BUTTON STYLE ----------------------- */

.woocommerce-account .woocommerce .button{

  width:100%;
  margin-top:10px;

  background:#000000;
  color:#ffffff;

  border:none;
  border-radius:14px;

  padding:14px;
  font-size:15px;
  font-weight:600;

  box-shadow:0 6px 18px rgba(0,0,0,0.15);

  transition:all 0.2s ease;
}

/* hover */
.woocommerce-account .woocommerce .button:hover{
  background:#111111;
  transform:translateY(-1px);
}

/* active */
.woocommerce-account .woocommerce .button:active{
  transform:translateY(0);
  box-shadow:0 3px 10px rgba(0,0,0,0.15);
}

/* ----------------------- REMOVE <br> IN FORMS ----------------------- */

.woocommerce-account .woocommerce form br{
  display:none !important;
}

/* ----------------------- FIX LABEL + ASTERISK INLINE ----------------------- */

.woocommerce-account .woocommerce form label{
  display:flex;
  align-items:center;
  gap:4px;
  line-height:1.2;
}

/* ensure star stays inline */
.woocommerce-account .woocommerce form .required{
  display:inline;
  margin-left:2px;
  color:#ef4444;
  font-size:14px;
}

/* prevent line breaks */
.woocommerce-account .woocommerce form label span{
  display:inline;
}

/* ----------------------- Shared Auth Form Match ----------------------- */

/* let the My Account content card act as the outer shell */
.woocommerce-account .woocommerce-EditAccountForm{
  background:transparent;
  box-shadow:none;
  border-radius:0;
  padding:0;
}

.woocommerce-account .woocommerce-EditAccountForm .form-row{
  margin-bottom:18px;
}

.woocommerce-account .woocommerce-EditAccountForm label,
.woocommerce-account .woocommerce-form-login label,
.woocommerce-account .woocommerce-form-register label{
  display:flex;
  align-items:center;
  gap:4px;
  margin-bottom:8px;
  font-size:13px;
  font-weight:500;
  line-height:1.2;
  color:#111827;
}

.woocommerce-account .woocommerce-EditAccountForm .input-text,
.woocommerce-account .woocommerce-EditAccountForm select,
.woocommerce-account .woocommerce-form-login .input-text,
.woocommerce-account .woocommerce-form-register .input-text{
  width:100%;
  height:52px;
  padding:0 16px;
  border:1px solid #e5e7eb;
  border-radius:14px;
  background:#f9fafb;
  color:#111827;
  font-size:14px;
  box-shadow:inset 0 1px 2px rgba(0,0,0,0.04);
  transition:all 0.2s ease;
}

.woocommerce-account .woocommerce-EditAccountForm .input-text:focus,
.woocommerce-account .woocommerce-EditAccountForm select:focus,
.woocommerce-account .woocommerce-form-login .input-text:focus,
.woocommerce-account .woocommerce-form-register .input-text:focus{
  border-color:#d1d5db;
  background:#ffffff;
  box-shadow:0 0 0 3px rgba(0,0,0,0.04);
  outline:none;
}

.woocommerce-account .woocommerce-EditAccountForm .password-input,
.woocommerce-account .woocommerce-form-login .password-input,
.woocommerce-account .woocommerce-form-register .password-input{
  display:block;
  width:100%;
}

.woocommerce-account .woocommerce-EditAccountForm fieldset{
  margin:24px 0 0;
  padding:0;
  border:0;
  background:transparent;
}

.woocommerce-account .woocommerce-EditAccountForm legend{
  margin-bottom:14px;
  padding:0;
  font-size:15px;
  font-weight:600;
  color:#111827;
}

.woocommerce-account .woocommerce-EditAccountForm em,
.woocommerce-account .woocommerce-form-login em,
.woocommerce-account .woocommerce-form-register em,
.woocommerce-account .woocommerce-EditAccountForm span#account_display_name_description{
  display:block;
  margin-top:8px;
  font-size:12px;
  font-style:normal;
  line-height:1.5;
  color:#6b7280;
}

.woocommerce-account .woocommerce-EditAccountForm .button,
.woocommerce-account .woocommerce-form-login .button,
.woocommerce-account .woocommerce-form-register .button{
  width:100%;
  margin-top:10px;
  background:#000000;
  color:#ffffff;
  border:none;
  border-radius:14px;
  padding:14px;
  font-size:15px;
  font-weight:600;
  box-shadow:0 6px 18px rgba(0,0,0,0.15);
  transition:all 0.2s ease;
}

.woocommerce-account .woocommerce-EditAccountForm .button:hover,
.woocommerce-account .woocommerce-form-login .button:hover,
.woocommerce-account .woocommerce-form-register .button:hover{
  background:#111111;
  transform:translateY(-1px);
  color:#ffffff;
  box-shadow:none;
}

.woocommerce-account .woocommerce-EditAccountForm .button:hover{
  color:#ffffff;
  box-shadow:none;
}

.woocommerce-account .woocommerce-EditAccountForm .button{
  height:52px;
  width:auto;
}

.woocommerce-account .woocommerce-EditAccountForm .button:active,
.woocommerce-account .woocommerce-form-login .button:active,
.woocommerce-account .woocommerce-form-register .button:active{
  transform:translateY(0);
  box-shadow:0 3px 10px rgba(0,0,0,0.15);
}

/* ----------------------- Desktop Form Layout Fix ----------------------- */

@media (min-width:769px){
  .woocommerce-account .woocommerce-MyAccount-content form{
    width:100%;
    max-width:none;
    margin:0;
  }

  .woocommerce-account .woocommerce-EditAccountForm{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:18px 24px;
    align-items:start;
  }

  .woocommerce-account .woocommerce-EditAccountForm .clear{
    display:none;
  }

  .woocommerce-account .woocommerce-EditAccountForm .form-row{
    float:none !important;
    width:100% !important;
    margin:0;
    display:block;
  }

  .woocommerce-account .woocommerce-EditAccountForm .form-row-first{
    grid-column:1;
  }

  .woocommerce-account .woocommerce-EditAccountForm .form-row-last{
    grid-column:2;
  }

  .woocommerce-account .woocommerce-EditAccountForm .form-row-wide,
  .woocommerce-account .woocommerce-EditAccountForm fieldset,
  .woocommerce-account .woocommerce-EditAccountForm > p:not(.form-row){
    grid-column:1 / -1;
  }
}

/* ----------------------- Logged-Out Auth Layout Fix ----------------------- */

.woocommerce-account .woocommerce > #customer_login{
  grid-column:1 / -1;
  width:100%;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:32px;
  align-items:start;
  direction:ltr;
}

.woocommerce-account .woocommerce > #customer_login .u-column1,
.woocommerce-account .woocommerce > #customer_login .u-column2,
.woocommerce-account .woocommerce > #customer_login .col-1,
.woocommerce-account .woocommerce > #customer_login .col-2{
  float:none;
  width:100%;
  max-width:none;
  margin:0;
  min-width:0;
  display:block;
  clear:none !important;
}

.woocommerce-account .woocommerce > #customer_login .u-column1,
.woocommerce-account .woocommerce > #customer_login .col-1{
  grid-column:1;
}

.woocommerce-account .woocommerce > #customer_login .u-column2,
.woocommerce-account .woocommerce > #customer_login .col-2{
  grid-column:2;
}

.woocommerce-account .woocommerce > #customer_login h2{
  margin:0 0 14px;
}

.woocommerce-account .woocommerce > .woocommerce-form-login,
.woocommerce-account .woocommerce > h2{
  grid-column:1 / -1;
}

.woocommerce-account .woocommerce > .woocommerce-form-login{
  width:100%;
  max-width:640px;
}

@media (max-width:768px){
  .woocommerce-account .woocommerce > #customer_login{
    display:block;
  }

  .woocommerce-account .woocommerce > .woocommerce-form-login{
    max-width:none;
  }

  .woocommerce-account .woocommerce > #customer_login .u-column1,
  .woocommerce-account .woocommerce > #customer_login .col-1{
    margin-bottom:24px;
  }
}

@media (max-width:768px){

  .woocommerce-account .woocommerce-MyAccount-navigation{
    position:relative;
  }

  /* arrows base */
  .rizeup-nav-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:28px;
    height:28px;
    border-radius:50%;
    background:#0f172a;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    cursor:pointer;
    z-index:3;
    opacity:0;
    pointer-events:none;
    transition:0.2s ease;
  }

  .rizeup-nav-arrow.left{ left:5px; }
  .rizeup-nav-arrow.right{ right:5px; }

  .rizeup-nav-arrow.active{
    opacity:1;
    pointer-events:auto;
  }

}

/* base icon */
.woocommerce-account .woocommerce-MyAccount-navigation li a::before{
  content:"";
  width:18px;
  height:18px;
  display:inline-block;
  background-size:contain;
  background-repeat:no-repeat;
  flex-shrink:0;
}

/* correct Woo classes */

.woocommerce-MyAccount-navigation-link--dashboard a::before{
  background-image:url("data:image/svg+xml;utf8,<svg fill='%23e5e7eb' viewBox='0 0 24 24'><path d='M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z'/></svg>");
}

.woocommerce-MyAccount-navigation-link--orders a::before{
  background-image:url("data:image/svg+xml;utf8,<svg fill='%23e5e7eb' viewBox='0 0 24 24'><path d='M3 3h18v4H3V3zm0 6h18v12H3V9zm4 2v2h10v-2H7z'/></svg>");
}

.woocommerce-MyAccount-navigation-link--downloads a::before{
  background-image:url("data:image/svg+xml;utf8,<svg fill='%23e5e7eb' viewBox='0 0 24 24'><path d='M5 20h14v-2H5v2zM12 2v12l4-4 1.41 1.41L12 17.83l-5.41-5.42L8 10l4 4V2z'/></svg>");
}

.woocommerce-MyAccount-navigation-link--edit-address a::before{
  background-image:url("data:image/svg+xml;utf8,<svg fill='%23e5e7eb' viewBox='0 0 24 24'><path d='M12 2C8 2 5 5 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-4-3-7-7-7z'/></svg>");
}

.woocommerce-MyAccount-navigation-link--edit-account a::before{
  background-image:url("data:image/svg+xml;utf8,<svg fill='%23e5e7eb' viewBox='0 0 24 24'><path d='M12 12c2.7 0 5-2.3 5-5s-2.3-5-5-5-5 2.3-5 5 2.3 5 5 5zm0 2c-3.3 0-10 1.7-10 5v3h20v-3c0-3.3-6.7-5-10-5z'/></svg>");
}

.woocommerce-MyAccount-navigation-link--customer-logout a::before{
  background-image:url("data:image/svg+xml;utf8,<svg fill='%23e5e7eb' viewBox='0 0 24 24'><path d='M16 13v-2H7V8l-5 4 5 4v-3h9zm3-10H9v2h10v14H9v2h10c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z'/></svg>");
}

/* ----------------------- ACTIVE ICON COLOR ----------------------- */

.woocommerce-account .woocommerce-MyAccount-navigation .is-active a::before{
  filter:brightness(0) saturate(100%) invert(14%) sepia(44%) saturate(1903%) hue-rotate(171deg) brightness(92%) contrast(98%);
}

/* ----------------------- MOBILE FIX (CRITICAL) ----------------------- */

@media (max-width:768px){

  /* REMOVE GRID COMPLETELY */
  .woocommerce-account .woocommerce{
    display:block !important;
  }

  /* FULL WIDTH SIDEBAR */
  .woocommerce-account .woocommerce-MyAccount-navigation{
    width:100% !important;
    border-radius:12px;
    padding:10px;
  }

  /* horizontal scroll menu */
  .woocommerce-account .woocommerce-MyAccount-navigation ul{
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;
    gap:10px;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation li{
    flex:0 0 auto;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation a{
    padding:10px 12px;
    font-size:13px;
  }

  /* content full width */
.woocommerce-account .woocommerce-MyAccount-content{
  width:100% !important;
  margin-top:15px;
  padding:20px;
}

}

.woocommerce-account .woocommerce-MyAccount-content{
  padding:0 !important;
}

/* ----------------------- Final Terms Content Typography ----------------------- */

.rizeup_terms_content p,
.rizeup_terms_content li,
.rizeup_terms_content ul,
.rizeup_terms_content ol{
  font-size:12px !important;
  line-height:1.6 !important;
  color:#444 !important;
}

.rizeup_terms_content h1,
.rizeup_terms_content h2,
.rizeup_terms_content h3,
.rizeup_terms_content h4,
.rizeup_terms_content h5,
.rizeup_terms_content h6{
  font-size:14px !important;
  line-height:1.4 !important;
  font-weight:600 !important;
  color:#222 !important;
  margin:16px 0 8px !important;
}

.rizeup_terms_content p{
  margin:0 0 12px !important;
}

.rizeup_terms_content ul,
.rizeup_terms_content ol{
  padding-left:18px !important;
  margin:0 0 12px !important;
}

/* ----------------------- Slightly Larger Checks ----------------------- */

.woocommerce-account .woocommerce form.register input[type="checkbox"],
.woocommerce-account .woocommerce form.register input[type="radio"]{
  width:16px;
  height:16px;
}

/* ----------------------- Premium Checks ----------------------- */

.woocommerce-account .woocommerce .woocommerce-form-login input[type="checkbox"],
.woocommerce-account .woocommerce .woocommerce-form-login input[type="radio"],
.woocommerce-account .woocommerce form.register input[type="checkbox"],
.woocommerce-account .woocommerce form.register input[type="radio"]{
  -webkit-appearance:none;
  appearance:none;
  width:18px;
  height:18px;
  flex:0 0 18px;
  margin:0 8px 0 0 !important;
  border:1.5px solid #cbd5e1;
  background:#ffffff;
  box-shadow:0 2px 6px rgba(15,23,42,0.08);
  display:inline-grid;
  place-content:center;
  cursor:pointer;
  transition:border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.woocommerce-account .woocommerce .woocommerce-form-login input[type="checkbox"],
.woocommerce-account .woocommerce form.register input[type="checkbox"]{
  border-radius:6px;
}

.woocommerce-account .woocommerce .woocommerce-form-login input[type="radio"],
.woocommerce-account .woocommerce form.register input[type="radio"]{
  border-radius:50%;
}

.woocommerce-account .woocommerce .woocommerce-form-login input[type="checkbox"]:hover,
.woocommerce-account .woocommerce .woocommerce-form-login input[type="radio"]:hover,
.woocommerce-account .woocommerce form.register input[type="checkbox"]:hover,
.woocommerce-account .woocommerce form.register input[type="radio"]:hover{
  border-color:#94a3b8;
  box-shadow:0 4px 12px rgba(15,23,42,0.10);
}

.woocommerce-account .woocommerce .woocommerce-form-login input[type="checkbox"]:focus-visible,
.woocommerce-account .woocommerce .woocommerce-form-login input[type="radio"]:focus-visible,
.woocommerce-account .woocommerce form.register input[type="checkbox"]:focus-visible,
.woocommerce-account .woocommerce form.register input[type="radio"]:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(17,24,39,0.10);
}

.woocommerce-account .woocommerce .woocommerce-form-login input[type="checkbox"]:checked,
.woocommerce-account .woocommerce form.register input[type="checkbox"]:checked{
  border-color:#111827;
  background-color:#111827;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 7.5 5.5 10 11 4.5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:center;
  background-size:12px 12px;
  box-shadow:0 6px 14px rgba(17,24,39,0.16);
}

.woocommerce-account .woocommerce .woocommerce-form-login input[type="radio"]:checked,
.woocommerce-account .woocommerce form.register input[type="radio"]:checked{
  border-color:#111827;
  background:radial-gradient(circle at center, #ffffff 0 32%, #111827 36% 100%);
  box-shadow:0 6px 14px rgba(17,24,39,0.16);
}

.woocommerce-account .woocommerce form.register .rizeup_radio{
  gap:10px !important;
}

.woocommerce-account .woocommerce form.register .rizeup_inline_label{
  gap:12px !important;
}

/* ----------------------- Final Control Alignment ----------------------- */

.woocommerce-account .woocommerce-form-login .woocommerce-form-login__rememberme{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px;
}

.woocommerce-account .woocommerce-form-login .woocommerce-form-login__rememberme input[type="checkbox"],
.woocommerce-account .woocommerce form.register .rizeup_radio input[type="radio"]{
  align-self:center;
  margin-top:0 !important;
  margin-bottom:0 !important;
}

.woocommerce-account .woocommerce form.register .rizeup_radio input[type="radio"]{
  margin-right:8px !important;
}

.woocommerce-account .woocommerce form.register .rizeup_radio{
  align-items:center !important;
}

/* ----------------------- Register Dropdown Menu Border Fix ----------------------- */

.woocommerce-account .woocommerce form.register .select2-dropdown,
.woocommerce-account .woocommerce form.register .select2-results,
.woocommerce-account .woocommerce form.register .select2-results__options{
  border:none !important;
}


/* ----------------------- Icon Render Fallback ----------------------- */

.woocommerce-account .woocommerce-MyAccount-navigation li a::before{
  content:"" !important;
  display:block !important;
  width:18px !important;
  height:18px !important;
  min-width:18px;
  min-height:18px;
  background-position:center;
  background-size:18px 18px;
  background-repeat:no-repeat;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard a::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e5e7eb' viewBox='0 0 24 24'%3E%3Cpath d='M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z'/%3E%3C/svg%3E") !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--orders a::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e5e7eb' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h18v4H3V3zm0 6h18v12H3V9zm4 2h10v2H7z'/%3E%3C/svg%3E") !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--downloads a::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e5e7eb' viewBox='0 0 24 24'%3E%3Cpath d='M5 20h14v-2H5v2zM12 2v12l4-4 1.41 1.41L12 17.83l-5.41-5.42L8 10l4 4V2z'/%3E%3C/svg%3E") !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-address a::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e5e7eb' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8 2 5 5 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-4-3-7-7-7z'/%3E%3C/svg%3E") !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-account a::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e5e7eb' viewBox='0 0 24 24'%3E%3Cpath d='M12 12c2.7 0 5-2.3 5-5s-2.3-5-5-5-5 2.3-5 5 2.3 5 5 5zm0 2c-3.3 0-10 1.7-10 5v3h20v-3c0-3.3-6.7-5-10-5z'/%3E%3C/svg%3E") !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e5e7eb' viewBox='0 0 24 24'%3E%3Cpath d='M16 13v-2H7V8l-5 4 5 4v-3h9zm3-10H9v2h10v14H9v2h10c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E") !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--support-tickets a::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e5e7eb' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16v12H5.17L4 17.17V4zm2 2v7.17L6.83 12H18V6H6zm3 1h6v2H9V7zm0 3h4v2H9v-2z'/%3E%3C/svg%3E") !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--inquiry a::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e5e7eb' viewBox='0 0 24 24'%3E%3Cpath d='M11 18h2v-2h-2v2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18a8 8 0 110-16 8 8 0 010 16zm0-14a4 4 0 00-4 4h2a2 2 0 114 0c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5a4 4 0 00-4-4z'/%3E%3C/svg%3E") !important;
}

/* ----------------------- Remove <br> in Sidebar ----------------------- */

.woocommerce-account .woocommerce-MyAccount-navigation li a br{
  display:none !important;
}

/* ensure proper alignment after removing br */
.woocommerce-account .woocommerce-MyAccount-navigation li a{
  display:flex;
  align-items:center;
  gap:12px;
}

/* ----------------------- Universal Icon System ----------------------- */

.woocommerce-account .woocommerce-MyAccount-navigation li a{
  display:flex;
  align-items:center;
  gap:12px;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a::before{
  content:"";
  width:18px;
  height:18px;
  display:inline-block;
  background-size:contain;
  background-repeat:no-repeat;
  flex-shrink:0;
  opacity:0.9;
}

/* Dashboard */
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard a::before{
  background-image:url("data:image/svg+xml;utf8,<svg fill='%23e5e7eb' viewBox='0 0 24 24'><path d='M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z'/></svg>");
}

/* Orders */
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--orders a::before{
  background-image:url("data:image/svg+xml;utf8,<svg fill='%23e5e7eb' viewBox='0 0 24 24'><path d='M3 3h18v4H3V3zm0 6h18v12H3V9zm4 2h10v2H7z'/></svg>");
}

/* Downloads */
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--downloads a::before{
  background-image:url("data:image/svg+xml;utf8,<svg fill='%23e5e7eb' viewBox='0 0 24 24'><path d='M5 20h14v-2H5v2zM12 2v12l4-4 1.41 1.41L12 17.83l-5.41-5.42L8 10l4 4V2z'/></svg>");
}

/* Addresses */
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-address a::before{
  background-image:url("data:image/svg+xml;utf8,<svg fill='%23e5e7eb' viewBox='0 0 24 24'><path d='M12 2C8 2 5 5 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-4-3-7-7-7z'/></svg>");
}

/* Account Details */
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-account a::before{
  background-image:url("data:image/svg+xml;utf8,<svg fill='%23e5e7eb' viewBox='0 0 24 24'><path d='M12 12c2.7 0 5-2.3 5-5s-2.3-5-5-5-5 2.3-5 5 2.3 5 5 5zm0 2c-3.3 0-10 1.7-10 5v3h20v-3c0-3.3-6.7-5-10-5z'/></svg>");
}

/* Logout */
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a::before{
  background-image:url("data:image/svg+xml;utf8,<svg fill='%23e5e7eb' viewBox='0 0 24 24'><path d='M16 13v-2H7V8l-5 4 5 4v-3h9zm3-10H9v2h10v14H9v2h10c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z'/></svg>");
}

/* ----------------------- Universal Icon System ----------------------- */

.woocommerce-account .woocommerce-MyAccount-navigation li a{
  display:flex;
  align-items:center;
  gap:12px;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a::before{
  content:"";
  width:18px;
  height:18px;
  display:inline-block;
  background-size:contain;
  background-repeat:no-repeat;
  flex-shrink:0;
  opacity:0.9;
}

/* Dashboard */
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard a::before{
  background-image:url("data:image/svg+xml;utf8,<svg fill='%23e5e7eb' viewBox='0 0 24 24'><path d='M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z'/></svg>");
}

/* Orders */
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--orders a::before{
  background-image:url("data:image/svg+xml;utf8,<svg fill='%23e5e7eb' viewBox='0 0 24 24'><path d='M3 3h18v4H3V3zm0 6h18v12H3V9zm4 2h10v2H7z'/></svg>");
}

/* Downloads */
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--downloads a::before{
  background-image:url("data:image/svg+xml;utf8,<svg fill='%23e5e7eb' viewBox='0 0 24 24'><path d='M5 20h14v-2H5v2zM12 2v12l4-4 1.41 1.41L12 17.83l-5.41-5.42L8 10l4 4V2z'/></svg>");
}

/* Addresses */
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-address a::before{
  background-image:url("data:image/svg+xml;utf8,<svg fill='%23e5e7eb' viewBox='0 0 24 24'><path d='M12 2C8 2 5 5 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-4-3-7-7-7z'/></svg>");
}

/* Account Details */
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-account a::before{
  background-image:url("data:image/svg+xml;utf8,<svg fill='%23e5e7eb' viewBox='0 0 24 24'><path d='M12 12c2.7 0 5-2.3 5-5s-2.3-5-5-5-5 2.3-5 5 2.3 5 5 5zm0 2c-3.3 0-10 1.7-10 5v3h20v-3c0-3.3-6.7-5-10-5z'/></svg>");
}

/* Logout */
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a::before{
  background-image:url("data:image/svg+xml;utf8,<svg fill='%23e5e7eb' viewBox='0 0 24 24'><path d='M16 13v-2H7V8l-5 4 5 4v-3h9zm3-10H9v2h10v14H9v2h10c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z'/></svg>");
}

/* ----------------------- Sidebar Icons ----------------------- */

.woocommerce-account .woocommerce-MyAccount-navigation a{
  display:flex;
  align-items:center;
  gap:10px;
}

/* default icon style */
.woocommerce-account .woocommerce-MyAccount-navigation a::before{
  content:"";
  width:16px;
  height:16px;
  display:inline-block;
  background-size:contain;
  background-repeat:no-repeat;
  opacity:0.8;
}

/* individual icons (SVG inline) */

.woocommerce-MyAccount-navigation-link--dashboard a::before{
  background-image:url("data:image/svg+xml;utf8,<svg fill='%23ffffff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z'/></svg>");
}

.woocommerce-MyAccount-navigation-link--orders a::before{
  background-image:url("data:image/svg+xml;utf8,<svg fill='%23ffffff' viewBox='0 0 24 24'><path d='M3 3h18v4H3V3zm0 6h18v12H3V9zm4 2v2h10v-2H7z'/></svg>");
}

.woocommerce-MyAccount-navigation-link--downloads a::before{
  background-image:url("data:image/svg+xml;utf8,<svg fill='%23ffffff' viewBox='0 0 24 24'><path d='M5 20h14v-2H5v2zM12 2v12l4-4 1.41 1.41L12 17.83l-5.41-5.42L8 10l4 4V2h0z'/></svg>");
}

.woocommerce-MyAccount-navigation-link--edit-address a::before{
  background-image:url("data:image/svg+xml;utf8,<svg fill='%23ffffff' viewBox='0 0 24 24'><path d='M12 2C8 2 5 5 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-4-3-7-7-7z'/></svg>");
}

.woocommerce-MyAccount-navigation-link--edit-account a::before{
  background-image:url("data:image/svg+xml;utf8,<svg fill='%23ffffff' viewBox='0 0 24 24'><path d='M12 12c2.7 0 5-2.3 5-5s-2.3-5-5-5-5 2.3-5 5 2.3 5 5 5zm0 2c-3.3 0-10 1.7-10 5v3h20v-3c0-3.3-6.7-5-10-5z'/></svg>");
}

.woocommerce-MyAccount-navigation-link--customer-logout a::before{
  background-image:url("data:image/svg+xml;utf8,<svg fill='%23ffffff' viewBox='0 0 24 24'><path d='M16 13v-2H7V8l-5 4 5 4v-3h9zm3-10H9v2h10v14H9v2h10c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z'/></svg>");
}

/* ----------------------- Responsive (Tablet) ----------------------- */

@media (max-width:1024px){

  .woocommerce-account .woocommerce{
    grid-template-columns:220px 1fr;
    gap:20px;
  }

}

/* ----------------------- Responsive (Mobile) ----------------------- */

@media (max-width:768px){

  .woocommerce-account .woocommerce{
    display:block;
  }

  /* sidebar becomes horizontal scroll menu */
  .woocommerce-account .woocommerce-MyAccount-navigation{
    display:flex;
    overflow-x:auto;
    gap:10px;
    padding:10px;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation ul{
    display:flex;
    gap:10px;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation li{
    margin:0;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation a{
    white-space:nowrap;
    padding:10px 14px;
    font-size:13px;
  }

  /* content spacing */
  .woocommerce-account .woocommerce-MyAccount-content{
    margin-top:20px;
    padding:20px;
  }

}

/* ----------------------- FIX ICON SELECTORS ----------------------- */

.woocommerce-account .woocommerce-MyAccount-navigation li a{
  display:flex;
  align-items:center;
  gap:12px;
}

/* base icon */
.woocommerce-account .woocommerce-MyAccount-navigation li a::before{
  content:"";
  width:18px;
  height:18px;
  display:inline-block;
  background-size:contain;
  background-repeat:no-repeat;
  flex-shrink:0;
}

/* correct Woo classes */

.woocommerce-MyAccount-navigation-link--dashboard a::before{
  background-image:url("data:image/svg+xml;utf8,<svg fill='%23e5e7eb' viewBox='0 0 24 24'><path d='M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z'/></svg>");
}

.woocommerce-MyAccount-navigation-link--orders a::before{
  background-image:url("data:image/svg+xml;utf8,<svg fill='%23e5e7eb' viewBox='0 0 24 24'><path d='M3 3h18v4H3V3zm0 6h18v12H3V9zm4 2v2h10v-2H7z'/></svg>");
}

.woocommerce-MyAccount-navigation-link--downloads a::before{
  background-image:url("data:image/svg+xml;utf8,<svg fill='%23e5e7eb' viewBox='0 0 24 24'><path d='M5 20h14v-2H5v2zM12 2v12l4-4 1.41 1.41L12 17.83l-5.41-5.42L8 10l4 4V2z'/></svg>");
}

.woocommerce-MyAccount-navigation-link--edit-address a::before{
  background-image:url("data:image/svg+xml;utf8,<svg fill='%23e5e7eb' viewBox='0 0 24 24'><path d='M12 2C8 2 5 5 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-4-3-7-7-7z'/></svg>");
}

.woocommerce-MyAccount-navigation-link--edit-account a::before{
  background-image:url("data:image/svg+xml;utf8,<svg fill='%23e5e7eb' viewBox='0 0 24 24'><path d='M12 12c2.7 0 5-2.3 5-5s-2.3-5-5-5-5 2.3-5 5 2.3 5 5 5zm0 2c-3.3 0-10 1.7-10 5v3h20v-3c0-3.3-6.7-5-10-5z'/></svg>");
}

.woocommerce-MyAccount-navigation-link--customer-logout a::before{
  background-image:url("data:image/svg+xml;utf8,<svg fill='%23e5e7eb' viewBox='0 0 24 24'><path d='M16 13v-2H7V8l-5 4 5 4v-3h9zm3-10H9v2h10v14H9v2h10c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z'/></svg>");
}

/* ----------------------- ACTIVE ICON COLOR ----------------------- */

.woocommerce-account .woocommerce-MyAccount-navigation .is-active a::before{
  filter:brightness(0) saturate(100%) invert(14%) sepia(44%) saturate(1903%) hue-rotate(171deg) brightness(92%) contrast(98%);
}

/* ----------------------- MOBILE FIX (CRITICAL) ----------------------- */

@media (max-width:768px){

  /* REMOVE GRID COMPLETELY */
  .woocommerce-account .woocommerce{
    display:block !important;
  }

  /* FULL WIDTH SIDEBAR */
  .woocommerce-account .woocommerce-MyAccount-navigation{
    width:100% !important;
    border-radius:12px;
    padding:10px;
  }

  /* horizontal scroll menu */
  .woocommerce-account .woocommerce-MyAccount-navigation ul{
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;
    gap:10px;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation li{
    flex:0 0 auto;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation a{
    padding:10px 12px;
    font-size:13px;
  }

  /* content full width */
  .woocommerce-account .woocommerce-MyAccount-content{
    width:100% !important;
    margin-top:15px;
    padding:20px;
  }

}