/* VISTORA — WooCommerce My Account, rendered inside the dashboard shell (.vd-content).
   The dashboard sidebar is the main nav; the WC account nav becomes a horizontal
   tab bar. Overrides WooCommerce's default float/30% width (which cut the content). */

.vd-content .woocommerce { display: block; max-width: 920px; margin: 0 auto; }
.vd-content .woocommerce::after { content: ""; display: block; clear: both; }

/* Account nav → horizontal pill tabs (full width, no float) */
.vd-content .woocommerce-MyAccount-navigation {
  float: none !important; width: 100% !important; margin: 0 0 1.25rem;
  background: #fff; border: 1px solid var(--border, #E5E5E5); border-radius: 14px; padding: .4rem;
}
.vd-content .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .25rem; }
.vd-content .woocommerce-MyAccount-navigation li { margin: 0; border: 0; }
.vd-content .woocommerce-MyAccount-navigation li a {
  display: block; padding: .55rem 1.05rem; border-radius: 999px; text-decoration: none;
  color: var(--muted, #5A5A5A); font-weight: 600; font-size: .88rem; transition: background .15s, color .15s;
}
.vd-content .woocommerce-MyAccount-navigation li a:hover { background: color-mix(in srgb, var(--secondary, #F5E6D3) 55%, #fff); color: var(--primary, #4A3B6B); }
.vd-content .woocommerce-MyAccount-navigation li.is-active a { background: var(--primary, #4A3B6B); color: #fff; }

/* Content card */
.vd-content .woocommerce-MyAccount-content {
  float: none !important; width: 100% !important;
  background: #fff; border: 1px solid var(--border, #E5E5E5); border-radius: 16px;
  padding: 1.75rem; box-shadow: 0 16px 38px -28px rgba(74,59,107,.5);
}
.vd-content .woocommerce-MyAccount-content a:not(.button) { color: var(--primary, #4A3B6B); }
.vd-content .woocommerce-MyAccount-content h2, .vd-content .woocommerce-MyAccount-content h3 { font-family: 'Playfair Display', serif; color: var(--fg, #2D2D2D); margin-top: 0; }
.lang-ar .vd-content .woocommerce-MyAccount-content h2, .lang-ar .vd-content .woocommerce-MyAccount-content h3 { font-family: 'Cairo', serif; }

/* Buttons */
.vd-content .button, .vd-content .woocommerce-button, .vd-content button[type="submit"] {
  background: var(--primary, #4A3B6B) !important; color: #fff !important; border: 0 !important;
  border-radius: 999px !important; padding: .7rem 1.4rem !important; font-weight: 600 !important; box-shadow: none !important;
}
.vd-content .button:hover, .vd-content button[type="submit"]:hover { box-shadow: 0 12px 24px -14px rgba(74,59,107,.7) !important; }

/* Tables */
.vd-content .shop_table, .vd-content table.account-orders-table, .vd-content .woocommerce-orders-table {
  border-collapse: collapse; width: 100%; border: 1px solid var(--border, #E5E5E5); border-radius: 12px; overflow: hidden;
}
.vd-content .shop_table th { background: color-mix(in srgb, var(--secondary, #F5E6D3) 35%, #fff); padding: .8rem; text-align: start; font-weight: 700; }
.vd-content .shop_table td { padding: .8rem; border-top: 1px solid color-mix(in srgb, var(--border, #E5E5E5) 70%, transparent); }

/* Forms */
.vd-content .woocommerce-form-row label, .vd-content form .form-row label { font-weight: 600; font-size: .85rem; color: var(--fg, #2D2D2D); }
.vd-content input:not([type=checkbox]):not([type=radio]):not([type=submit]),
.vd-content select, .vd-content textarea {
  border: 1px solid var(--border, #E5E5E5) !important; border-radius: 10px !important; padding: .6rem .8rem !important;
  min-height: 2.8rem; background: #fff;
}

/* My Courses grid inside the account uses the catalog cards (course.css) — keep flush */
.vd-content .vlms-catalog { padding: 0; }