/*!
 * Ink Bomb Society - WooCommerce Account Page Styles
 * Version: 2.0.0
 * Last Updated: May 31, 2025
 * Author: Skyline Coders Development Team
 * 
 * Description:
 * Custom styling for WooCommerce My Account pages with dark theme design
 * Compatible with Astra Pro theme and Elementor page builder
 * 
 * Key Features:
 * - Dark mode design with brand colors (#c8102e primary, #18191A background)
 * - Responsive grid layouts for dashboard cards
 * - Enhanced mobile experience with card-based table layouts
 * - FontAwesome navigation icons with fallback Unicode symbols
 * - Professional button styling and hover effects
 * - Select2 dropdown compatibility
 * - Admin bar integration fixes
 * 
 * Dependencies:
 * - FontAwesome 6.4.0+ (loaded via CDN)
 * - WooCommerce 5.0+
 * - Astra Theme
 * - Optional: Elementor Pro
 */

/* External Dependencies */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');

/* ==========================================================================
   Base Account Page Setup
   ========================================================================== */

body.woocommerce-account {
    background-color: #18191A !important;
    color: #E4E6EB !important;
    font-family: 'Open Sans', sans-serif !important;
}

body.woocommerce-account .site-content,
body.woocommerce-account .ast-container,
body.woocommerce-account .ast-single-entry-banner {
    background-color: #18191A !important;
    color: #E4E6EB !important;
}

/* Elementor Widget Compatibility */
.woocommerce-account .woocommerce-MyAccount-content-wrapper,
.woocommerce-account .elementor-widget-woocommerce-my-account,
.woocommerce-account .elementor-widget-woocommerce-my-account .elementor-widget-container {
    background-color: #18191A !important;
    color: #E4E6EB !important;
}

/* ==========================================================================
   Notifications & Messages
   ========================================================================== */

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-notice,
.woocommerce-account .woocommerce-info {
    background-color: rgba(58, 59, 60, 0.3) !important;
    border: 1px solid #3A3B3C !important;
    border-left: 4px solid #c8102e !important;
    color: #E4E6EB !important;
    padding: 20px !important;
    margin: 20px 0 !important;
    border-radius: 8px !important;
    font-family: 'Open Sans', sans-serif !important;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message::before,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info::before,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-notice::before {
    display: none !important;
}

/* Empty State Styling */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table__cell,
.woocommerce-account .woocommerce-MyAccount-content .wc-empty-cart-message {
    background-color: rgba(58, 59, 60, 0.3) !important;
    border: 1px solid #3A3B3C !important;
    color: #E4E6EB !important;
    padding: 40px !important;
    text-align: center !important;
    border-radius: 12px !important;
    font-family: 'Open Sans', sans-serif !important;
}

/* Browse Products Button */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button.wc-forward {
    background-color: #c8102e !important;
    color: #E4E6EB !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 12px 24px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    display: inline-block !important;
    margin-top: 15px !important;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button.wc-forward:hover {
    background-color: #E4E6EB !important;
    color: #18191A !important;
}

/* ==========================================================================
   Dashboard Cards Layout
   ========================================================================== */

.woocommerce-account .inkbomb-dashboard-cards {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    gap: 25px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce-account .inkbomb-dashboard-card {
    background-color: #242526 !important;
    border-radius: 12px !important;
    padding: 25px !important;
    transition: all 0.3s ease !important;
    border: 1px solid #3A3B3C !important;
    display: block !important;
    position: relative !important;
    overflow: hidden !important;
    min-height: 180px !important;
}

/* Card Hover Effects */
.woocommerce-account .inkbomb-dashboard-card::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background: #c8102e !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
}

.woocommerce-account .inkbomb-dashboard-card:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 20px rgba(200, 16, 46, 0.15) !important;
    border-color: #c8102e !important;
}

.woocommerce-account .inkbomb-dashboard-card:hover::before {
    opacity: 1 !important;
}

/* Card Header Components */
.woocommerce-account .inkbomb-card-header {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 15px !important;
}

.woocommerce-account .inkbomb-card-icon {
    width: 45px !important;
    height: 45px !important;
    background-color: rgba(200, 16, 46, 0.1) !important;
    border-radius: 50% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-right: 15px !important;
    flex-shrink: 0 !important;
    border: 2px solid rgba(200, 16, 46, 0.2) !important;
}

.woocommerce-account .inkbomb-card-icon i {
    font-size: 20px !important;
    color: #c8102e !important;
}

.woocommerce-account .inkbomb-card-title {
    font-size: 18px !important;
    font-weight: 600 !important;
    margin: 0 !important;
    color: #FFFFFF !important;
    font-family: 'Montserrat', sans-serif !important;
}

.woocommerce-account .inkbomb-card-content {
    color: #E4E6EB !important;
    font-family: 'Open Sans', sans-serif !important;
    line-height: 1.5 !important;
}

.woocommerce-account .inkbomb-card-content p {
    margin-bottom: 15px !important;
    line-height: 1.5 !important;
    font-size: 14px !important;
}

/* ==========================================================================
   Button System
   ========================================================================== */

/* Primary Buttons */
.woocommerce-account .inkbomb-btn,
.woocommerce-account a.inkbomb-btn {
    display: inline-block !important;
    background-color: #c8102e !important;
    color: #E4E6EB !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    padding: 10px 20px !important;
    border-radius: 6px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-align: center !important;
    text-decoration: none !important;
    margin: 0 !important;
    vertical-align: middle !important;
}

.woocommerce-account .inkbomb-btn:hover,
.woocommerce-account a.inkbomb-btn:hover {
    background-color: #E4E6EB !important;
    color: #18191A !important;
    text-decoration: none !important;
}

/* Outline Buttons */
.woocommerce-account .inkbomb-btn-outline,
.woocommerce-account a.inkbomb-btn-outline {
    background: transparent !important;
    border: 2px solid #c8102e !important;
    color: #c8102e !important;
}

.woocommerce-account .inkbomb-btn-outline:hover,
.woocommerce-account a.inkbomb-btn-outline:hover {
    background-color: #E4E6EB !important;
    color: #18191A !important;
    border-color: #E4E6EB !important;
}

.woocommerce-account .inkbomb-button-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    align-items: center !important;
}

/* ==========================================================================
   Account Layout Structure
   ========================================================================== */

.woocommerce-account .woocommerce-MyAccount {
    display: flex !important;
    gap: 30px !important;
    align-items: flex-start !important;
    background: transparent !important;
}

/* Navigation Sidebar */
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation {
    background-color: #242526 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    width: 280px !important;
    flex-shrink: 0 !important;
    border: 1px solid #3A3B3C !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul,
.woocommerce-account .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: #242526 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li,
.woocommerce-account .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation li {
    border-bottom: 1px solid #3A3B3C !important;
    position: relative !important;
    background-color: #242526 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li:last-child,
.woocommerce-account .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation li:last-child {
    border-bottom: none !important;
}

/* Active State Indicator */
.woocommerce-account .woocommerce-MyAccount-navigation li::before,
.woocommerce-account .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation li::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 3px !important;
    background: #c8102e !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active::before,
.woocommerce-account .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation li.is-active::before {
    opacity: 1 !important;
}

/* Navigation Links */
.woocommerce-account .woocommerce-MyAccount-navigation a,
.woocommerce-account .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a {
    display: flex !important;
    align-items: center !important;
    padding: 18px 20px !important;
    color: #E4E6EB !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    background-color: #242526 !important;
    border: none !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation a:hover,
.woocommerce-account .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a:hover {
    background-color: rgba(200, 16, 46, 0.1) !important;
    color: #FFFFFF !important;
    padding-left: 25px !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation li.is-active a {
    background-color: #c8102e !important;
    color: #E4E6EB !important;
    font-weight: 600 !important;
}

/* Content Area */
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-MyAccount-content {
    flex-grow: 1 !important;
    background-color: #242526 !important;
    border-radius: 12px !important;
    padding: 40px !important;
    min-height: 500px !important;
    border: 1px solid #3A3B3C !important;
}

/* ==========================================================================
   Typography & Headers
   ========================================================================== */

.woocommerce-account .woocommerce-MyAccount-content h1,
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3,
.woocommerce-account .woocommerce-MyAccount-content h4 {
    color: #FFFFFF !important;
    font-family: 'Montserrat', sans-serif !important;
    margin-bottom: 20px !important;
    position: relative !important;
}

/* Standard H2 Headers */
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-customer-details h2,
.woocommerce-account .woocommerce-order-details h2,
.woocommerce-account .pickup-information h2,
.woocommerce-account .woocommerce-column__title {
    color: #FFFFFF !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 30px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    margin-bottom: 20px !important;
    position: relative !important;
    background-color: transparent !important;
    padding: 0 !important;
    border: none !important;
}

/* Header Accent Lines */
.woocommerce-account .woocommerce-MyAccount-content h2::after,
.woocommerce-account .woocommerce-customer-details h2::after,
.woocommerce-account .woocommerce-order-details h2::after,
.woocommerce-account .pickup-information h2::after {
    content: '' !important;
    position: absolute !important;
    bottom: -10px !important;
    left: 0 !important;
    width: 50px !important;
    height: 3px !important;
    background: #c8102e !important;
    border-radius: 2px !important;
}

.woocommerce-account .woocommerce-MyAccount-content p,
.woocommerce-account .woocommerce-MyAccount-content label,
.woocommerce-account .woocommerce-MyAccount-content span {
    color: #E4E6EB !important;
}

/* ==========================================================================
   Form Elements
   ========================================================================== */

.woocommerce-account .woocommerce-MyAccount-content input,
.woocommerce-account .woocommerce-MyAccount-content select,
.woocommerce-account .woocommerce-MyAccount-content textarea {
    background-color: #3A3B3C !important;
    border: 2px solid #3A3B3C !important;
    color: #FFFFFF !important;
    border-radius: 6px !important;
    padding: 12px 16px !important;
    font-family: 'Open Sans', sans-serif !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Enhanced Dropdowns */
.woocommerce-account .woocommerce-MyAccount-content select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-color: #242526 !important;
    color: #FFFFFF !important;
    background-image: url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%23FFFFFF' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 12px !important;
    cursor: pointer !important;
    border: 2px solid #c8102e !important;
}

/* Dropdown Options */
.woocommerce-account .woocommerce-MyAccount-content select option {
    background-color: #18191A !important;
    color: #FFFFFF !important;
    border: none !important;
    padding: 12px !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

.woocommerce-account .woocommerce-MyAccount-content select:focus {
    border-color: #c8102e !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(200, 16, 46, 0.15) !important;
    background-color: #18191A !important;
}

.woocommerce-account .woocommerce-MyAccount-content select:focus option:checked,
.woocommerce-account .woocommerce-MyAccount-content select:focus option:hover {
    background-color: #c8102e !important;
    color: #E4E6EB !important;
}

.woocommerce-account .woocommerce-MyAccount-content input:focus,
.woocommerce-account .woocommerce-MyAccount-content textarea:focus {
    border-color: #c8102e !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(200, 16, 46, 0.15) !important;
    background-color: rgba(58, 59, 60, 0.8) !important;
}

.woocommerce-account .woocommerce-MyAccount-content label {
    color: #E4E6EB !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important;
    margin-bottom: 8px !important;
    display: block !important;
}

/* ==========================================================================
   WooCommerce Buttons
   ========================================================================== */

.woocommerce-account .woocommerce-MyAccount-content .button,
.woocommerce-account .woocommerce-MyAccount-content button,
.woocommerce-account .woocommerce-MyAccount-content input[type="submit"],
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button,
.woocommerce-account .button,
.woocommerce-account button,
.woocommerce-account input[type="submit"] {
    background-color: #c8102e !important;
    color: #E4E6EB !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 12px 24px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    display: inline-block !important;
    text-align: center !important;
    vertical-align: middle !important;
    line-height: 1.4 !important;
    font-size: 16px !important;
}

.woocommerce-account .woocommerce-MyAccount-content .button:hover,
.woocommerce-account .woocommerce-MyAccount-content button:hover,
.woocommerce-account .woocommerce-MyAccount-content input[type="submit"]:hover,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button:hover,
.woocommerce-account .button:hover,
.woocommerce-account button:hover,
.woocommerce-account input[type="submit"]:hover {
    background-color: #E4E6EB !important;
    color: #18191A !important;
}

/* ==========================================================================
   Data Tables
   ========================================================================== */

/* Order Tables */
.woocommerce-account .woocommerce-orders-table,
.woocommerce-account .woocommerce-MyAccount-orders,
.woocommerce-account .shop_table.shop_table_responsive.my_account_orders,
.woocommerce-account .account-orders-table,
.woocommerce-account .woocommerce-MyAccount-content table {
    background-color: transparent !important;
    border-radius: 0 !important;
    border: none !important;
    border-top: 1px solid #3A3B3C !important;
    border-bottom: 1px solid #3A3B3C !important;
    overflow: hidden !important;
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.woocommerce-account .woocommerce-orders-table th,
.woocommerce-account .woocommerce-MyAccount-orders th,
.woocommerce-account .shop_table.shop_table_responsive.my_account_orders th,
.woocommerce-account .account-orders-table th,
.woocommerce-account .woocommerce-MyAccount-content table th {
    background-color: rgba(200, 16, 46, 0.15) !important;
    color: #FFFFFF !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    padding: 20px 15px !important;
    border: none !important;
    border-bottom: 1px solid #3A3B3C !important;
    text-align: left !important;
}

.woocommerce-account .woocommerce-orders-table td,
.woocommerce-account .woocommerce-MyAccount-orders td,
.woocommerce-account .shop_table.shop_table_responsive.my_account_orders td,
.woocommerce-account .account-orders-table td,
.woocommerce-account .woocommerce-MyAccount-content table td {
    color: #E4E6EB !important;
    border: none !important;
    border-bottom: 1px solid rgba(58, 59, 60, 0.3) !important;
    padding: 18px 15px !important;
    background-color: transparent !important;
    font-family: 'Open Sans', sans-serif !important;
    vertical-align: middle !important;
}

.woocommerce-account .woocommerce-orders-table tbody tr:hover,
.woocommerce-account .woocommerce-MyAccount-orders tbody tr:hover,
.woocommerce-account .shop_table.shop_table_responsive.my_account_orders tbody tr:hover,
.woocommerce-account .account-orders-table tbody tr:hover,
.woocommerce-account .woocommerce-MyAccount-content table tbody tr:hover {
    background-color: rgba(200, 16, 46, 0.05) !important;
}

/* Table Links */
.woocommerce-account .order-number,
.woocommerce-account .order-number a,
.woocommerce-account .order-date,
.woocommerce-account .order-status,
.woocommerce-account .woocommerce-orders-table__cell-order-number a,
.woocommerce-account .shop_table.shop_table_responsive.my_account_orders tbody tr td:first-child a,
.woocommerce-account .woocommerce-orders-table tbody tr td:first-child a,
.woocommerce-account .woocommerce-MyAccount-content table td a {
    color: #c8102e !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-family: 'Montserrat', sans-serif !important;
    transition: all 0.3s ease !important;
    font-size: 16px !important;
}

.woocommerce-account .order-number a:hover,
.woocommerce-account .woocommerce-orders-table__cell-order-number a:hover,
.woocommerce-account .shop_table.shop_table_responsive.my_account_orders tbody tr td:first-child a:hover,
.woocommerce-account .woocommerce-orders-table tbody tr td:first-child a:hover,
.woocommerce-account .woocommerce-MyAccount-content table td a:hover {
    color: #E0245E !important;
    text-decoration: underline !important;
}

/* ==========================================================================
   Order Details & Customer Information
   ========================================================================== */

.woocommerce-account .woocommerce-order-details {
    background-color: rgba(58, 59, 60, 0.3) !important;
    border-radius: 8px !important;
    padding: 25px !important;
    border: 1px solid #3A3B3C !important;
    margin-bottom: 25px !important;
}

.woocommerce-account .woocommerce-customer-details {
    background-color: rgba(58, 59, 60, 0.3) !important;
    border-radius: 8px !important;
    padding: 25px !important;
    border: 1px solid #3A3B3C !important;
    margin-bottom: 25px !important;
}

.woocommerce-account .woocommerce-customer-details .woocommerce-column {
    background-color: rgba(200, 16, 46, 0.1) !important;
    border-radius: 8px !important;
    padding: 20px !important;
    margin-bottom: 20px !important;
    border: 1px solid rgba(200, 16, 46, 0.2) !important;
}

/* Customer Address Text */
.woocommerce-account .woocommerce-customer-details .woocommerce-column address,
.woocommerce-account .woocommerce-customer-details address {
    color: #FFFFFF !important;
    font-style: normal !important;
    line-height: 1.8 !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    background-color: transparent !important;
}

/* ==========================================================================
   Address Management
   ========================================================================== */

.woocommerce-account .woocommerce-Addresses {
    display: block !important;
    margin-top: 30px !important;
}

/* Address Cards Grid */
.woocommerce-account .woocommerce-Addresses .u-columns,  
.woocommerce-account .woocommerce-Addresses .col2-set {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 25px !important;
    width: 100% !important;
    margin: 0 !important;
}

.woocommerce-account .woocommerce-Address,
.woocommerce-account .u-column1.col-1.woocommerce-Address,
.woocommerce-account .u-column2.col-2.woocommerce-Address {
    background-color: rgba(58, 59, 60, 0.3) !important;
    border-radius: 12px !important;
    padding: 25px !important;
    border: 1px solid #3A3B3C !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    min-height: 200px !important;
    overflow: hidden !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    display: block !important;
}

/* Address Card Hover Effects */
.woocommerce-account .woocommerce-Address::before,
.woocommerce-account .u-column1.col-1.woocommerce-Address::before,
.woocommerce-account .u-column2.col-2.woocommerce-Address::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background: #c8102e !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
}

.woocommerce-account .woocommerce-Address:hover,
.woocommerce-account .u-column1.col-1.woocommerce-Address:hover,
.woocommerce-account .u-column2.col-2.woocommerce-Address:hover {
    border-color: #c8102e !important;
    background-color: rgba(58, 59, 60, 0.5) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 16px rgba(200, 16, 46, 0.15) !important;
}

.woocommerce-account .woocommerce-Address:hover::before,
.woocommerce-account .u-column1.col-1.woocommerce-Address:hover::before,
.woocommerce-account .u-column2.col-2.woocommerce-Address:hover::before {
    opacity: 1 !important;
}

/* Add Address Card */
.woocommerce-account .woocommerce-Address--add {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    background-color: rgba(200, 16, 46, 0.1) !important;
    border: 2px dashed #c8102e !important;
    transition: all 0.3s ease !important;
}

.woocommerce-account .woocommerce-Address--add:hover {
    background-color: rgba(200, 16, 46, 0.2) !important;
    border-color: #E0245E !important;
}

.woocommerce-account .woocommerce-Address--add a {
    color: #c8102e !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    text-decoration: none !important;
}

.woocommerce-account .woocommerce-Address--add a:hover {
    color: #E0245E !important;
}

.woocommerce-account .woocommerce-Address--add::before {
    content: "+" !important;
    font-size: 48px !important;
    color: #c8102e !important;
    margin-bottom: 10px !important;
    display: block !important;
    opacity: 1 !important;
    position: static !important;
}

/* Address Titles */
.woocommerce-account .woocommerce-Address .title,
.woocommerce-account .woocommerce-Address-title,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-column__title,
.woocommerce-account .woocommerce-customer-details .woocommerce-Address-title,
.woocommerce-account .woocommerce-customer-details .woocommerce-column__title {
    color: #FFFFFF !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    margin-bottom: 15px !important;
    font-size: 30px !important;
    border-bottom: 1px solid #3A3B3C !important;
    padding-bottom: 10px !important;
}

.woocommerce-account .woocommerce-Address address {
    color: #E4E6EB !important;
    font-style: normal !important;
    line-height: 1.6 !important;
    margin-bottom: 20px !important;
    font-family: 'Open Sans', sans-serif !important;
}

/* Edit Address Buttons */
.woocommerce-account .woocommerce-Address .edit {
    background-color: #c8102e !important;
    color: #E4E6EB !important;
    padding: 10px 20px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
    text-align: center !important;
    vertical-align: middle !important;
}

.woocommerce-account .woocommerce-Address .edit:hover {
    background-color: #E4E6EB !important;
    color: #18191A !important;
    text-decoration: none !important;
}

/* Address Form Fields */
.woocommerce-account .woocommerce-address-fields,
.woocommerce-account .elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-address-fields,
.woocommerce-account .elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) address {
    background-color: rgba(58, 59, 60, 0.2) !important;
    border-radius: 12px !important;
    padding: 25px !important;
    border: 1px solid #3A3B3C !important;
    margin: 25px 0 !important;
}

.woocommerce-account .woocommerce-address-fields h3 {
    color: #FFFFFF !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
}

.woocommerce-account .woocommerce-address-fields .form-row {
    margin-bottom: 15px !important;
}

.woocommerce-account .woocommerce-address-fields label {
    color: #E4E6EB !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important;
    margin-bottom: 5px !important;
    display: block !important;
}

/* ==========================================================================
   Payment Methods
   ========================================================================== */

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-table--payment-methods,
.woocommerce-account .woocommerce-MyAccount-paymentMethods,
.woocommerce-account .shop_table.shop_table_responsive.account-payment-methods-table {
    background-color: transparent !important;
    border-radius: 8px !important;
    border: 1px solid #3A3B3C !important;
    overflow: hidden !important;
    width: 100% !important;
    border-collapse: collapse !important;
    table-layout: auto !important;
    margin: 20px 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-table--payment-methods th,
.woocommerce-account .woocommerce-MyAccount-paymentMethods th,
.woocommerce-account .shop_table.shop_table_responsive.account-payment-methods-table th {
    background-color: rgba(200, 16, 46, 0.15) !important;
    color: #FFFFFF !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    padding: 15px 12px !important;
    border: 1px solid #3A3B3C !important;
    text-align: center !important;
    font-size: 14px !important;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-table--payment-methods td,
.woocommerce-account .woocommerce-MyAccount-paymentMethods td,
.woocommerce-account .shop_table.shop_table_responsive.account-payment-methods-table td {
    color: #E4E6EB !important;
    border: 1px solid #3A3B3C !important;
    padding: 15px 12px !important;
    background-color: rgba(36, 37, 38, 0.5) !important;
    font-family: 'Open Sans', sans-serif !important;
    vertical-align: middle !important;
    text-align: center !important;
    font-size: 14px !important;
}

/* Payment Method Column Styling */
.woocommerce-account .woocommerce-PaymentMethod.woocommerce-PaymentMethod--method.payment-method-method {
    width: 15% !important;
}

.woocommerce-account .woocommerce-PaymentMethod.woocommerce-PaymentMethod--details.payment-method-details {
    width: 35% !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    color: #FFFFFF !important;
    text-align: left !important;
}

.woocommerce-account .woocommerce-PaymentMethod.woocommerce-PaymentMethod--expires.payment-method-expires {
    width: 15% !important;
}

.woocommerce-account .woocommerce-PaymentMethod.woocommerce-PaymentMethod--default.payment-method-default {
    width: 15% !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    color: #c8102e !important;
}

/* Payment Method Actions */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-table--payment-methods .payment-method-actions,
.woocommerce-account .woocommerce-PaymentMethod.woocommerce-PaymentMethod--actions.payment-method-actions {
    width: 20% !important;
    text-align: center !important;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-table--payment-methods .payment-method-actions .button,
.woocommerce-account .woocommerce-PaymentMethod.woocommerce-PaymentMethod--actions.payment-method-actions .button {
    margin: 2px !important;
    padding: 6px 12px !important;
    font-size: 12px !important;
    min-width: 50px !important;
    display: inline-block !important;
}

/* Payment Methods Empty State */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message.woocommerce-message--info {
    background-color: rgba(58, 59, 60, 0.3) !important;
    border: 1px solid #3A3B3C !important;
    border-left: 4px solid #c8102e !important;
    color: #E4E6EB !important;
    padding: 30px !important;
    margin: 20px 0 !important;
    border-radius: 8px !important;
    text-align: center !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px !important;
}

/* Add Payment Method Button */
.woocommerce-account .woocommerce-MyAccount-content .add-payment-method {
    background-color: #c8102e !important;
    color: #E4E6EB !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 12px 24px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    display: inline-block !important;
    margin-top: 20px !important;
    cursor: pointer !important;
}

.woocommerce-account .woocommerce-MyAccount-content .add-payment-method:hover {
    background-color: #E4E6EB !important;
    color: #18191A !important;
}

/* ==========================================================================
   Pickup Information
   ========================================================================== */

.woocommerce-account .pickup-information,
.woocommerce-account .pickup-info-container {
    background-color: #242526 !important;
    border-radius: 12px !important;
    padding: 25px !important;
    border: 1px solid #3A3B3C !important;
    margin: 25px 0 !important;
}

.woocommerce-account .pickup-information h3,
.woocommerce-account .pickup-information h4 {
    color: #FFFFFF !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    margin-bottom: 15px !important;
}

.woocommerce-account .pickup-information p,
.woocommerce-account .pickup-information span,
.woocommerce-account .pickup-information div {
    color: #E4E6EB !important;
}

/* Maps Button */
.woocommerce-account .pickup-information a,
.woocommerce-account .maps-button,
.woocommerce-account a[href*="google.com/maps"],
.woocommerce-account a[href*="maps.google.com"] {
    background-color: #c8102e !important;
    color: #E4E6EB !important;
    padding: 12px 24px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
    margin-top: 15px !important;
    text-align: center !important;
    vertical-align: middle !important;
}

.woocommerce-account .pickup-information a:hover,
.woocommerce-account .maps-button:hover,
.woocommerce-account a[href*="google.com/maps"]:hover,
.woocommerce-account a[href*="maps.google.com"]:hover {
    background-color: #E4E6EB !important;
    color: #18191A !important;
    text-decoration: none !important;
}

/* ==========================================================================
   Form Sections & Elements
   ========================================================================== */

.woocommerce-account .woocommerce-MyAccount-content fieldset {
    background-color: rgba(58, 59, 60, 0.2) !important;
    border-radius: 12px !important;
    padding: 25px !important;
    border: 1px solid #3A3B3C !important;
    margin-bottom: 25px !important;
}

.woocommerce-account .woocommerce-MyAccount-content legend {
    color: #E4E6EB !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    background-color: #c8102e !important;
    padding: 8px 20px !important;
    border-radius: 20px !important;
    font-size: 14px !important;
}

/* Required Fields */
.woocommerce-account .woocommerce-MyAccount-content .required {
    color: #c8102e !important;
    font-weight: 600 !important;
}

/* Password Visibility Toggle */
.woocommerce-account .woocommerce-MyAccount-content .show-password-input {
    background-color: #c8102e !important;
    border: none !important;
    color: #E4E6EB !important;
    padding: 8px 12px !important;
    border-radius: 0 6px 6px 0 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.woocommerce-account .woocommerce-MyAccount-content .show-password-input:hover {
    background-color: #E4E6EB !important;
    color: #18191A !important;
}

/* General Links */
.woocommerce-account .woocommerce-MyAccount-content a:not(.inkbomb-btn):not(.button):not(.woocommerce-Button):not(.edit):not(.maps-button):not([href*="google.com/maps"]):not([href*="maps.google.com"]) {
    color: #FFFFFF !important;
}

.woocommerce-account .woocommerce-MyAccount-content a:not(.inkbomb-btn):not(.button):not(.woocommerce-Button):not(.edit):not(.maps-button):not([href*="google.com/maps"]):not([href*="maps.google.com"]):hover {
    color: #c8102e !important;
}

/* ==========================================================================
   Form Actions & Button Alignment
   ========================================================================== */

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-form-row {
    margin-bottom: 20px !important;
}

.woocommerce-account .woocommerce-MyAccount-content .form-actions,
.woocommerce-account .woocommerce-MyAccount-content .button-group {
    display: flex !important;
    gap: 15px !important;
    align-items: center !important;
    margin-top: 25px !important;
}

.woocommerce-account .woocommerce-MyAccount-content .form-actions .button,
.woocommerce-account .woocommerce-MyAccount-content .button-group .button {
    margin: 0 !important;
}

/* Table Actions Column */
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions,
.woocommerce-account .woocommerce-MyAccount-orders .woocommerce-orders-table__cell-order-actions,
.woocommerce-account .shop_table.shop_table_responsive.my_account_orders .woocommerce-orders-table__cell-order-actions {
    text-align: center !important;
}

.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions .button,
.woocommerce-account .woocommerce-MyAccount-orders .woocommerce-orders-table__cell-order-actions .button,
.woocommerce-account .shop_table.shop_table_responsive.my_account_orders .woocommerce-orders-table__cell-order-actions .button {
    margin: 0 !important;
    padding: 8px 16px !important;
    font-size: 14px !important;
}

/* ==========================================================================
   Admin Bar Integration
   ========================================================================== */

body.woocommerce-account #wpadminbar {
    background: #23282d !important;
    color: #eee !important;
    z-index: 99999 !important;
}

body.woocommerce-account #wpadminbar .ab-item,
body.woocommerce-account #wpadminbar .ab-item:before,
body.woocommerce-account #wpadminbar .ab-submenu {
    background: #23282d !important;
    color: #eee !important;
}

body.woocommerce-account #wpadminbar .ab-item:hover,
body.woocommerce-account #wpadminbar .menupop:hover .ab-item {
    background: #0073aa !important;
    color: #fff !important;
}

/* Admin Bar Dropdown Visibility */
body.woocommerce-account #wpadminbar .menupop .ab-sub-wrapper {
    display: none !important;
    background: #32373c !important;
    color: #eee !important;
}

body.woocommerce-account #wpadminbar .menupop:hover .ab-sub-wrapper {
    display: block !important;
    background: #32373c !important;
    color: #eee !important;
}

body.woocommerce-account #wpadminbar .ab-submenu .ab-item {
    background: #32373c !important;
    color: #eee !important;
}

body.woocommerce-account #wpadminbar .ab-submenu .ab-item:hover {
    background: #0073aa !important;
    color: #fff !important;
}

/* Hide theme search elements from admin bar */
body.woocommerce-account #wpadminbar .search-button,
body.woocommerce-account #wpadminbar .inkbomb-search,
body.woocommerce-account #wpadminbar [class*="search"]:not(#adminbar-search) {
    display: none !important;
}

/* ==========================================================================
   Enhanced Error & Success States
   ========================================================================== */

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-success {
    background-color: rgba(58, 59, 60, 0.3) !important;
    border: 1px solid #3A3B3C !important;
    border-left: 4px solid #c8102e !important;
    color: #E4E6EB !important;
    padding: 15px !important;
    margin: 15px 0 !important;
    border-radius: 6px !important;
}

/* Loading States */
.woocommerce-account .blockUI.blockOverlay {
    background-color: rgba(24, 25, 26, 0.8) !important;
}

/* Form Row Spacing */
.woocommerce-account .woocommerce-MyAccount-content .form-row {
    margin-bottom: 20px !important;
}

.woocommerce-account .woocommerce-MyAccount-content .form-row label {
    margin-bottom: 8px !important;
    display: block !important;
}

/* Card Images in Payment Methods */
.woocommerce-account .woocommerce-PaymentMethod img,
.woocommerce-account .payment-method-method img {
    max-width: 30px !important;
    height: auto !important;
    border-radius: 4px !important;
}

/* Default Payment Method Badge */
.woocommerce-account .payment-method-default mark,
.woocommerce-account .woocommerce-PaymentMethod--default mark {
    background-color: #c8102e !important;
    color: #E4E6EB !important;
    padding: 2px 8px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    font-family: 'Montserrat', sans-serif !important;
}

/* ==========================================================================
   Select2 Dropdown Enhancement
   ========================================================================== */

/* Closed dropdown styling */
.select2-container--default .select2-selection--single {
    background-color: #3A3B3C !important;
    color: #E4E6EB !important;
    font-weight: bold !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #E4E6EB !important;
    font-weight: bold !important;
    padding-left: 10px !important;
    line-height: 38px !important;
}

/* Dropdown options styling */
.select2-container--default .select2-results__option {
    background-color: #18191A !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
}

.select2-container--default .select2-results__option[aria-selected] {
    color: #FFFFFF !important;
    font-weight: bold !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #c8102e !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
}

/* Search field styling */
.select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: #18191A !important;
    color: #FFFFFF !important;
    border: 1px solid #c8102e !important;
    font-weight: bold !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field::placeholder {
    color: rgba(255, 255, 255, 0.7) !important;
    font-weight: normal !important;
}

/* ==========================================================================
   Navigation Icons
   ========================================================================== */

/* Dashboard Icon */
.woocommerce-account .woocommerce-MyAccount-navigation ul li:nth-child(1) a::before,
.woocommerce-account .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li:nth-child(1) a::before {
    content: "\f3fd" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    margin-right: 12px !important;
    font-size: 16px !important;
}

/* Orders Icon */
.woocommerce-account .woocommerce-MyAccount-navigation ul li:nth-child(2) a::before,
.woocommerce-account .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li:nth-child(2) a::before {
    content: "\f290" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    margin-right: 12px !important;
    font-size: 16px !important;
}

/* Addresses Icon */
.woocommerce-account .woocommerce-MyAccount-navigation ul li:nth-child(3) a::before,
.woocommerce-account .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li:nth-child(3) a::before {
    content: "\f3c5" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    margin-right: 12px !important;
    font-size: 16px !important;
}

/* Payment Methods Icon */
.woocommerce-account .woocommerce-MyAccount-navigation ul li:nth-child(4) a::before,
.woocommerce-account .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li:nth-child(4) a::before {
    content: "\f09d" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    margin-right: 12px !important;
    font-size: 16px !important;
}

/* Account Details Icon */
.woocommerce-account .woocommerce-MyAccount-navigation ul li:nth-child(5) a::before,
.woocommerce-account .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li:nth-child(5) a::before {
    content: "\f2bd" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    margin-right: 12px !important;
    font-size: 16px !important;
}

/* Logout Icon */
.woocommerce-account .woocommerce-MyAccount-navigation ul li:nth-child(6) a::before,
.woocommerce-account .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li:nth-child(6) a::before {
    content: "\f2f5" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    margin-right: 12px !important;
    font-size: 16px !important;
}

/* Unicode Fallback Icons */
@supports not (font-family: "Font Awesome 6 Free") {
    .woocommerce-account .woocommerce-MyAccount-navigation ul li:nth-child(1) a::before {
        content: "📊" !important;
        font-family: inherit !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-navigation ul li:nth-child(2) a::before {
        content: "🛍️" !important;
        font-family: inherit !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-navigation ul li:nth-child(3) a::before {
        content: "📍" !important;
        font-family: inherit !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-navigation ul li:nth-child(4) a::before {
        content: "💳" !important;
        font-family: inherit !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-navigation ul li:nth-child(5) a::before {
        content: "👤" !important;
        font-family: inherit !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-navigation ul li:nth-child(6) a::before {
        content: "🚪" !important;
        font-family: inherit !important;
    }
}

/* ==========================================================================
   Responsive Design - Tablet Landscape (768px - 1024px)
   ========================================================================== */

@media (max-width: 1024px) and (min-width: 768px) {
    .woocommerce-account .woocommerce-MyAccount {
        gap: 25px !important;
    }
    
    /* Tablet Navigation */
    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation {
        width: 200px !important;
        min-width: 200px !important;
        border-radius: 8px !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-navigation a,
    .woocommerce-account .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a {
        padding: 14px 16px !important;
        font-size: 14px !important;
        border-radius: 0 !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-content,
    .woocommerce-account .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-MyAccount-content {
        padding: 20px !important;
        border-radius: 8px !important;
    }
    
    /* Tablet Order Details - Card Layout */
    .woocommerce-account .woocommerce-order-details .woocommerce-table {
        background-color: transparent !important;
        border: none !important;
        border-radius: 8px !important;
        overflow: hidden !important;
    }
    
    .woocommerce-account .woocommerce-order-details .woocommerce-table thead {
        display: none !important;
    }
    
    .woocommerce-account .woocommerce-order-details .woocommerce-table tbody tr {
        display: block !important;
        background-color: rgba(36, 37, 38, 0.8) !important;
        border: 2px solid #3A3B3C !important;
        border-radius: 8px !important;
        padding: 15px !important;
        margin-bottom: 10px !important;
    }
    
    .woocommerce-account .woocommerce-order-details .woocommerce-table tbody tr td {
        display: block !important;
        border: none !important;
        padding: 6px 0 !important;
        text-align: left !important;
        color: #E4E6EB !important;
        font-size: 14px !important;
    }
    
    .woocommerce-account .woocommerce-order-details .woocommerce-table tbody tr td::before {
        content: attr(data-title) ": " !important;
        font-weight: 600 !important;
        color: #c8102e !important;
        display: inline-block !important;
        width: 100px !important;
        font-family: 'Montserrat', sans-serif !important;
        font-size: 13px !important;
    }
    
    /* Tablet Address Buttons */
    .woocommerce-account .woocommerce-Address .edit {
        padding: 8px 16px !important;
        font-size: 13px !important;
        width: auto !important;
        display: inline-block !important;
        margin: 10px 0 5px 0 !important;
        max-width: 150px !important;
    }
    
    /* Tablet Payment Methods - Card Layout */
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-table--payment-methods {
        border: none !important;
        background: transparent !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-table--payment-methods thead {
        display: none !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-table--payment-methods tbody {
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-table--payment-methods tbody tr {
        display: block !important;
        background-color: rgba(36, 37, 38, 0.8) !important;
        border: 2px solid #3A3B3C !important;
        border-radius: 8px !important;
        padding: 15px !important;
        margin: 0 !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-table--payment-methods tbody tr td {
        display: block !important;
        border: none !important;
        padding: 6px 0 !important;
        text-align: left !important;
        background: transparent !important;
        font-size: 14px !important;
        color: #E4E6EB !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-table--payment-methods tbody tr td::before {
        content: attr(data-title) ": " !important;
        font-weight: 600 !important;
        color: #c8102e !important;
        display: inline-block !important;
        width: 80px !important;
        font-family: 'Montserrat', sans-serif !important;
        font-size: 13px !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-table--payment-methods .payment-method-actions {
        margin-top: 10px !important;
        padding-top: 10px !important;
        border-top: 1px solid #3A3B3C !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-table--payment-methods .payment-method-actions::before {
        display: none !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-table--payment-methods .payment-method-actions .button {
        margin: 2px 5px 2px 0 !important;
        padding: 6px 12px !important;
        font-size: 12px !important;
        display: inline-block !important;
        width: auto !important;
    }
    
    /* Tablet Password Button */
    .woocommerce-account .woocommerce-MyAccount-content .show-password-input {
        position: absolute !important;
        right: 2px !important;
        top: 2px !important;
        height: 44px !important;
        width: 44px !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-content input[type="password"] {
        padding-right: 50px !important;
    }
}

/* ==========================================================================
   Responsive Design - Mobile Portrait (up to 991px)
   ========================================================================== */

@media (max-width: 991px) {
    .woocommerce-account .woocommerce-MyAccount { 
        flex-direction: column !important; 
    }
    
    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation { 
        width: 100% !important; 
        margin-bottom: 25px !important; 
    }
    
    .woocommerce-account .inkbomb-dashboard-cards { 
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important; 
        gap: 20px !important;
    }
    
    /* Address Cards - Single Column */
    .woocommerce-account .woocommerce-Addresses .u-columns,
    .woocommerce-account .woocommerce-Addresses .col2-set {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }
}

/* ==========================================================================
   Responsive Design - Mobile (up to 767px)
   ========================================================================== */

@media (max-width: 767px) {
    /* Account Layout - Full Mobile Stack */
    .woocommerce-account .woocommerce-MyAccount {
        flex-direction: column !important;
        gap: 15px !important;
    }
    
    /* Navigation - Mobile Optimization */
    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation {
        width: 100% !important;
        margin-bottom: 15px !important;
        order: -1 !important;
    }
    
    /* Navigation Links - Touch-Friendly */
    .woocommerce-account .woocommerce-MyAccount-navigation a,
    .woocommerce-account .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a {
        padding: 18px 20px !important;
        font-size: 16px !important;
        min-height: 54px !important;
        display: flex !important;
        align-items: center !important;
    }
    
    /* Mobile Orders Section - Enhanced Card Layout */
    .woocommerce-account .woocommerce-orders-table,
    .woocommerce-account .woocommerce-MyAccount-orders,
    .woocommerce-account .shop_table.shop_table_responsive.my_account_orders {
        border: none !important;
        background: transparent !important;
    }
    
    .woocommerce-account .woocommerce-orders-table thead,
    .woocommerce-account .woocommerce-MyAccount-orders thead,
    .woocommerce-account .shop_table.shop_table_responsive.my_account_orders thead {
        display: none !important;
    }
    
    .woocommerce-account .woocommerce-orders-table tbody,
    .woocommerce-account .woocommerce-MyAccount-orders tbody,
    .woocommerce-account .shop_table.shop_table_responsive.my_account_orders tbody {
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important;
    }
    
    .woocommerce-account .woocommerce-orders-table tbody tr,
    .woocommerce-account .woocommerce-MyAccount-orders tbody tr,
    .woocommerce-account .shop_table.shop_table_responsive.my_account_orders tbody tr {
        display: block !important;
        background-color: #242526 !important;
        border: 2px solid #3A3B3C !important;
        border-radius: 12px !important;
        padding: 20px !important;
        margin: 0 !important;
        position: relative !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    }
    
    .woocommerce-account .woocommerce-orders-table tbody tr:hover,
    .woocommerce-account .woocommerce-MyAccount-orders tbody tr:hover,
    .woocommerce-account .shop_table.shop_table_responsive.my_account_orders tbody tr:hover {
        border-color: #c8102e !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(200, 16, 46, 0.15) !important;
    }
    
    .woocommerce-account .woocommerce-orders-table tbody tr td,
    .woocommerce-account .woocommerce-MyAccount-orders tbody tr td,
    .woocommerce-account .shop_table.shop_table_responsive.my_account_orders tbody tr td {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        border: none !important;
        padding: 8px 0 !important;
        text-align: left !important;
        background: transparent !important;
        flex-wrap: nowrap !important;
        min-height: 24px !important;
    }
    
    .woocommerce-account .woocommerce-orders-table tbody tr td::before,
    .woocommerce-account .woocommerce-MyAccount-orders tbody tr td::before,
    .woocommerce-account .shop_table.shop_table_responsive.my_account_orders tbody tr td::before {
        content: attr(data-title) !important;
        font-weight: 600 !important;
        color: #c8102e !important;
        font-family: 'Montserrat', sans-serif !important;
        font-size: 14px !important;
        flex-shrink: 0 !important;
        margin-right: 10px !important;
    }
    
    /* Order Action Buttons */
    .woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions,
    .woocommerce-account .woocommerce-MyAccount-orders .woocommerce-orders-table__cell-order-actions,
    .woocommerce-account .shop_table.shop_table_responsive.my_account_orders .woocommerce-orders-table__cell-order-actions {
        text-align: center !important;
        margin-top: 15px !important;
        padding-top: 15px !important;
        border-top: 1px solid #3A3B3C !important;
        display: block !important;
    }
    
    .woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions::before,
    .woocommerce-account .woocommerce-MyAccount-orders .woocommerce-orders-table__cell-order-actions::before,
    .woocommerce-account .shop_table.shop_table_responsive.my_account_orders .woocommerce-orders-table__cell-order-actions::before {
        display: none !important;
    }
    
    .woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions .button,
    .woocommerce-account .woocommerce-MyAccount-orders .woocommerce-orders-table__cell-order-actions .button,
    .woocommerce-account .shop_table.shop_table_responsive.my_account_orders .woocommerce-orders-table__cell-order-actions .button {
        width: 100% !important;
        margin: 0 !important;
        padding: 12px !important;
        font-size: 16px !important;
        text-align: center !important;
    }
    
    /* Mobile Order Details */
    .woocommerce-account .woocommerce-order-details {
        padding: 15px !important;
        margin-bottom: 20px !important;
    }
    
    .woocommerce-account .woocommerce-order-details .woocommerce-table {
        background-color: transparent !important;
        border: none !important;
    }
    
    .woocommerce-account .woocommerce-order-details .woocommerce-table thead {
        display: none !important;
    }
    
    .woocommerce-account .woocommerce-order-details .woocommerce-table tbody tr {
        display: block !important;
        background-color: rgba(36, 37, 38, 0.8) !important;
        border: 2px solid #3A3B3C !important;
        border-radius: 12px !important;
        padding: 15px !important;
        margin-bottom: 15px !important;
    }
    
    .woocommerce-account .woocommerce-order-details .woocommerce-table tbody tr td {
        display: block !important;
        border: none !important;
        padding: 8px 0 !important;
        text-align: left !important;
        color: #E4E6EB !important;
        font-size: 15px !important;
        line-height: 1.5 !important;
    }
    
    .woocommerce-account .woocommerce-order-details .woocommerce-table tbody tr td::before {
        content: attr(data-title) ": " !important;
        font-weight: 600 !important;
        color: #c8102e !important;
        display: block !important;
        margin-bottom: 5px !important;
        font-family: 'Montserrat', sans-serif !important;
        font-size: 14px !important;
    }
    
    /* Mobile Order Totals */
    .woocommerce-account .woocommerce-order-details tfoot tr th,
    .woocommerce-account .woocommerce-order-details tfoot tr td,
    .woocommerce-account .woocommerce-order-details .order_item {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 12px 15px !important;
        border: none !important;
        background-color: rgba(58, 59, 60, 0.3) !important;
        margin-bottom: 8px !important;
        border-radius: 8px !important;
        font-family: 'Montserrat', sans-serif !important;
        font-weight: 600 !important;
    }
    
    .woocommerce-account .woocommerce-order-details tfoot tr th {
        color: #c8102e !important;
        font-size: 15px !important;
    }
    
    .woocommerce-account .woocommerce-order-details tfoot tr td {
        color: #FFFFFF !important;
        font-size: 15px !important;
        text-align: right !important;
    }
    
    /* Mobile Maps Button */
    .woocommerce-account .pickup-information a,
    .woocommerce-account .maps-button,
    .woocommerce-account a[href*="google.com/maps"],
    .woocommerce-account a[href*="maps.google.com"] {
        width: 100% !important;
        display: block !important;
        text-align: center !important;
        margin: 20px 0 !important;
        padding: 15px 20px !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        border-radius: 8px !important;
    }
    
    /* Mobile Address Section */
    .woocommerce-account .woocommerce-Addresses .u-columns,
    .woocommerce-account .woocommerce-Addresses .col2-set {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }
    
    .woocommerce-account .woocommerce-Address,
    .woocommerce-account .u-column1.col-1.woocommerce-Address,
    .woocommerce-account .u-column2.col-2.woocommerce-Address {
        padding: 20px !important;
        min-height: auto !important;
        overflow: hidden !important;
        position: relative !important;
    }
    
    /* Address Edit Buttons */
    .woocommerce-account .woocommerce-Address .edit {
        width: 100% !important;
        max-width: 100% !important;
        margin: 15px 0 5px 0 !important;
        display: block !important;
        text-align: center !important;
        box-sizing: border-box !important;
        padding: 12px 20px !important;
        font-size: 15px !important;
        font-weight: 600 !important;
    }
    
    /* Mobile Payment Methods - Card Layout */
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-table--payment-methods {
        border: none !important;
        background: transparent !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-table--payment-methods thead {
        display: none !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-table--payment-methods tbody {
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-table--payment-methods tbody tr {
        display: block !important;
        background-color: #242526 !important;
        border: 2px solid #3A3B3C !important;
        border-radius: 12px !important;
        padding: 20px !important;
        margin: 0 !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-table--payment-methods tbody tr:hover {
        border-color: #c8102e !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(200, 16, 46, 0.15) !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-table--payment-methods tbody tr td {
        display: block !important;
        border: none !important;
        padding: 10px 0 !important;
        text-align: left !important;
        background: transparent !important;
        font-size: 15px !important;
        color: #E4E6EB !important;
        line-height: 1.5 !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-table--payment-methods tbody tr td::before {
        content: attr(data-title) ": " !important;
        font-weight: 600 !important;
        color: #c8102e !important;
        display: block !important;
        margin-bottom: 5px !important;
        font-family: 'Montserrat', sans-serif !important;
        font-size: 14px !important;
    }
    
    /* Payment Method Actions */
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-table--payment-methods .payment-method-actions {
        margin-top: 15px !important;
        padding-top: 15px !important;
        border-top: 1px solid #3A3B3C !important;
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-table--payment-methods .payment-method-actions::before {
        display: none !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-table--payment-methods .payment-method-actions .button {
        width: 100% !important;
        margin: 0 !important;
        padding: 12px !important;
        font-size: 14px !important;
        display: block !important;
        font-weight: 600 !important;
    }
    
    /* Mobile Account Details */
    .woocommerce-account .woocommerce-MyAccount-content,
    .woocommerce-account .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-MyAccount-content {
        padding: 20px !important;
        min-height: auto !important;
    }
    
    /* Form Rows - Full Width */
    .woocommerce-account .woocommerce-MyAccount-content .form-row-first,
    .woocommerce-account .woocommerce-MyAccount-content .form-row-last {
        width: 100% !important;
        float: none !important;
        margin-right: 0 !important;
        margin-bottom: 20px !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-content .form-row.form-row-first {
        margin-bottom: 20px !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-content .form-row.form-row-last {
        margin-bottom: 20px !important;
    }
    
    /* Account Form Rows */
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-form-row {
        position: relative !important;
        margin-bottom: 20px !important;
        width: 100% !important;
    }
    
    /* Password Toggle Buttons */
    .woocommerce-account .woocommerce-MyAccount-content .show-password-input {
        position: absolute !important;
        right: 2px !important;
        top: 2px !important;
        height: 44px !important;
        width: 44px !important;
        background-color: #c8102e !important;
        border: none !important;
        color: #E4E6EB !important;
        border-radius: 0 6px 6px 0 !important;
        cursor: pointer !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 14px !important;
        z-index: 10 !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-content .show-password-input:hover {
        background-color: #E0245E !important;
        color: #FFFFFF !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-content input[type="password"] {
        padding-right: 50px !important;
        padding-left: 15px !important;
    }
    
    /* Dashboard Cards - Single Column */
    .woocommerce-account .inkbomb-dashboard-cards {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
        margin: 0 !important;
    }
    
    .woocommerce-account .inkbomb-dashboard-card {
        padding: 20px !important;
        min-height: 140px !important;
    }
    
    /* Card Headers */
    .woocommerce-account .inkbomb-card-header {
        margin-bottom: 12px !important;
    }
    
    .woocommerce-account .inkbomb-card-icon {
        width: 40px !important;
        height: 40px !important;
        margin-right: 12px !important;
    }
    
    .woocommerce-account .inkbomb-card-icon i {
        font-size: 18px !important;
    }
    
    .woocommerce-account .inkbomb-card-title {
        font-size: 16px !important;
        line-height: 1.2 !important;
    }
    
    /* Button Grid - Stack Vertically */
    .woocommerce-account .inkbomb-button-grid {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }
    
    /* Form Elements - Touch-Friendly */
    .woocommerce-account .woocommerce-MyAccount-content input,
    .woocommerce-account .woocommerce-MyAccount-content select,
    .woocommerce-account .woocommerce-MyAccount-content textarea {
        font-size: 16px !important; /* Prevents zoom on iOS */
        min-height: 48px !important; /* Better touch targets */
    }
    
    /* Headers - Mobile Sizing */
    .woocommerce-account .woocommerce-MyAccount-content h1,
    .woocommerce-account .woocommerce-MyAccount-content h2,
    .woocommerce-account .woocommerce-customer-details h2,
    .woocommerce-account .woocommerce-order-details h2,
    .woocommerce-account .pickup-information h2,
    .woocommerce-account .woocommerce-column__title {
        font-size: 24px !important;
        margin-bottom: 15px !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-content h3 {
        font-size: 20px !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-content h4 {
        font-size: 18px !important;
    }
    
    /* Address Titles */
    .woocommerce-account .woocommerce-Address .title,
    .woocommerce-account .woocommerce-Address-title,
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title,
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-column__title,
    .woocommerce-account .woocommerce-customer-details .woocommerce-Address-title,
    .woocommerce-account .woocommerce-customer-details .woocommerce-column__title {
        font-size: 20px !important;
        margin-bottom: 12px !important;
    }
    
    /* Form Actions - Stack Buttons */
    .woocommerce-account .woocommerce-MyAccount-content .form-actions,
    .woocommerce-account .woocommerce-MyAccount-content .button-group {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 10px !important;
    }
    
    /* All Buttons - Touch-Friendly */
    .woocommerce-account .woocommerce-MyAccount-content .button,
    .woocommerce-account .woocommerce-MyAccount-content button,
    .woocommerce-account .woocommerce-MyAccount-content input[type="submit"],
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button,
    .woocommerce-account .button,
    .woocommerce-account button,
    .woocommerce-account input[type="submit"],
    .woocommerce-account .inkbomb-btn,
    .woocommerce-account a.inkbomb-btn {
        min-height: 48px !important;
        font-size: 16px !important;
        padding: 12px 20px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        text-align: center !important;
    }
    
    /* Address Details Form */
    .woocommerce-account .woocommerce-address-fields,
    .woocommerce-account .elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-address-fields {
        padding: 20px !important;
        margin: 20px 0 !important;
        border-radius: 12px !important;
    }
    
    .woocommerce-account .woocommerce-address-fields .form-row {
        margin-bottom: 20px !important;
    }
    
    .woocommerce-account .woocommerce-address-fields .form-row-first,
    .woocommerce-account .woocommerce-address-fields .form-row-last {
        width: 100% !important;
        margin-right: 0 !important;
    }
    
    /* Password Form Section */
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-form fieldset {
        background-color: rgba(58, 59, 60, 0.2) !important;
        border-radius: 12px !important;
        padding: 20px !important;
        border: 1px solid #3A3B3C !important;
        margin-bottom: 20px !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-form legend {
        background-color: #c8102e !important;
        color: #E4E6EB !important;
        padding: 8px 16px !important;
        border-radius: 20px !important;
        font-family: 'Montserrat', sans-serif !important;
        font-weight: 600 !important;
        font-size: 14px !important;
    }
    
    .woocommerce-account .woocommerce-customer-details {
        padding: 15px !important;
        margin-bottom: 15px !important;
    }
    
    .woocommerce-account .woocommerce-customer-details .woocommerce-column {
        padding: 15px !important;
        margin-bottom: 15px !important;
    }
    
    /* Pickup Information */
    .woocommerce-account .pickup-information,
    .woocommerce-account .pickup-info-container {
        padding: 15px !important;
        margin: 15px 0 !important;
    }
    
    /* Form Sections */
    .woocommerce-account .woocommerce-MyAccount-content fieldset {
        padding: 15px !important;
        margin-bottom: 15px !important;
    }
    
    /* Form Rows */
    .woocommerce-account .woocommerce-MyAccount-content .form-row {
        margin-bottom: 15px !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-content .form-row label {
        margin-bottom: 6px !important;
        font-size: 15px !important;
    }
}

/* ==========================================================================
   Responsive Design - Small Mobile (up to 480px)
   ========================================================================== */

@media (max-width: 480px) {
    body.woocommerce-account {
        font-size: 14px !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-content,
    .woocommerce-account .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-MyAccount-content {
        padding: 15px !important;
    }
    
    .woocommerce-account .inkbomb-dashboard-card {
        padding: 15px !important;
        min-height: 120px !important;
    }
    
    .woocommerce-account .inkbomb-card-title {
        font-size: 15px !important;
    }
    
    .woocommerce-account .inkbomb-card-content p {
        font-size: 13px !important;
    }
    
    /* Navigation - Compact */
    .woocommerce-account .woocommerce-MyAccount-navigation a,
    .woocommerce-account .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a {
        padding: 15px 18px !important;
        font-size: 15px !important;
    }
    
    /* Smaller Headers */
    .woocommerce-account .woocommerce-MyAccount-content h1,
    .woocommerce-account .woocommerce-MyAccount-content h2 {
        font-size: 22px !important;
    }
    
    /* Compact Address Cards */
    .woocommerce-account .woocommerce-Address,
    .woocommerce-account .u-column1.col-1.woocommerce-Address,
    .woocommerce-account .u-column2.col-2.woocommerce-Address {
        padding: 12px !important;
    }
    
    /* Hide less important table columns on very small screens */
    .woocommerce-account .woocommerce-orders-table th:nth-child(3),
    .woocommerce-account .woocommerce-orders-table td:nth-child(3) {
        display: none !important; /* Hide status column */
    }
}

/* ==========================================================================
   Responsive Design - Landscape Mobile (up to 767px landscape)
   ========================================================================== */

@media (max-width: 767px) and (orientation: landscape) {
    .woocommerce-account .woocommerce-MyAccount {
        flex-direction: row !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation {
        width: 200px !important;
        margin-bottom: 0 !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-navigation a,
    .woocommerce-account .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a {
        padding: 12px 15px !important;
        font-size: 14px !important;
    }
    
    .woocommerce-account .inkbomb-dashboard-cards {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* ==========================================================================
   Touch Device Optimizations
   ========================================================================== */

@media (max-width: 1024px) {
    /* Better touch targets */
    .woocommerce-account .woocommerce-MyAccount-navigation a,
    .woocommerce-account .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a {
        min-height: 48px !important;
        touch-action: manipulation !important;
    }
    
    /* Prevent zoom on form inputs */
    .woocommerce-account .woocommerce-MyAccount-content input,
    .woocommerce-account .woocommerce-MyAccount-content select,
    .woocommerce-account .woocommerce-MyAccount-content textarea {
        font-size: 16px !important;
    }
    
    /* Better button spacing */
    .woocommerce-account .woocommerce-MyAccount-content .button,
    .woocommerce-account .button {
        margin-bottom: 10px !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-content .button:last-child,
    .woocommerce-account .button:last-child {
        margin-bottom: 0 !important;
    }
}

/* ==========================================================================
   Desktop Enhancements (min-width: 1025px)
   ========================================================================== */

@media (min-width: 1025px) {
    /* Desktop Order Details Table */
    .woocommerce-account .woocommerce-order-details .woocommerce-table tbody tr td {
        background-color: rgba(36, 37, 38, 0.8) !important;
        padding: 12px 15px !important;
        color: #E4E6EB !important;
        font-size: 15px !important;
        border: 1px solid #3A3B3C !important;
    }
    
    .woocommerce-account .woocommerce-order-details .woocommerce-table tbody tr:nth-child(even) td {
        background-color: rgba(58, 59, 60, 0.5) !important;
    }
    
    /* Desktop Maps Button */
    .woocommerce-account .pickup-information a,
    .woocommerce-account .maps-button,
    .woocommerce-account a[href*="google.com/maps"],
    .woocommerce-account a[href*="maps.google.com"] {
        padding: 12px 24px !important;
        font-size: 16px !important;
        width: auto !important;
        display: inline-block !important;
        max-width: 250px !important;
    }
    
    /* Desktop Address Edit Buttons */
    .woocommerce-account .woocommerce-Address .edit {
        padding: 10px 20px !important;
        font-size: 14px !important;
        width: auto !important;
        display: inline-block !important;
        margin: 15px 0 5px 0 !important;
        max-width: 200px !important;
    }
    
    /* Desktop Password Buttons */
    .woocommerce-account .woocommerce-MyAccount-content .show-password-input {
        position: absolute !important;
        right: 2px !important;
        top: 2px !important;
        height: 44px !important;
        width: 44px !important;
        border-radius: 0 4px 4px 0 !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-content input[type="password"] {
        padding-right: 50px !important;
    }
}

/* ==========================================================================
   High DPI Display Improvements
   ========================================================================== */

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .woocommerce-account .inkbomb-card-icon {
        border-width: 1px !important;
    }
    
    .woocommerce-account .woocommerce-Address::before,
    .woocommerce-account .u-column1.col-1.woocommerce-Address::before,
    .woocommerce-account .u-column2.col-2.woocommerce-Address::before {
        height: 2px !important;
    }
}