/* Custom WooCommerce My Account UI Styles */
.wc-account-nav-wrapper{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:16px;position:relative;margin:0 0 24px;direction:rtl}
.wc-account-user-card{display:flex;align-items:center;margin-bottom:12px;gap:12px}
.wc-account-user-media img{border-radius:50%;box-shadow:0 0 0 3px #f2f2f2}
.wc-account-user-meta{display:flex;flex-direction:column;font-size:13px}
.wc-account-user-name{font-size:15px}
.wc-account-logout-link{font-size:11px;color:#d33;text-decoration:none;margin-top:4px}
.wc-account-logout-link:hover{color:#a00}
.wc-account-nav-toggle{display:none;align-items:center;gap:6px;background:#ad0000;color:#fff;border:0;border-radius:8px;padding:10px 14px;font-size:14px;cursor:pointer;width:100%;justify-content:space-between}
.wc-account-nav{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.wc-account-nav-item{margin:0}
.wc-account-nav-link{display:flex;align-items:center;gap:8px;background:#f8f8f8;border:1px solid #eee;border-radius:10px;padding:10px 12px;font-size:13px;color:#222;text-decoration:none;transition:.25s}
.wc-account-nav-link .fa{font-size:15px;color:#ad0000;opacity:.85;transition:.3s}
.wc-account-nav-link:hover{background:#fff;border-color:#ddd;box-shadow:0 4px 12px rgba(0,0,0,.05)}
.wc-account-nav-item.is-active .wc-account-nav-link{background:#ad0000;color:#fff;border-color:#8a0000}
.wc-account-nav-item.is-active .wc-account-nav-link .fa{color:#fff;opacity:1}
.wc-account-dashboard-custom{background:#fff;border:1px solid #e5e5e5;border-radius:14px;padding:20px}
/* Responsive */
@media (max-width:900px){.wc-account-nav{grid-template-columns:1fr 1fr 1fr}}
@media (max-width:640px){.wc-account-nav-toggle{display:flex}.wc-account-nav{grid-template-columns:1fr;display:none}.wc-account-nav.is-open{display:grid}.wc-account-nav-link{font-size:14px}}
/* Minor improvements */
.orders-box{margin-top:10px}
.orders-box .order-item{border:1px solid #e5e5e5;background:#fafafa;transition:.25s}
.orders-box .order-item:hover{background:#fff;box-shadow:0 6px 18px -4px rgba(0,0,0,.08)}
