/**
 * bi-siparis My Account Styles
 * Modern design with glassmorphism, gradients, and !important overrides
 */

/* ============================== */
/* Dashicons Font Fix             */
/* ============================== */

.dashicons,
.dashicons-before:before {
    font-family: dashicons !important;
    display: inline-block !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    font-style: normal !important;
    speak: never !important;
    text-decoration: inherit !important;
    text-transform: none !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    width: 20px !important;
    height: 20px !important;
    font-size: 20px !important;
    vertical-align: top !important;
}

/* ============================== */
/* CSS Variables                  */
/* ============================== */

:root {
    --bisiparis-orange: #FF6000 !important;
    --bisiparis-orange-hover: #E55500 !important;
    --bisiparis-orange-light: #fff5f0 !important;
    --bisiparis-gradient: linear-gradient(135deg, #FF6000 0%, #FF8C00 100%) !important;
    --bisiparis-gradient-reverse: linear-gradient(135deg, #FF8C00 0%, #FF6000 100%) !important;
    --bisiparis-dark: #1a1a2e !important;
    --bisiparis-gray-bg: #f8f9fa !important;
    --bisiparis-gray-text: #666 !important;
    --bisiparis-dark-text: #333 !important;
    --bisiparis-border: #e0e0e0 !important;
    --bisiparis-success: #22c55e !important;
    --bisiparis-success-light: #dcfce7 !important;
    --bisiparis-warning: #f59e0b !important;
    --bisiparis-warning-light: #fef3c7 !important;
    --bisiparis-error: #ef4444 !important;
    --bisiparis-error-light: #fee2e2 !important;
    --bisiparis-info: #3b82f6 !important;
    --bisiparis-info-light: #dbeafe !important;
    --bisiparis-whatsapp: #25D366 !important;
    --bisiparis-sms: #2196F3 !important;
    --bisiparis-email: #9C27B0 !important;
    --bisiparis-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
    --bisiparis-shadow: 0 4px 6px 3px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    --bisiparis-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
    --bisiparis-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
    --bisiparis-radius: 16px !important;
    --bisiparis-radius-sm: 12px !important;
    --bisiparis-radius-xs: 8px !important;
}

/* ============================== */
/* Animations                     */
/* ============================== */

@keyframes bisiparis-fadeIn {
    from { opacity: 0 !important; transform: translateY(10px) !important; }
    to { opacity: 1 !important; transform: translateY(0) !important; }
}

@keyframes bisiparis-fadeInUp {
    from { opacity: 0 !important; transform: translateY(20px) !important; }
    to { opacity: 1 !important; transform: translateY(0) !important; }
}

@keyframes bisiparis-scaleIn {
    0% { transform: scale(0) !important; opacity: 0 !important; }
    50% { transform: scale(1.1) !important; }
    100% { transform: scale(1) !important; opacity: 1 !important; }
}

@keyframes bisiparis-spin {
    to { transform: rotate(360deg) !important; }
}

@keyframes bisiparis-shake {
    0%, 100% { transform: translateX(0) !important; }
    20%, 60% { transform: translateX(-6px) !important; }
    40%, 80% { transform: translateX(6px) !important; }
}

@keyframes bisiparis-pulse {
    0%, 100% { opacity: 1 !important; }
    50% { opacity: 0.5 !important; }
}

@keyframes bisiparis-progress {
    0% { width: 0% !important; }
    100% { width: var(--progress-width, 100%) !important; }
}

@keyframes bisiparis-countUp {
    from { opacity: 0 !important; transform: translateY(10px) !important; }
    to { opacity: 1 !important; transform: translateY(0) !important; }
}

@keyframes bisiparis-shimmer {
    0% { background-position: -200% 0 !important; }
    100% { background-position: 200% 0 !important; }
}

/* ============================== */
/* My Account Layout Override     */
/* ============================== */

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif !important;
}

/* Navigation */
.woocommerce-account .woocommerce-MyAccount-navigation {
    background: #fff !important;
    border-radius: var(--bisiparis-radius) !important;
    box-shadow: var(--bisiparis-shadow) !important;
    overflow: hidden !important;
    border: 1px solid var(--bisiparis-border) !important;
    transition: box-shadow 0.3s ease !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation:hover {
    box-shadow: var(--bisiparis-shadow-lg) !important;
}

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

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child {
    border-bottom: none !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 16px 20px !important;
    color: var(--bisiparis-dark-text) !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    transition: all 0.2s ease !important;
    position: relative !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    background: var(--bisiparis-gray-bg) !important;
    color: var(--bisiparis-orange) !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    background: var(--bisiparis-orange-light) !important;
    color: var(--bisiparis-orange) !important;
    font-weight: 600 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a::after {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 4px !important;
    background: var(--bisiparis-gradient) !important;
    border-radius: 0 4px 4px 0 !important;
}

/* Menu Icons */
.woocommerce-account .woocommerce-MyAccount-navigation ul li a::before {
    font-family: 'dashicons' !important;
    font-size: 18px !important;
    width: 20px !important;
    text-align: center !important;
    color: var(--bisiparis-gray-text) !important;
    transition: color 0.2s ease !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a::before,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover::before {
    color: var(--bisiparis-orange) !important;
}

/* Specific menu item icons */
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a::before {
    content: '\f226' !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a::before {
    content: '\f174' !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a::before {
    content: '\f316' !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a::before {
    content: '\f230' !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a::before {
    content: '\f110' !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--telefon a::before {
    content: '\f525' !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--bildirimler a::before {
    content: '\f339' !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a::before {
    content: '\f343' !important;
}

/* Content Area */
.woocommerce-account .woocommerce-MyAccount-content {
    background: #fff !important;
    border-radius: var(--bisiparis-radius) !important;
    box-shadow: var(--bisiparis-shadow) !important;
    padding: 24px !important;
    border: 1px solid var(--bisiparis-border) !important;
    animation: bisiparis-fadeIn 0.4s ease !important;
}

/* ============================== */
/* Dashboard Styles               */
/* ============================== */

.bisiparis-dashboard {
    animation: bisiparis-fadeIn 0.4s ease !important;
}

/* Profile Card */
.bisiparis-profile-card {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    padding: 24px !important;
    background: var(--bisiparis-gradient) !important;
    border-radius: var(--bisiparis-radius) !important;
    margin-bottom: 24px !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(255, 96, 0, 0.3) !important;
    position: relative !important;
    overflow: hidden !important;
}

.bisiparis-profile-card::before {
    content: '' !important;
    position: absolute !important;
    top: -50% !important;
    right: -50% !important;
    width: 100% !important;
    height: 200% !important;
    background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%) !important;
    pointer-events: none !important;
}

.bisiparis-profile-avatar {
    width: 80px !important;
    height: 80px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    border: 3px solid rgba(255,255,255,0.3) !important;
    flex-shrink: 0 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
}

.bisiparis-profile-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.bisiparis-profile-info {
    flex: 1 !important;
    min-width: 0 !important;
}

.bisiparis-profile-info h2 {
    margin: 0 0 8px 0 !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #fff !important;
}

.bisiparis-profile-meta {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

.bisiparis-profile-meta p {
    margin: 0 !important;
    font-size: 14px !important;
    color: rgba(255,255,255,0.9) !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.bisiparis-profile-meta .dashicons {
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
    opacity: 0.8 !important;
}

.bisiparis-badge {
    display: inline-flex !important;
    align-items: center !important;
    padding: 2px 8px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.bisiparis-badge.verified {
    background: rgba(255,255,255,0.25) !important;
    color: #fff !important;
}

.bisiparis-badge.unverified {
    background: rgba(255,255,255,0.15) !important;
    color: rgba(255,255,255,0.7) !important;
}

/* Account Completion Card */
#bisiparis-app .bisiparis-completion-card {
    position: relative !important;
    background: #fff !important;
    border: 1px solid var(--bisiparis-border) !important;
    border-radius: var(--bisiparis-radius) !important;
    padding: 24px !important;
    padding-right: 50px !important;
    margin-bottom: 24px !important;
    box-shadow: var(--bisiparis-shadow-sm) !important;
    transition: all 0.3s ease !important;
}

#bisiparis-app .bisiparis-completion-card:hover {
    box-shadow: var(--bisiparis-shadow) !important;
    transform: translateY(-2px) !important;
}

#bisiparis-app .bisiparis-completion-card.completed {
    border-color: var(--bisiparis-success) !important;
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.05) 0%, rgba(255, 255, 255, 1) 100%) !important;
}

#bisiparis-app .bisiparis-completion-card.completed .bisiparis-progress-fill {
    background: var(--bisiparis-success) !important;
}

#bisiparis-app .bisiparis-completion-card.completed .bisiparis-completion-percent {
    color: var(--bisiparis-success) !important;
}

.bisiparis-completion-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 16px !important;
}

.bisiparis-completion-header h3 {
    margin: 0 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--bisiparis-dark-text) !important;
}

.bisiparis-completion-percent {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: var(--bisiparis-orange) !important;
}

#bisiparis-app .bisiparis-progress-bar {
    height: 12px !important;
    background: #e9ecef !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    margin-bottom: 20px !important;
    direction: ltr !important;
}

#bisiparis-app .bisiparis-progress-fill {
    height: 100% !important;
    background: linear-gradient(90deg, #FF6000 0%, #ff8533 100%) !important;
    border-radius: 6px !important;
    transition: width 1.2s ease-out !important;
    min-width: 0 !important;
}

/* Completion Card Close Button */
#bisiparis-app .bisiparis-completion-close,
#bisiparis-app button.bisiparis-completion-close {
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f5f5f5 !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    color: #666 !important;
    transition: all 0.2s ease !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 10 !important;
    box-sizing: border-box !important;
    line-height: 1 !important;
    aspect-ratio: 1 / 1 !important;
}

#bisiparis-app .bisiparis-completion-close:hover {
    background: #FF6000 !important;
    border-color: #FF6000 !important;
    color: #fff !important;
}

#bisiparis-app .bisiparis-completion-close .dashicons {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    line-height: 18px !important;
}

.bisiparis-completion-items {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
    margin-bottom: 20px !important;
}

.bisiparis-completion-item {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 14px !important;
    color: var(--bisiparis-gray-text) !important;
}

.bisiparis-completion-item .dashicons {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
}

.bisiparis-completion-item.completed {
    color: var(--bisiparis-success) !important;
}

.bisiparis-completion-item.completed .dashicons {
    color: var(--bisiparis-success) !important;
}

.bisiparis-completion-item.pending .dashicons {
    color: #ccc !important;
}

/* Stats Grid */
.bisiparis-stats-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px !important;
    margin-bottom: 24px !important;
}

.bisiparis-stat-card {
    background: #fff !important;
    border: 1px solid var(--bisiparis-border) !important;
    border-radius: var(--bisiparis-radius-sm) !important;
    padding: 20px !important;
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    box-shadow: var(--bisiparis-shadow-sm) !important;
    transition: all 0.3s ease !important;
    animation: bisiparis-fadeInUp 0.4s ease !important;
    animation-fill-mode: both !important;
}

.bisiparis-stat-card:nth-child(1) { animation-delay: 0.1s !important; }
.bisiparis-stat-card:nth-child(2) { animation-delay: 0.2s !important; }
.bisiparis-stat-card:nth-child(3) { animation-delay: 0.3s !important; }
.bisiparis-stat-card:nth-child(4) { animation-delay: 0.4s !important; }

.bisiparis-stat-card:hover {
    box-shadow: var(--bisiparis-shadow-lg) !important;
    transform: translateY(-4px) !important;
}

.bisiparis-stat-icon {
    width: 52px !important;
    height: 52px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: var(--bisiparis-radius-xs) !important;
    flex-shrink: 0 !important;
}

.bisiparis-stat-icon .dashicons {
    font-size: 24px !important;
    width: 24px !important;
    height: 24px !important;
}

.bisiparis-stat-icon.orders {
    background: var(--bisiparis-orange-light) !important;
    color: var(--bisiparis-orange) !important;
}

.bisiparis-stat-icon.shipping {
    background: var(--bisiparis-info-light) !important;
    color: var(--bisiparis-info) !important;
}

.bisiparis-stat-icon.spending {
    background: var(--bisiparis-success-light) !important;
    color: var(--bisiparis-success) !important;
}

.bisiparis-stat-icon.points {
    background: var(--bisiparis-warning-light) !important;
    color: var(--bisiparis-warning) !important;
}

.bisiparis-stat-icon.streak {
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%) !important;
    color: #fff !important;
}

.bisiparis-stat-content {
    display: flex !important;
    flex-direction: column !important;
}

.bisiparis-stat-value {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: var(--bisiparis-dark-text) !important;
    line-height: 1.2 !important;
}

.bisiparis-stat-label {
    font-size: 13px !important;
    color: var(--bisiparis-gray-text) !important;
    font-weight: 500 !important;
}

/* Quick Actions */
.bisiparis-quick-actions,
.bisiparis-quick-actions-section {
    background: #fff !important;
    border: 1px solid var(--bisiparis-border) !important;
    border-radius: var(--bisiparis-radius) !important;
    padding: 24px !important;
    margin-bottom: 24px !important;
    box-shadow: var(--bisiparis-shadow-sm) !important;
}

.bisiparis-quick-actions h3,
.bisiparis-quick-actions-section h3 {
    margin: 0 0 16px 0 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--bisiparis-dark-text) !important;
}

.bisiparis-actions-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 12px !important;
}

.bisiparis-action-btn {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 20px 16px !important;
    background: var(--bisiparis-gray-bg) !important;
    border: 1px solid transparent !important;
    border-radius: var(--bisiparis-radius-sm) !important;
    color: var(--bisiparis-dark-text) !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
}

.bisiparis-action-btn .dashicons {
    font-size: 28px !important;
    width: 28px !important;
    height: 28px !important;
    color: var(--bisiparis-orange) !important;
    transition: transform 0.3s ease !important;
}

.bisiparis-action-btn:hover {
    background: var(--bisiparis-orange-light) !important;
    border-color: var(--bisiparis-orange) !important;
    color: var(--bisiparis-orange) !important;
    transform: translateY(-2px) !important;
}

.bisiparis-action-btn:hover .dashicons {
    transform: scale(1.1) !important;
}

/* Recent Orders */
.bisiparis-recent-orders {
    background: #fff !important;
    border: 1px solid var(--bisiparis-border) !important;
    border-radius: var(--bisiparis-radius) !important;
    padding: 24px !important;
    box-shadow: var(--bisiparis-shadow-sm) !important;
}

.bisiparis-section-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 16px !important;
}

.bisiparis-section-header h3 {
    margin: 0 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--bisiparis-dark-text) !important;
}

.bisiparis-section-header a {
    color: var(--bisiparis-orange) !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    transition: color 0.2s ease !important;
}

.bisiparis-section-header a:hover {
    color: var(--bisiparis-orange-hover) !important;
    text-decoration: underline !important;
}

.bisiparis-orders-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.bisiparis-order-card {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 16px !important;
    background: var(--bisiparis-gray-bg) !important;
    border-radius: var(--bisiparis-radius-sm) !important;
    transition: all 0.3s ease !important;
}

.bisiparis-order-card:hover {
    background: #f0f0f0 !important;
    transform: translateX(4px) !important;
}

.bisiparis-order-number {
    font-weight: 700 !important;
    color: var(--bisiparis-dark-text) !important;
    font-size: 14px !important;
    min-width: 80px !important;
}

.bisiparis-order-items {
    color: var(--bisiparis-gray-text) !important;
    font-size: 13px !important;
    min-width: 70px !important;
}

.bisiparis-order-total {
    font-weight: 600 !important;
    color: var(--bisiparis-dark-text) !important;
    font-size: 14px !important;
    min-width: 80px !important;
}

.bisiparis-order-status {
    display: inline-flex !important;
    align-items: center !important;
    padding: 4px 12px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    border-radius: 20px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    min-width: 90px !important;
    justify-content: center !important;
}

.bisiparis-order-status.processing {
    background: var(--bisiparis-warning-light) !important;
    color: #b45309 !important;
}

.bisiparis-order-status.shipping,
.bisiparis-order-status.shipped,
.bisiparis-order-status.kargoda {
    background: var(--bisiparis-info-light) !important;
    color: #1d4ed8 !important;
}

.bisiparis-order-status.completed,
.bisiparis-order-status.delivered,
.bisiparis-order-status.teslim {
    background: var(--bisiparis-success-light) !important;
    color: #15803d !important;
}

.bisiparis-order-status.cancelled,
.bisiparis-order-status.failed {
    background: var(--bisiparis-error-light) !important;
    color: #b91c1c !important;
}

.bisiparis-order-status.pending,
.bisiparis-order-status.on-hold {
    background: #f3f4f6 !important;
    color: #6b7280 !important;
}

.bisiparis-order-action {
    margin-left: auto !important;
    padding: 8px 16px !important;
    background: transparent !important;
    border: 1px solid var(--bisiparis-orange) !important;
    color: var(--bisiparis-orange) !important;
    border-radius: var(--bisiparis-radius-xs) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    white-space: nowrap !important;
}

.bisiparis-order-action:hover {
    background: var(--bisiparis-orange) !important;
    color: #fff !important;
}

/* Empty Orders */
.bisiparis-empty-orders {
    text-align: center !important;
    padding: 40px 20px !important;
}

.bisiparis-empty-icon {
    width: 80px !important;
    height: 80px !important;
    margin: 0 auto 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--bisiparis-gray-bg) !important;
    border-radius: 50% !important;
}

.bisiparis-empty-icon .dashicons {
    font-size: 36px !important;
    width: 36px !important;
    height: 36px !important;
    color: #ccc !important;
}

.bisiparis-empty-orders p {
    margin: 0 0 16px 0 !important;
    color: var(--bisiparis-gray-text) !important;
    font-size: 14px !important;
}

/* Empty State - Generic */
.bisiparis-empty-state {
    text-align: center !important;
    padding: 40px 20px !important;
}

.bisiparis-empty-state.bisiparis-empty-sm {
    padding: 24px 16px !important;
}

.bisiparis-empty-state .dashicons {
    font-size: 48px !important;
    width: 48px !important;
    height: 48px !important;
    color: #ccc !important;
    margin-bottom: 12px !important;
}

.bisiparis-empty-sm .dashicons {
    font-size: 32px !important;
    width: 32px !important;
    height: 32px !important;
}

.bisiparis-empty-state p {
    margin: 0 0 16px 0 !important;
    color: var(--bisiparis-gray-text) !important;
    font-size: 14px !important;
}

/* Card Header Row */
.bisiparis-card-header-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 16px !important;
}

.bisiparis-link-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    color: var(--bisiparis-orange) !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important;
}

.bisiparis-link-btn:hover {
    color: var(--bisiparis-orange-hover) !important;
}

.bisiparis-link-btn .dashicons {
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
    transition: transform 0.2s ease !important;
}

.bisiparis-link-btn:hover .dashicons {
    transform: translateX(2px) !important;
}

/* ============================== */
/* Section Styles                 */
/* ============================== */

.bisiparis-myaccount-section {
    max-width: 600px !important;
    animation: bisiparis-fadeIn 0.4s ease !important;
}

.bisiparis-myaccount-section .bisiparis-section-header {
    display: block !important;
    margin-bottom: 24px !important;
}

.bisiparis-myaccount-section .bisiparis-section-header h2 {
    margin: 0 0 8px 0 !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: var(--bisiparis-dark-text) !important;
}

.bisiparis-myaccount-section .bisiparis-section-header p {
    margin: 0 !important;
    font-size: 14px !important;
    color: var(--bisiparis-gray-text) !important;
}

/* ============================== */
/* Card Styles                    */
/* ============================== */

#bisiparis-app .bisiparis-card {
    background: #fff !important;
    border: 1px solid var(--bisiparis-border) !important;
    border-radius: var(--bisiparis-radius-sm) !important;
    padding: 24px !important;
    margin-bottom: 20px !important;
    box-shadow: var(--bisiparis-shadow-sm) !important;
    transition: all 0.3s ease !important;
}

#bisiparis-app .bisiparis-card:hover {
    box-shadow: var(--bisiparis-shadow) !important;
}

#bisiparis-app .bisiparis-card-title {
    margin: 0 0 8px 0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--bisiparis-dark-text) !important;
}

#bisiparis-app .bisiparis-card-desc {
    margin: 0 0 20px 0 !important;
    font-size: 14px !important;
    color: var(--bisiparis-gray-text) !important;
}

#bisiparis-app .bisiparis-subsection-title {
    margin: 0 0 16px 0 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--bisiparis-dark-text) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

#bisiparis-app .bisiparis-card-info {
    background: var(--bisiparis-gray-bg) !important;
}

/* ============================== */
/* Phone Section Styles           */
/* ============================== */

.bisiparis-phone-current {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 16px !important;
    background: var(--bisiparis-success-light) !important;
    border-radius: var(--bisiparis-radius-sm) !important;
    margin-bottom: 16px !important;
}

.bisiparis-phone-icon {
    width: 52px !important;
    height: 52px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fff !important;
    border-radius: var(--bisiparis-radius-sm) !important;
    flex-shrink: 0 !important;
    box-shadow: var(--bisiparis-shadow-sm) !important;
}

.bisiparis-phone-icon .dashicons {
    font-size: 24px !important;
    width: 24px !important;
    height: 24px !important;
    color: var(--bisiparis-orange) !important;
}

.bisiparis-phone-status .dashicons {
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
}

.bisiparis-phone-info {
    flex: 1 !important;
}

.bisiparis-phone-label {
    display: block !important;
    font-size: 12px !important;
    color: var(--bisiparis-gray-text) !important;
    margin-bottom: 2px !important;
}

.bisiparis-phone-number {
    display: block !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--bisiparis-dark-text) !important;
    letter-spacing: 0.5px !important;
}

.bisiparis-phone-status {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 6px 12px !important;
    border-radius: 20px !important;
    white-space: nowrap !important;
}

.bisiparis-phone-status.verified {
    background: var(--bisiparis-success) !important;
    color: #fff !important;
}

/* No phone state */
.bisiparis-no-phone {
    text-align: center !important;
    padding: 32px 20px !important;
}

.bisiparis-no-phone-icon {
    width: 80px !important;
    height: 80px !important;
    margin: 0 auto 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--bisiparis-gray-bg) !important;
    border-radius: 50% !important;
}

.bisiparis-no-phone h3 {
    margin: 0 0 8px 0 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--bisiparis-dark-text) !important;
}

.bisiparis-no-phone p {
    margin: 0 0 20px 0 !important;
    font-size: 14px !important;
    color: var(--bisiparis-gray-text) !important;
}

/* Phone form */
#bisiparis-app .bisiparis-phone-form {
    margin-top: 20px !important;
    padding-top: 20px !important;
    border-top: 1px solid var(--bisiparis-border) !important;
}

#bisiparis-app .bisiparis-phone-step {
    animation: bisiparis-fadeIn 0.3s ease !important;
}

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

#bisiparis-app .bisiparis-form-group {
    margin-bottom: 16px !important;
}

#bisiparis-app .bisiparis-form-group label {
    display: block !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--bisiparis-dark-text) !important;
    margin-bottom: 8px !important;
}

#bisiparis-app .bisiparis-phone-wrapper {
    display: flex !important;
    align-items: stretch !important;
}

#bisiparis-app .bisiparis-phone-prefix {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 14px !important;
    background: #e5e7eb !important;
    border-radius: var(--bisiparis-radius-xs) 0 0 var(--bisiparis-radius-xs) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: var(--bisiparis-dark-text) !important;
    white-space: nowrap !important;
}

#bisiparis-app .bisiparis-phone-wrapper .bisiparis-input {
    border-radius: 0 var(--bisiparis-radius-xs) var(--bisiparis-radius-xs) 0 !important;
    flex: 1 !important;
}

#bisiparis-app .bisiparis-input,
#bisiparis-app input.bisiparis-input,
#bisiparis-app input[type="text"].bisiparis-input,
#bisiparis-app input[type="email"].bisiparis-input,
#bisiparis-app input[type="tel"].bisiparis-input,
#bisiparis-app input[type="password"].bisiparis-input {
    width: 100% !important;
    padding: 14px 16px !important;
    font-size: 16px !important;
    background: var(--bisiparis-gray-bg) !important;
    border: 2px solid transparent !important;
    border-radius: var(--bisiparis-radius-xs) !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
    color: var(--bisiparis-dark-text) !important;
    height: auto !important;
    line-height: 1.4 !important;
    margin: 0 !important;
}

#bisiparis-app .bisiparis-input:focus,
#bisiparis-app .bisiparis-input:focus-visible,
#bisiparis-app input.bisiparis-input:focus,
#bisiparis-app input.bisiparis-input:focus-visible {
    outline: none !important;
    outline-width: 0 !important;
    background: #fff !important;
    border-color: var(--bisiparis-orange) !important;
    box-shadow: 0 0 0 3px rgba(255, 96, 0, 0.15) !important;
}

/* Override any theme/browser default focus styles */
#bisiparis-app .bisiparis-input:focus,
#bisiparis-app input.bisiparis-input:focus {
    outline: none !important;
    outline-offset: 0 !important;
    border-width: 2px !important;
}

#bisiparis-app .bisiparis-input::placeholder {
    color: #9ca3af !important;
}

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

#bisiparis-app .bisiparis-btn,
#bisiparis-app button.bisiparis-btn,
#bisiparis-app a.bisiparis-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    height: 48px !important;
    padding: 0 24px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-align: center !important;
    text-decoration: none !important;
    border: none !important;
    border-radius: var(--bisiparis-radius-xs) !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
    line-height: 1 !important;
    margin: 0 !important;
}

#bisiparis-app .bisiparis-btn .dashicons {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    line-height: 1 !important;
}

#bisiparis-app .bisiparis-btn-primary,
#bisiparis-app button.bisiparis-btn-primary {
    background: var(--bisiparis-gradient) !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(255, 96, 0, 0.3) !important;
}

#bisiparis-app .bisiparis-btn-primary:hover {
    background: linear-gradient(135deg, #E55500 0%, #FF6000 100%) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 20px rgba(255, 96, 0, 0.4) !important;
}

#bisiparis-app .bisiparis-btn-primary:active {
    transform: translateY(0) !important;
}

#bisiparis-app .bisiparis-btn-primary:disabled {
    background: #d1d5db !important;
    cursor: not-allowed !important;
    opacity: 0.7 !important;
    box-shadow: none !important;
}

#bisiparis-app .bisiparis-btn-secondary,
#bisiparis-app button.bisiparis-btn-secondary {
    background: #fff !important;
    color: var(--bisiparis-dark-text) !important;
    border: 1px solid var(--bisiparis-border) !important;
}

#bisiparis-app .bisiparis-btn-secondary:hover {
    background: var(--bisiparis-gray-bg) !important;
    border-color: #d1d5db !important;
}

#bisiparis-app .bisiparis-btn-outline,
#bisiparis-app button.bisiparis-btn-outline {
    background: transparent !important;
    color: var(--bisiparis-orange) !important;
    border: 2px solid var(--bisiparis-orange) !important;
}

#bisiparis-app .bisiparis-btn-outline:hover {
    background: var(--bisiparis-orange-light) !important;
}

#bisiparis-app .bisiparis-btn-link,
#bisiparis-app button.bisiparis-btn-link {
    background: transparent !important;
    color: var(--bisiparis-orange) !important;
    padding: 12px !important;
    font-weight: 500 !important;
    width: auto !important;
    height: auto !important;
}

#bisiparis-app .bisiparis-btn-link:hover {
    text-decoration: underline !important;
}

/* Verify button - orange outline with icon */
#bisiparis-app .bisiparis-btn-verify,
#bisiparis-app button.bisiparis-btn-verify {
    background: linear-gradient(135deg, #fff5eb 0%, #fff 100%) !important;
    color: var(--bisiparis-orange) !important;
    border: 1.5px solid var(--bisiparis-orange) !important;
    font-weight: 600 !important;
    border-radius: 20px !important;
    padding: 6px 14px !important;
    font-size: 13px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 2px 8px rgba(255, 96, 0, 0.15) !important;
}

#bisiparis-app .bisiparis-btn-verify:hover {
    background: var(--bisiparis-orange) !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(255, 96, 0, 0.3) !important;
}

#bisiparis-app .bisiparis-btn-verify .dashicons {
    font-size: 14px !important;
    width: 14px !important;
    height: 14px !important;
}

#bisiparis-app .bisiparis-btn-sm,
#bisiparis-app button.bisiparis-btn-sm {
    width: auto !important;
    height: 40px !important;
    padding: 0 16px !important;
    font-size: 14px !important;
}

#bisiparis-app .bisiparis-btn-sm .dashicons {
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
}

/* Loading state */
#bisiparis-app .bisiparis-btn.loading {
    position: relative !important;
    color: transparent !important;
    pointer-events: none !important;
}

#bisiparis-app .bisiparis-btn.loading::after {
    content: '' !important;
    position: absolute !important;
    width: 20px !important;
    height: 20px !important;
    top: 50% !important;
    left: 50% !important;
    margin: -10px 0 0 -10px !important;
    border: 2px solid rgba(255, 255, 255, 0.3) !important;
    border-top-color: #fff !important;
    border-radius: 50% !important;
    animation: bisiparis-spin 0.8s linear infinite !important;
}

#bisiparis-app .bisiparis-btn-secondary.loading::after,
#bisiparis-app .bisiparis-btn-outline.loading::after {
    border-color: rgba(0, 0, 0, 0.2) !important;
    border-top-color: var(--bisiparis-orange) !important;
}

/* ============================== */
/* OTP Section                    */
/* ============================== */

#bisiparis-app .bisiparis-otp-header {
    text-align: center !important;
    margin-bottom: 24px !important;
}

#bisiparis-app .bisiparis-otp-desc {
    margin: 0 !important;
    font-size: 14px !important;
    color: var(--bisiparis-gray-text) !important;
}

#bisiparis-app .bisiparis-otp-boxes {
    display: flex !important;
    gap: 10px !important;
    justify-content: center !important;
    margin-bottom: 20px !important;
}

#bisiparis-app .bisiparis-otp-box,
#bisiparis-app input.bisiparis-otp-box {
    width: 50px !important;
    height: 58px !important;
    text-align: center !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    border: 2px solid transparent !important;
    border-radius: var(--bisiparis-radius-xs) !important;
    background: var(--bisiparis-gray-bg) !important;
    transition: all 0.2s ease !important;
    caret-color: var(--bisiparis-orange) !important;
    color: var(--bisiparis-dark-text) !important;
    padding: 0 !important;
    margin: 0 !important;
}

#bisiparis-app .bisiparis-otp-box:focus,
#bisiparis-app input.bisiparis-otp-box:focus {
    outline: none !important;
    background: #fff !important;
    border-color: var(--bisiparis-orange) !important;
    box-shadow: 0 0 0 3px rgba(255, 96, 0, 0.1) !important;
}

#bisiparis-app .bisiparis-otp-box.filled {
    background: var(--bisiparis-orange-light) !important;
    border-color: var(--bisiparis-orange) !important;
}

#bisiparis-app .bisiparis-otp-box.error {
    border-color: var(--bisiparis-error) !important;
    background: var(--bisiparis-error-light) !important;
    animation: bisiparis-shake 0.4s ease !important;
}

#bisiparis-app .bisiparis-otp-box.success {
    border-color: var(--bisiparis-success) !important;
    background: var(--bisiparis-success-light) !important;
}

#bisiparis-app .bisiparis-otp-timer {
    text-align: center !important;
    font-size: 14px !important;
    color: var(--bisiparis-gray-text) !important;
    margin-bottom: 16px !important;
}

#bisiparis-app .bisiparis-otp-timer.warning {
    color: var(--bisiparis-warning) !important;
    font-weight: 600 !important;
}

#bisiparis-app .bisiparis-otp-timer.expired {
    color: var(--bisiparis-error) !important;
}

/* ============================== */
/* Success Screen                 */
/* ============================== */

.bisiparis-success {
    text-align: center !important;
    padding: 32px 20px !important;
}

.bisiparis-success-icon {
    width: 80px !important;
    height: 80px !important;
    margin: 0 auto 20px !important;
    background: var(--bisiparis-success) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    animation: bisiparis-scaleIn 0.4s ease !important;
}

.bisiparis-success-icon .dashicons {
    font-size: 40px !important;
    width: 40px !important;
    height: 40px !important;
    color: #fff !important;
}

.bisiparis-success h3 {
    margin: 0 0 8px 0 !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    color: var(--bisiparis-dark-text) !important;
}

.bisiparis-success p {
    margin: 0 !important;
    color: var(--bisiparis-gray-text) !important;
}

/* ============================== */
/* Status Messages                */
/* ============================== */

.bisiparis-status {
    margin-top: 16px !important;
    padding: 12px 16px !important;
    border-radius: var(--bisiparis-radius-xs) !important;
    font-size: 14px !important;
    display: none !important;
}

.bisiparis-status.show {
    display: block !important;
    animation: bisiparis-fadeIn 0.3s ease !important;
}

.bisiparis-status.success {
    background: var(--bisiparis-success-light) !important;
    color: #15803d !important;
    border: 1px solid var(--bisiparis-success) !important;
}

.bisiparis-status.error {
    background: var(--bisiparis-error-light) !important;
    color: #b91c1c !important;
    border: 1px solid var(--bisiparis-error) !important;
}

.bisiparis-status.info {
    background: var(--bisiparis-orange-light) !important;
    color: #c2410c !important;
    border: 1px solid var(--bisiparis-orange) !important;
}

/* ============================== */
/* Toggle Switches                */
/* ============================== */

#bisiparis-app .bisiparis-toggle-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

#bisiparis-app .bisiparis-toggle-item {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 16px !important;
    background: var(--bisiparis-gray-bg) !important;
    border-radius: var(--bisiparis-radius-sm) !important;
    transition: all 0.2s ease !important;
}

#bisiparis-app .bisiparis-toggle-item:hover {
    background: #f0f0f0 !important;
}

#bisiparis-app .bisiparis-toggle-info {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

#bisiparis-app .bisiparis-toggle-icon {
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: var(--bisiparis-radius-sm) !important;
    flex-shrink: 0 !important;
}

#bisiparis-app .bisiparis-toggle-icon.whatsapp {
    background: rgba(37, 211, 102, 0.15) !important;
    color: var(--bisiparis-whatsapp) !important;
}

#bisiparis-app .bisiparis-toggle-icon.sms {
    background: rgba(33, 150, 243, 0.15) !important;
    color: var(--bisiparis-sms) !important;
}

#bisiparis-app .bisiparis-toggle-icon.email {
    background: rgba(156, 39, 176, 0.15) !important;
    color: var(--bisiparis-email) !important;
}

#bisiparis-app .bisiparis-toggle-icon .dashicons {
    font-size: 22px !important;
    width: 22px !important;
    height: 22px !important;
}

#bisiparis-app .bisiparis-toggle-text {
    display: flex !important;
    flex-direction: column !important;
}

#bisiparis-app .bisiparis-toggle-label {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: var(--bisiparis-dark-text) !important;
}

#bisiparis-app .bisiparis-toggle-desc {
    font-size: 13px !important;
    color: var(--bisiparis-gray-text) !important;
}

/* Toggle switch */
#bisiparis-app .bisiparis-toggle {
    position: relative !important;
    width: 52px !important;
    height: 28px !important;
    flex-shrink: 0 !important;
}

#bisiparis-app .bisiparis-toggle input {
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

#bisiparis-app .bisiparis-toggle-slider {
    position: absolute !important;
    cursor: pointer !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: #d1d5db !important;
    border-radius: 28px !important;
    transition: all 0.3s ease !important;
}

#bisiparis-app .bisiparis-toggle-slider::before {
    content: '' !important;
    position: absolute !important;
    height: 22px !important;
    width: 22px !important;
    left: 3px !important;
    bottom: 3px !important;
    background: #fff !important;
    border-radius: 50% !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}

#bisiparis-app .bisiparis-toggle input:checked + .bisiparis-toggle-slider {
    background: var(--bisiparis-orange) !important;
}

#bisiparis-app .bisiparis-toggle input:checked + .bisiparis-toggle-slider::before {
    transform: translateX(24px) !important;
}

#bisiparis-app .bisiparis-toggle input:focus + .bisiparis-toggle-slider {
    box-shadow: 0 0 0 3px rgba(255, 96, 0, 0.2) !important;
}

/* ============================== */
/* Info List                      */
/* ============================== */

.bisiparis-info-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.bisiparis-info-item {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    font-size: 14px !important;
    color: var(--bisiparis-gray-text) !important;
}

.bisiparis-info-badge {
    display: inline-flex !important;
    padding: 4px 10px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    white-space: nowrap !important;
}

.bisiparis-info-badge.confirmed {
    background: rgba(34, 197, 94, 0.15) !important;
    color: #15803d !important;
}

.bisiparis-info-badge.shipped {
    background: rgba(59, 130, 246, 0.15) !important;
    color: #1d4ed8 !important;
}

.bisiparis-info-badge.cancelled {
    background: rgba(239, 68, 68, 0.15) !important;
    color: #b91c1c !important;
}

/* ============================== */
/* Notifications Form             */
/* ============================== */

.bisiparis-notifications-form .bisiparis-btn-primary {
    margin-top: 8px !important;
}

/* ============================== */
/* Responsive                     */
/* ============================== */

@media (max-width: 1024px) {
    .bisiparis-stats-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .bisiparis-actions-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 768px) {
    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content {
        width: 100% !important;
        float: none !important;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
        margin-bottom: 20px !important;
    }

    .bisiparis-profile-card {
        flex-direction: column !important;
        text-align: center !important;
        padding: 20px !important;
    }

    .bisiparis-profile-avatar {
        width: 70px !important;
        height: 70px !important;
    }

    .bisiparis-profile-info h2 {
        font-size: 20px !important;
    }

    .bisiparis-profile-meta {
        align-items: center !important;
    }

    .bisiparis-stats-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }

    .bisiparis-stat-card {
        padding: 16px !important;
    }

    .bisiparis-stat-value {
        font-size: 24px !important;
    }

    .bisiparis-completion-items {
        grid-template-columns: 1fr !important;
    }

    .bisiparis-actions-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }

    .bisiparis-action-btn {
        padding: 16px 12px !important;
    }

    .bisiparis-action-btn .dashicons {
        font-size: 24px !important;
        width: 24px !important;
        height: 24px !important;
    }

    .bisiparis-order-card {
        flex-wrap: wrap !important;
        gap: 12px !important;
    }

    .bisiparis-order-number,
    .bisiparis-order-items,
    .bisiparis-order-total {
        min-width: auto !important;
    }

    .bisiparis-order-status {
        min-width: auto !important;
    }

    .bisiparis-order-action {
        width: 100% !important;
        margin-left: 0 !important;
        margin-top: 8px !important;
        text-align: center !important;
    }

    .bisiparis-phone-current {
        flex-wrap: wrap !important;
    }

    .bisiparis-phone-status {
        width: 100% !important;
        justify-content: center !important;
        margin-top: 12px !important;
    }

    .bisiparis-otp-boxes {
        gap: 8px !important;
    }

    .bisiparis-otp-box {
        width: 46px !important;
        height: 54px !important;
        font-size: 22px !important;
    }

    /* Welcome card responsive */
    .bisiparis-welcome-card {
        padding: 20px !important;
    }

    .bisiparis-welcome-content {
        flex-direction: column !important;
        text-align: center !important;
    }

    .bisiparis-welcome-avatar {
        width: 70px !important;
        height: 70px !important;
    }

    .bisiparis-welcome-text h2 {
        font-size: 20px !important;
    }

    /* Quick actions responsive */
    .bisiparis-quick-actions {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }

    .bisiparis-quick-action {
        padding: 16px 12px !important;
    }

    .bisiparis-quick-action .dashicons {
        font-size: 24px !important;
        width: 24px !important;
        height: 24px !important;
    }

    /* Orders mini responsive */
    .bisiparis-order-mini {
        flex-wrap: wrap !important;
        gap: 12px !important;
    }

    .bisiparis-order-mini-total {
        margin-left: 0 !important;
    }
}

@media (max-width: 480px) {
    .woocommerce-account .woocommerce-MyAccount-content {
        padding: 16px !important;
    }

    .bisiparis-card {
        padding: 16px !important;
    }

    .bisiparis-myaccount-section .bisiparis-section-header h2 {
        font-size: 20px !important;
    }

    .bisiparis-completion-card,
    .bisiparis-quick-actions,
    .bisiparis-recent-orders {
        padding: 16px !important;
    }

    .bisiparis-stat-card {
        flex-direction: column !important;
        text-align: center !important;
        gap: 8px !important;
    }

    .bisiparis-stat-icon {
        width: 44px !important;
        height: 44px !important;
    }

    .bisiparis-stat-value {
        font-size: 22px !important;
    }

    .bisiparis-toggle-item {
        padding: 12px !important;
    }

    .bisiparis-toggle-icon {
        width: 38px !important;
        height: 38px !important;
    }

    .bisiparis-toggle-label {
        font-size: 14px !important;
    }

    .bisiparis-toggle-desc {
        font-size: 12px !important;
    }

    .bisiparis-otp-boxes {
        gap: 6px !important;
    }

    .bisiparis-otp-box {
        width: 42px !important;
        height: 50px !important;
        font-size: 20px !important;
    }

    .bisiparis-action-btn {
        font-size: 12px !important;
    }
}

@media (max-width: 360px) {
    .bisiparis-stats-grid {
        grid-template-columns: 1fr !important;
    }

    .bisiparis-actions-grid {
        grid-template-columns: 1fr !important;
    }

    .bisiparis-otp-boxes {
        gap: 4px !important;
    }

    .bisiparis-otp-box {
        width: 38px !important;
        height: 46px !important;
        font-size: 18px !important;
    }
}

/* ============================== */
/* Accessibility                  */
/* ============================== */

@media (prefers-reduced-motion: reduce) {
    .bisiparis-otp-box,
    .bisiparis-btn,
    .bisiparis-input,
    .bisiparis-toggle-slider,
    .bisiparis-success-icon,
    .bisiparis-phone-step,
    .bisiparis-stat-card,
    .bisiparis-card,
    .bisiparis-order-card,
    .bisiparis-action-btn,
    .bisiparis-progress-fill,
    .bisiparis-dashboard {
        animation: none !important;
        transition: none !important;
    }
}

/* Focus visible for keyboard navigation */
.bisiparis-btn:focus-visible,
.bisiparis-input:focus-visible,
.bisiparis-otp-box:focus-visible,
.bisiparis-toggle input:focus-visible + .bisiparis-toggle-slider,
.bisiparis-action-btn:focus-visible,
.bisiparis-order-action:focus-visible {
    outline: 3px solid var(--bisiparis-orange) !important;
    outline-offset: 2px !important;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .bisiparis-btn-primary {
        border: 2px solid #000 !important;
    }

    .bisiparis-card,
    .bisiparis-stat-card,
    .bisiparis-profile-card {
        border: 2px solid #000 !important;
    }
}

/* ============================== */
/* Print Styles                   */
/* ============================== */

@media print {
    .bisiparis-btn,
    .bisiparis-action-btn,
    .bisiparis-order-action,
    .bisiparis-toggle {
        display: none !important;
    }

    .bisiparis-profile-card {
        background: #f0f0f0 !important;
        color: #000 !important;
        box-shadow: none !important;
    }

    .bisiparis-card,
    .bisiparis-stat-card {
        box-shadow: none !important;
        border: 1px solid #000 !important;
    }
}

/* ============================== */
/* ORDERS PAGE STYLES             */
/* ============================== */

.bisiparis-orders-page {
    animation: bisiparis-fadeIn 0.4s ease !important;
}

.bisiparis-orders-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 24px !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
}

.bisiparis-orders-header h2 {
    margin: 0 !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: var(--bisiparis-dark-text) !important;
}

.bisiparis-orders-search {
    position: relative !important;
    width: 280px !important;
    max-width: 100% !important;
}

.bisiparis-orders-search .dashicons {
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: var(--bisiparis-gray-text) !important;
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
}

.bisiparis-orders-search input {
    width: 100% !important;
    padding: 12px 16px 12px 44px !important;
    border: 2px solid var(--bisiparis-border) !important;
    border-radius: var(--bisiparis-radius-sm) !important;
    font-size: 14px !important;
    background: #fff !important;
    transition: all 0.2s ease !important;
}

.bisiparis-orders-search input:focus {
    outline: none !important;
    border-color: var(--bisiparis-orange) !important;
    box-shadow: 0 0 0 3px rgba(255, 96, 0, 0.1) !important;
}

/* Status Counter Cards */
.bisiparis-status-counters {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px !important;
    margin-bottom: 24px !important;
}

.bisiparis-status-counter {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 20px 16px !important;
    background: #fff !important;
    border: 2px solid var(--bisiparis-border) !important;
    border-radius: var(--bisiparis-radius-sm) !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    overflow: hidden !important;
}

.bisiparis-status-counter:hover {
    border-color: var(--bisiparis-orange) !important;
    transform: translateY(-2px) !important;
    box-shadow: var(--bisiparis-shadow) !important;
}

.bisiparis-status-counter.active {
    border-color: var(--bisiparis-orange) !important;
    background: var(--bisiparis-orange-light) !important;
}

.bisiparis-counter-value {
    font-size: 32px !important;
    font-weight: 700 !important;
    color: var(--bisiparis-dark-text) !important;
    line-height: 1 !important;
    margin-bottom: 4px !important;
}

.bisiparis-counter-label {
    font-size: 13px !important;
    color: var(--bisiparis-gray-text) !important;
    font-weight: 500 !important;
    text-align: center !important;
}

.bisiparis-counter-icon {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    width: 32px !important;
    height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    opacity: 0.15 !important;
}

.bisiparis-counter-icon .dashicons {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
}

.bisiparis-counter-icon.pending {
    background: var(--bisiparis-warning) !important;
    color: #fff !important;
}

.bisiparis-counter-icon.processing {
    background: var(--bisiparis-info) !important;
    color: #fff !important;
}

.bisiparis-counter-icon.kargoda {
    background: var(--bisiparis-info) !important;
    color: #fff !important;
}

.bisiparis-counter-icon.completed {
    background: var(--bisiparis-success) !important;
    color: #fff !important;
}

/* Filter Tabs */
.bisiparis-orders-filters {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 20px !important;
    flex-wrap: wrap !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid var(--bisiparis-border) !important;
}

.bisiparis-filter-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 16px !important;
    background: #fff !important;
    border: 1px solid var(--bisiparis-border) !important;
    border-radius: var(--bisiparis-radius-xs) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--bisiparis-dark-text) !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.bisiparis-filter-btn:hover {
    border-color: var(--bisiparis-orange) !important;
    color: var(--bisiparis-orange) !important;
}

.bisiparis-filter-btn.active {
    background: var(--bisiparis-orange) !important;
    border-color: var(--bisiparis-orange) !important;
    color: #fff !important;
}

.bisiparis-filter-count {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 22px !important;
    height: 22px !important;
    padding: 0 6px !important;
    background: rgba(0, 0, 0, 0.08) !important;
    border-radius: 11px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

.bisiparis-filter-btn.active .bisiparis-filter-count {
    background: rgba(255, 255, 255, 0.25) !important;
}

/* Filter Tabs - New Style */
#bisiparis-app .bisiparis-filter-tabs {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-bottom: 24px !important;
    flex-wrap: wrap !important;
    padding: 6px !important;
    background: #f1f3f5 !important;
    border-radius: 12px !important;
}

#bisiparis-app .bisiparis-filter-tab {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 16px !important;
    background: #fff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #555 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    white-space: nowrap !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04) !important;
}

#bisiparis-app .bisiparis-filter-tab:hover {
    background: #fff !important;
    border-color: #FF6000 !important;
    color: #FF6000 !important;
    box-shadow: 0 2px 6px rgba(255, 96, 0, 0.15) !important;
    transform: translateY(-1px) !important;
}

#bisiparis-app .bisiparis-filter-tab.active {
    background: #FF6000 !important;
    border-color: #FF6000 !important;
    color: #fff !important;
    box-shadow: 0 3px 10px rgba(255, 96, 0, 0.35) !important;
    transform: translateY(-1px) !important;
}

/* Counter cards clickable */
#bisiparis-app .bisiparis-counter-card {
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

#bisiparis-app .bisiparis-counter-card:hover {
    border-color: var(--bisiparis-orange) !important;
    transform: translateY(-2px) !important;
}

#bisiparis-app .bisiparis-counter-card.active {
    border-color: var(--bisiparis-orange) !important;
    background: var(--bisiparis-orange-light) !important;
}

/* No results message */
#bisiparis-app .bisiparis-no-results {
    text-align: center !important;
    padding: 48px 20px !important;
    color: var(--bisiparis-gray-text) !important;
}

#bisiparis-app .bisiparis-no-results .dashicons {
    font-size: 48px !important;
    width: 48px !important;
    height: 48px !important;
    color: #ccc !important;
    margin-bottom: 16px !important;
}

#bisiparis-app .bisiparis-no-results p {
    margin: 0 !important;
    font-size: 15px !important;
}

/* Filter Dropdown */
.bisiparis-filter-dropdown {
    position: relative !important;
    margin-left: auto !important;
}

.bisiparis-dropdown-toggle {
    background: transparent !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.bisiparis-dropdown-toggle .dashicons {
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
}

.bisiparis-dropdown-menu {
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    margin-top: 8px !important;
    background: #fff !important;
    border: 1px solid var(--bisiparis-border) !important;
    border-radius: var(--bisiparis-radius-sm) !important;
    box-shadow: var(--bisiparis-shadow-lg) !important;
    min-width: 180px !important;
    z-index: 100 !important;
    display: none !important;
}

.bisiparis-dropdown-menu.show {
    display: block !important;
    animation: bisiparis-fadeIn 0.2s ease !important;
}

.bisiparis-dropdown-menu a {
    display: block !important;
    padding: 12px 16px !important;
    color: var(--bisiparis-dark-text) !important;
    text-decoration: none !important;
    font-size: 14px !important;
    transition: background 0.2s ease !important;
}

.bisiparis-dropdown-menu a:hover {
    background: var(--bisiparis-gray-bg) !important;
}

.bisiparis-dropdown-menu a.active {
    background: var(--bisiparis-orange-light) !important;
    color: var(--bisiparis-orange) !important;
    font-weight: 600 !important;
}

/* Order Thumb - Standalone */
.bisiparis-order-thumb,
.bisiparis-orders-page .bisiparis-order-thumb,
.bisiparis-account-wrapper .bisiparis-order-thumb {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #f5f5f5 !important;
    border: 1px solid #e0e0e0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    position: relative !important;
}

.bisiparis-order-thumb img,
.bisiparis-orders-page .bisiparis-order-thumb img,
.bisiparis-account-wrapper .bisiparis-order-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.bisiparis-order-more {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--bisiparis-gray-text) !important;
}

.bisiparis-order-details {
    flex: 1 !important;
    min-width: 0 !important;
}

.bisiparis-order-header {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 6px !important;
}

.bisiparis-order-id {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--bisiparis-dark-text) !important;
}

.bisiparis-order-date {
    font-size: 13px !important;
    color: var(--bisiparis-gray-text) !important;
}

.bisiparis-order-meta {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 14px !important;
    color: var(--bisiparis-gray-text) !important;
    margin-bottom: 10px !important;
}

.bisiparis-separator {
    opacity: 0.5 !important;
}

.bisiparis-order-price {
    font-weight: 600 !important;
    color: var(--bisiparis-dark-text) !important;
}

.bisiparis-order-status-badge {
    display: inline-flex !important;
    align-items: center !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.bisiparis-order-status-badge.pending {
    background: var(--bisiparis-warning-light) !important;
    color: #b45309 !important;
}

.bisiparis-order-status-badge.processing {
    background: var(--bisiparis-info-light) !important;
    color: #1d4ed8 !important;
}

.bisiparis-order-status-badge.kargoda {
    background: #dbeafe !important;
    color: #1e40af !important;
}

.bisiparis-order-status-badge.completed,
.bisiparis-order-status-badge.teslim-edildi {
    background: var(--bisiparis-success-light) !important;
    color: #15803d !important;
}

.bisiparis-order-status-badge.cancelled {
    background: var(--bisiparis-error-light) !important;
    color: #b91c1c !important;
}

.bisiparis-order-status-badge.on-hold {
    background: #f3f4f6 !important;
    color: #6b7280 !important;
}

.bisiparis-order-actions-col {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    flex-shrink: 0 !important;
}

/* Counter Cards (alias) */
.bisiparis-counter-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 24px 16px !important;
    background: #fff !important;
    border: 2px solid var(--bisiparis-border) !important;
    border-radius: var(--bisiparis-radius-sm) !important;
    transition: all 0.3s ease !important;
    text-align: center !important;
}

.bisiparis-counter-card:hover {
    border-color: var(--bisiparis-orange) !important;
    transform: translateY(-2px) !important;
    box-shadow: var(--bisiparis-shadow) !important;
}

/* Order Card Full - Rewrite */
.bisiparis-orders-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}

/* Modern Order Card - Horizontal Layout */
.bisiparis-order-card-full {
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    gap: 20px !important;
    padding: 20px !important;
    background: #fff !important;
    border: 1px solid var(--bisiparis-border) !important;
    border-radius: var(--bisiparis-radius-sm) !important;
    transition: all 0.2s ease !important;
}

.bisiparis-order-card-full:hover {
    border-color: var(--bisiparis-orange) !important;
    box-shadow: 0 4px 12px rgba(255, 96, 0, 0.1) !important;
    transform: translateY(-2px) !important;
}

.bisiparis-order-card-full .bisiparis-order-header {
    display: none !important;
}

.bisiparis-order-card-full .bisiparis-order-id {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

.bisiparis-order-card-full .bisiparis-order-id strong {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: var(--bisiparis-dark-text) !important;
}

.bisiparis-order-card-full .bisiparis-order-date {
    font-size: 12px !important;
    color: var(--bisiparis-gray-text) !important;
    font-weight: 400 !important;
}

/* Order Body - Modern Horizontal */
.bisiparis-order-body {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
    flex: 1 !important;
    min-width: 0 !important;
    padding: 0 !important;
}

/* Order Info Block */
.bisiparis-order-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.bisiparis-order-info .bisiparis-order-id {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.bisiparis-order-info .bisiparis-order-id strong {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: var(--bisiparis-dark-text) !important;
}

.bisiparis-order-info .bisiparis-order-date {
    font-size: 13px !important;
    color: var(--bisiparis-gray-text) !important;
}

.bisiparis-order-info .bisiparis-order-status-badge {
    display: inline-flex !important;
    align-items: center !important;
    padding: 4px 12px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    border-radius: 20px !important;
    width: fit-content !important;
}

/* Order Items Preview */
.bisiparis-order-items-preview {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-shrink: 0 !important;
}

.bisiparis-order-items-preview .bisiparis-order-thumb,
.bisiparis-orders-page .bisiparis-order-items-preview .bisiparis-order-thumb,
.bisiparis-account-wrapper .bisiparis-order-items-preview .bisiparis-order-thumb {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #f8f9fa !important;
    border: 1px solid #e0e0e0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
}

.bisiparis-order-items-preview .bisiparis-order-thumb img,
.bisiparis-orders-page .bisiparis-order-items-preview .bisiparis-order-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.bisiparis-order-items-preview .bisiparis-order-thumb .dashicons,
.bisiparis-orders-page .bisiparis-order-items-preview .bisiparis-order-thumb .dashicons {
    font-size: 24px !important;
    width: 24px !important;
    height: 24px !important;
    color: #999 !important;
    opacity: 0.6 !important;
    line-height: 1 !important;
}

.bisiparis-order-items-preview .bisiparis-order-thumb.bisiparis-more,
.bisiparis-orders-page .bisiparis-order-items-preview .bisiparis-order-thumb.bisiparis-more {
    background: #fff5f0 !important;
    border-color: #FF6000 !important;
    color: #FF6000 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

/* Order Summary - Compact */
.bisiparis-order-summary {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2px !important;
    min-width: 120px !important;
}

.bisiparis-order-items-count {
    font-size: 12px !important;
    color: var(--bisiparis-gray-text) !important;
}

.bisiparis-order-summary .bisiparis-order-total {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--bisiparis-dark-text) !important;
}

.bisiparis-order-summary .bisiparis-order-total .woocommerce-Price-amount {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--bisiparis-dark-text) !important;
}

/* Order Footer - Inline */
.bisiparis-order-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    flex-shrink: 0 !important;
}

/* Empty State */
.bisiparis-empty-state {
    text-align: center !important;
    padding: 60px 20px !important;
    background: #fff !important;
    border: 1px solid var(--bisiparis-border) !important;
    border-radius: var(--bisiparis-radius-sm) !important;
}

.bisiparis-empty-state .bisiparis-empty-icon {
    width: 100px !important;
    height: 100px !important;
}

.bisiparis-empty-state .bisiparis-empty-icon .dashicons {
    font-size: 48px !important;
    width: 48px !important;
    height: 48px !important;
}

.bisiparis-empty-state h3 {
    margin: 0 0 8px 0 !important;
    font-size: 20px !important;
    color: var(--bisiparis-dark-text) !important;
}

.bisiparis-empty-state p {
    margin: 0 0 20px 0 !important;
    color: var(--bisiparis-gray-text) !important;
}

/* Pagination */
.bisiparis-pagination {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin-top: 32px !important;
    flex-wrap: wrap !important;
}

.bisiparis-page-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 16px !important;
    background: #fff !important;
    border: 1px solid var(--bisiparis-border) !important;
    border-radius: var(--bisiparis-radius-xs) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--bisiparis-dark-text) !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.bisiparis-page-btn:hover {
    border-color: var(--bisiparis-orange) !important;
    color: var(--bisiparis-orange) !important;
}

.bisiparis-page-btn .dashicons {
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
}

.bisiparis-page-numbers {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.bisiparis-page-num {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    background: #fff !important;
    border: 1px solid var(--bisiparis-border) !important;
    border-radius: var(--bisiparis-radius-xs) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--bisiparis-dark-text) !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.bisiparis-page-num:hover {
    border-color: var(--bisiparis-orange) !important;
    color: var(--bisiparis-orange) !important;
}

.bisiparis-page-num.active {
    background: var(--bisiparis-orange) !important;
    border-color: var(--bisiparis-orange) !important;
    color: #fff !important;
}

.bisiparis-page-dots {
    padding: 0 8px !important;
    color: var(--bisiparis-gray-text) !important;
}

/* ============================== */
/* ORDER DETAIL PAGE STYLES       */
/* ============================== */

.bisiparis-order-detail {
    animation: bisiparis-fadeIn 0.4s ease !important;
}

.bisiparis-back-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: var(--bisiparis-gray-text) !important;
    text-decoration: none !important;
    font-size: 14px !important;
    margin-bottom: 20px !important;
    transition: color 0.2s ease !important;
}

.bisiparis-back-link:hover {
    color: var(--bisiparis-orange) !important;
}

.bisiparis-back-link .dashicons {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
}

.bisiparis-order-detail-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    margin-bottom: 24px !important;
}

.bisiparis-order-title h2 {
    margin: 0 0 4px 0 !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    color: var(--bisiparis-dark-text) !important;
}

.bisiparis-order-date-detail {
    font-size: 14px !important;
    color: var(--bisiparis-gray-text) !important;
}

.bisiparis-order-status-large {
    display: inline-flex !important;
    align-items: center !important;
    padding: 10px 20px !important;
    border-radius: 25px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.bisiparis-order-status-large.pending {
    background: var(--bisiparis-warning-light) !important;
    color: #b45309 !important;
}

.bisiparis-order-status-large.processing {
    background: var(--bisiparis-info-light) !important;
    color: #1d4ed8 !important;
}

.bisiparis-order-status-large.kargoda {
    background: #dbeafe !important;
    color: #1e40af !important;
}

.bisiparis-order-status-large.completed,
.bisiparis-order-status-large.teslim-edildi {
    background: var(--bisiparis-success-light) !important;
    color: #15803d !important;
}

.bisiparis-order-status-large.cancelled {
    background: var(--bisiparis-error-light) !important;
    color: #b91c1c !important;
}

/* Timeline Card */
.bisiparis-timeline-card {
    margin-bottom: 24px !important;
}

.bisiparis-timeline {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    position: relative !important;
    padding: 20px 0 !important;
}

.bisiparis-timeline-step {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    flex: 1 !important;
    position: relative !important;
    z-index: 1 !important;
}

.bisiparis-timeline-marker {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background: var(--bisiparis-gray-bg) !important;
    border: 3px solid var(--bisiparis-border) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 12px !important;
    transition: all 0.3s ease !important;
}

.bisiparis-timeline-step.completed .bisiparis-timeline-marker {
    background: var(--bisiparis-success) !important;
    border-color: var(--bisiparis-success) !important;
    color: #fff !important;
}

.bisiparis-timeline-step.current .bisiparis-timeline-marker {
    background: var(--bisiparis-orange) !important;
    border-color: var(--bisiparis-orange) !important;
    color: #fff !important;
    box-shadow: 0 0 0 6px rgba(255, 96, 0, 0.2) !important;
}

.bisiparis-timeline-marker .dashicons {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
}

.bisiparis-step-number {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--bisiparis-gray-text) !important;
}

.bisiparis-timeline-step.completed .bisiparis-step-number,
.bisiparis-timeline-step.current .bisiparis-step-number {
    color: #fff !important;
}

.bisiparis-timeline-content {
    text-align: center !important;
}

.bisiparis-timeline-label {
    display: block !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--bisiparis-gray-text) !important;
    margin-bottom: 4px !important;
}

.bisiparis-timeline-step.completed .bisiparis-timeline-label,
.bisiparis-timeline-step.current .bisiparis-timeline-label {
    color: var(--bisiparis-dark-text) !important;
}

.bisiparis-timeline-date {
    display: block !important;
    font-size: 11px !important;
    color: var(--bisiparis-gray-text) !important;
}

.bisiparis-timeline-line {
    position: absolute !important;
    top: 20px !important;
    left: calc(50% + 25px) !important;
    width: calc(100% - 50px) !important;
    height: 3px !important;
    background: var(--bisiparis-border) !important;
    z-index: 0 !important;
}

.bisiparis-timeline-line.completed {
    background: var(--bisiparis-success) !important;
}

/* Tracking Info */
.bisiparis-tracking-info {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 16px !important;
    background: var(--bisiparis-gray-bg) !important;
    border-radius: var(--bisiparis-radius-xs) !important;
    margin-top: 20px !important;
}

.bisiparis-tracking-details {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.bisiparis-tracking-details .dashicons {
    font-size: 24px !important;
    width: 24px !important;
    height: 24px !important;
    color: var(--bisiparis-orange) !important;
}

.bisiparis-tracking-details strong {
    display: block !important;
    font-size: 14px !important;
    color: var(--bisiparis-dark-text) !important;
}

.bisiparis-tracking-details span {
    font-size: 13px !important;
    color: var(--bisiparis-gray-text) !important;
}

/* Products Card */
.bisiparis-products-card {
    margin-bottom: 24px !important;
}

.bisiparis-item-count {
    margin-left: auto !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: var(--bisiparis-gray-text) !important;
}

.bisiparis-product-list {
    display: flex !important;
    flex-direction: column !important;
}

.bisiparis-product-item {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 16px 0 !important;
    border-bottom: 1px solid var(--bisiparis-border) !important;
}

.bisiparis-product-item:last-child {
    border-bottom: none !important;
}

.bisiparis-product-image {
    width: 80px !important;
    height: 80px !important;
    border-radius: var(--bisiparis-radius-xs) !important;
    overflow: hidden !important;
    background: var(--bisiparis-gray-bg) !important;
    flex-shrink: 0 !important;
    position: relative !important;
}

.bisiparis-product-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.bisiparis-product-qty {
    position: absolute !important;
    bottom: 4px !important;
    right: 4px !important;
    background: var(--bisiparis-dark) !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
}

.bisiparis-product-info {
    flex: 1 !important;
    min-width: 0 !important;
}

.bisiparis-product-name {
    display: block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: var(--bisiparis-dark-text) !important;
    margin-bottom: 4px !important;
}

.bisiparis-product-name a {
    color: inherit !important;
    text-decoration: none !important;
}

.bisiparis-product-name a:hover {
    color: var(--bisiparis-orange) !important;
}

.bisiparis-product-meta {
    display: block !important;
    font-size: 13px !important;
    color: var(--bisiparis-gray-text) !important;
    margin-bottom: 8px !important;
}

.bisiparis-product-actions {
    display: flex !important;
    gap: 16px !important;
}

.bisiparis-link-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    font-size: 13px !important;
    color: var(--bisiparis-orange) !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}

.bisiparis-link-btn:hover {
    text-decoration: underline !important;
}

.bisiparis-link-btn .dashicons {
    font-size: 14px !important;
    width: 14px !important;
    height: 14px !important;
}

.bisiparis-product-price {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--bisiparis-dark-text) !important;
    flex-shrink: 0 !important;
}

/* Summary Card */
.bisiparis-summary-card {
    margin-bottom: 24px !important;
}

.bisiparis-summary-rows {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.bisiparis-summary-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    font-size: 14px !important;
    color: var(--bisiparis-gray-text) !important;
}

.bisiparis-summary-row span:last-child {
    font-weight: 500 !important;
    color: var(--bisiparis-dark-text) !important;
}

.bisiparis-summary-row.bisiparis-discount span:last-child {
    color: var(--bisiparis-success) !important;
}

.bisiparis-coupon-code {
    font-size: 12px !important;
    color: var(--bisiparis-gray-text) !important;
}

.bisiparis-free-badge {
    background: var(--bisiparis-success-light) !important;
    color: var(--bisiparis-success) !important;
    padding: 2px 10px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

.bisiparis-summary-row.bisiparis-total {
    padding-top: 16px !important;
    margin-top: 8px !important;
    border-top: 2px solid var(--bisiparis-border) !important;
    font-size: 18px !important;
}

.bisiparis-summary-row.bisiparis-total span:first-child {
    font-weight: 600 !important;
    color: var(--bisiparis-dark-text) !important;
}

.bisiparis-summary-row.bisiparis-total span:last-child {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: var(--bisiparis-orange) !important;
}

/* Detail Grid */
.bisiparis-detail-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
    margin-bottom: 24px !important;
}

.bisiparis-address-card .bisiparis-address-content,
.bisiparis-payment-card .bisiparis-payment-content {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: var(--bisiparis-dark-text) !important;
}

.bisiparis-address-phone {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: 12px !important;
    color: var(--bisiparis-gray-text) !important;
}

.bisiparis-address-phone .dashicons {
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
}

.bisiparis-payment-method {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
}

.bisiparis-payment-icon {
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--bisiparis-gray-bg) !important;
    border-radius: var(--bisiparis-radius-xs) !important;
}

.bisiparis-payment-icon .dashicons {
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
    color: var(--bisiparis-gray-text) !important;
}

.bisiparis-payment-status {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 12px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

.bisiparis-payment-status.paid {
    background: var(--bisiparis-success-light) !important;
    color: var(--bisiparis-success) !important;
}

.bisiparis-payment-status.pending {
    background: var(--bisiparis-warning-light) !important;
    color: #b45309 !important;
}

/* Order Actions */
.bisiparis-order-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-bottom: 24px !important;
}

.bisiparis-btn-danger {
    background: var(--bisiparis-error) !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(239, 68, 68, 0.3) !important;
}

.bisiparis-btn-danger:hover {
    background: #dc2626 !important;
}

/* Notes Card */
.bisiparis-notes-card {
    margin-bottom: 24px !important;
}

.bisiparis-notes-list {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.bisiparis-note-item {
    padding: 12px 0 !important;
    border-bottom: 1px solid var(--bisiparis-border) !important;
}

.bisiparis-note-item:last-child {
    border-bottom: none !important;
}

.bisiparis-note-date {
    display: block !important;
    font-size: 12px !important;
    color: var(--bisiparis-gray-text) !important;
    margin-bottom: 4px !important;
}

.bisiparis-note-content {
    font-size: 14px !important;
    color: var(--bisiparis-dark-text) !important;
}

/* ============================== */
/* ADDRESS PAGE STYLES            */
/* ============================== */

.bisiparis-addresses-page,
.bisiparis-edit-address-page {
    animation: bisiparis-fadeIn 0.4s ease !important;
}

.bisiparis-address-card {
    height: 100% !important;
    background: #fff !important;
    border: 2px solid var(--bisiparis-border) !important;
    border-radius: var(--bisiparis-radius-sm) !important;
    padding: 20px !important;
    transition: all 0.3s ease !important;
}

.bisiparis-address-card:hover {
    border-color: var(--bisiparis-orange) !important;
    box-shadow: var(--bisiparis-shadow) !important;
}

.bisiparis-address-card.has-address {
    border-color: var(--bisiparis-success) !important;
}

.bisiparis-address-name {
    margin-bottom: 8px !important;
}

.bisiparis-address-company {
    color: var(--bisiparis-gray-text) !important;
}

.bisiparis-address-phone,
.bisiparis-address-email {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: 8px !important;
    color: var(--bisiparis-gray-text) !important;
}

.bisiparis-address-phone .dashicons,
.bisiparis-address-email .dashicons {
    font-size: 14px !important;
    width: 14px !important;
    height: 14px !important;
}

.bisiparis-checkbox-label {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 14px !important;
    color: var(--bisiparis-gray-text) !important;
    cursor: pointer !important;
}

.bisiparis-checkbox-label input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    accent-color: var(--bisiparis-orange) !important;
}

/* Address Form */
.bisiparis-address-form {
    background: #fff !important;
    border: 1px solid var(--bisiparis-border) !important;
    border-radius: var(--bisiparis-radius-sm) !important;
    padding: 24px !important;
}

.bisiparis-form-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
}

.bisiparis-form-wide {
    grid-column: span 2 !important;
}

.bisiparis-form-group label {
    display: block !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--bisiparis-dark-text) !important;
    margin-bottom: 8px !important;
}

.bisiparis-form-group label .required {
    color: var(--bisiparis-error) !important;
}

.bisiparis-select {
    width: 100% !important;
    padding: 14px 16px !important;
    font-size: 16px !important;
    background: var(--bisiparis-gray-bg) !important;
    border: 2px solid transparent !important;
    border-radius: var(--bisiparis-radius-xs) !important;
    transition: all 0.2s ease !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 16px center !important;
}

.bisiparis-select:focus {
    outline: none !important;
    background-color: #fff !important;
    border-color: var(--bisiparis-orange) !important;
    box-shadow: 0 0 0 3px rgba(255, 96, 0, 0.1) !important;
}

.bisiparis-form-actions {
    display: flex !important;
    gap: 12px !important;
    margin-top: 24px !important;
    padding-top: 24px !important;
    border-top: 1px solid var(--bisiparis-border) !important;
}

.bisiparis-form-actions .bisiparis-btn {
    width: auto !important;
}

.bisiparis-form-actions .bisiparis-btn .dashicons {
    margin-right: 6px !important;
}

/* ============================== */
/* ACCOUNT SETTINGS STYLES        */
/* ============================== */

.bisiparis-account-settings {
    animation: bisiparis-fadeIn 0.4s ease !important;
}

/* Profile Section */
.bisiparis-profile-section {
    margin-bottom: 24px !important;
}

.bisiparis-avatar-section {
    display: flex !important;
    align-items: center !important;
    gap: 24px !important;
    padding-bottom: 24px !important;
    margin-bottom: 24px !important;
    border-bottom: 1px solid var(--bisiparis-border) !important;
}

.bisiparis-avatar-wrapper {
    width: 100px !important;
    height: 100px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    position: relative !important;
    flex-shrink: 0 !important;
    border: 4px solid var(--bisiparis-border) !important;
}

.bisiparis-avatar-wrapper img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.bisiparis-avatar-overlay {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(0, 0, 0, 0.5) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
    cursor: pointer !important;
}

.bisiparis-avatar-wrapper:hover .bisiparis-avatar-overlay {
    opacity: 1 !important;
}

.bisiparis-avatar-edit {
    color: #fff !important;
    cursor: pointer !important;
}

.bisiparis-avatar-edit .dashicons {
    font-size: 28px !important;
    width: 28px !important;
    height: 28px !important;
}

.bisiparis-avatar-info h4 {
    margin: 0 0 4px 0 !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    color: var(--bisiparis-dark-text) !important;
}

.bisiparis-member-since {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 14px !important;
    color: var(--bisiparis-gray-text) !important;
    margin-bottom: 12px !important;
}

.bisiparis-member-since .dashicons {
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
}

/* Account Form */
.bisiparis-account-form {
    max-width: none !important;
}

.bisiparis-input-wrapper {
    position: relative !important;
}

.bisiparis-input-icon {
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: var(--bisiparis-gray-text) !important;
    pointer-events: none !important;
}

.bisiparis-input-icon .dashicons {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
}

/* Select in input wrapper */
#bisiparis-app .bisiparis-input-wrapper .bisiparis-select,
#bisiparis-app .bisiparis-form-group .bisiparis-select {
    width: 100% !important;
    font-size: 15px !important;
    background: var(--bisiparis-gray-bg) !important;
    border: 2px solid transparent !important;
    border-radius: var(--bisiparis-radius-sm) !important;
    transition: all 0.2s ease !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    cursor: pointer !important;
}

#bisiparis-app .bisiparis-input-wrapper .bisiparis-select:focus,
#bisiparis-app .bisiparis-form-group .bisiparis-select:focus {
    outline: none !important;
    background-color: #fff !important;
    border-color: var(--bisiparis-orange) !important;
    box-shadow: 0 0 0 3px rgba(255, 96, 0, 0.1) !important;
}

.bisiparis-verified-badge {
    position: absolute !important;
    right: 44px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 4px 10px !important;
    background: var(--bisiparis-success-light) !important;
    color: var(--bisiparis-success) !important;
    border-radius: 12px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
}

.bisiparis-verified-badge .dashicons {
    font-size: 12px !important;
    width: 12px !important;
    height: 12px !important;
}

/* Badge styles (inline, not absolute) */
.bisiparis-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 4px 10px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
}

.bisiparis-badge .dashicons {
    font-size: 14px !important;
    width: 14px !important;
    height: 14px !important;
}

.bisiparis-badge-success {
    background: var(--bisiparis-success-light) !important;
    color: var(--bisiparis-success) !important;
}

.bisiparis-badge-warning {
    background: var(--bisiparis-warning-light) !important;
    color: var(--bisiparis-warning) !important;
}

/* Hint text */
.bisiparis-hint-text {
    font-size: 13px !important;
    color: var(--bisiparis-gray-text) !important;
    margin-top: 8px !important;
}

.bisiparis-hint-text a {
    color: var(--bisiparis-orange) !important;
    text-decoration: none !important;
}

.bisiparis-hint-text a:hover {
    text-decoration: underline !important;
}

/* Text utilities */
.bisiparis-text-warning {
    color: var(--bisiparis-warning) !important;
}

.bisiparis-text-muted {
    color: var(--bisiparis-gray-text) !important;
}

.bisiparis-field-hint {
    display: block !important;
    font-size: 12px !important;
    color: var(--bisiparis-gray-text) !important;
    margin-top: 6px !important;
}

/* Phone Section */
.bisiparis-phone-section {
    margin-bottom: 24px !important;
}

.bisiparis-card-header-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 12px !important;
}

.bisiparis-card-header-row .bisiparis-card-title {
    margin-bottom: 0 !important;
}

.bisiparis-info-row {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.bisiparis-info-value {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--bisiparis-dark-text) !important;
    letter-spacing: 0.5px !important;
}

.bisiparis-empty-text {
    font-size: 14px !important;
    color: var(--bisiparis-gray-text) !important;
    margin: 0 !important;
}

/* Security Section */
.bisiparis-security-section {
    margin-bottom: 24px !important;
}

.bisiparis-security-item {
    padding: 20px !important;
    background: var(--bisiparis-gray-bg) !important;
    border-radius: var(--bisiparis-radius-sm) !important;
    margin-bottom: 12px !important;
}

.bisiparis-security-item:last-child {
    margin-bottom: 0 !important;
}

.bisiparis-security-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.bisiparis-security-info {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.bisiparis-security-icon {
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fff !important;
    border-radius: var(--bisiparis-radius-xs) !important;
    color: var(--bisiparis-gray-text) !important;
}

.bisiparis-security-icon .dashicons {
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
}

.bisiparis-security-info strong {
    display: block !important;
    font-size: 15px !important;
    color: var(--bisiparis-dark-text) !important;
    margin-bottom: 2px !important;
}

.bisiparis-security-hint {
    display: block !important;
    font-size: 13px !important;
    color: var(--bisiparis-gray-text) !important;
}

/* Password Form */
.bisiparis-password-form {
    margin-top: 20px !important;
    padding-top: 20px !important;
    border-top: 1px solid var(--bisiparis-border) !important;
}

.bisiparis-password-wrapper {
    position: relative !important;
}

.bisiparis-toggle-password {
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: none !important;
    border: none !important;
    color: var(--bisiparis-gray-text) !important;
    cursor: pointer !important;
    padding: 0 !important;
}

.bisiparis-toggle-password:hover {
    color: var(--bisiparis-orange) !important;
}

.bisiparis-password-strength {
    margin-top: 8px !important;
    height: 4px !important;
    border-radius: 2px !important;
    background: var(--bisiparis-border) !important;
}

.bisiparis-password-strength.weak {
    background: linear-gradient(90deg, var(--bisiparis-error) 33%, var(--bisiparis-border) 33%) !important;
}

.bisiparis-password-strength.medium {
    background: linear-gradient(90deg, var(--bisiparis-warning) 66%, var(--bisiparis-border) 66%) !important;
}

.bisiparis-password-strength.strong {
    background: var(--bisiparis-success) !important;
}

.bisiparis-inline-actions {
    border-top: none !important;
    padding-top: 0 !important;
    margin-top: 16px !important;
}

/* Actions Section */
.bisiparis-actions-section {
    margin-bottom: 24px !important;
}

.bisiparis-actions-list {
    display: flex !important;
    flex-direction: column !important;
}

.bisiparis-action-item {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 16px !important;
    background: var(--bisiparis-gray-bg) !important;
    border-radius: var(--bisiparis-radius-sm) !important;
    text-decoration: none !important;
    margin-bottom: 8px !important;
    transition: all 0.2s ease !important;
}

.bisiparis-action-item:last-child {
    margin-bottom: 0 !important;
}

.bisiparis-action-item:hover {
    background: #e5e7eb !important;
}

.bisiparis-action-item.bisiparis-action-danger:hover {
    background: var(--bisiparis-error-light) !important;
}

.bisiparis-action-icon {
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: var(--bisiparis-radius-xs) !important;
    flex-shrink: 0 !important;
}

.bisiparis-action-icon.logout {
    background: var(--bisiparis-info-light) !important;
    color: var(--bisiparis-info) !important;
}

.bisiparis-action-icon.export {
    background: var(--bisiparis-success-light) !important;
    color: var(--bisiparis-success) !important;
}

.bisiparis-action-icon.delete {
    background: var(--bisiparis-error-light) !important;
    color: var(--bisiparis-error) !important;
}

.bisiparis-action-icon .dashicons {
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
}

.bisiparis-action-text {
    flex: 1 !important;
}

.bisiparis-action-text strong {
    display: block !important;
    font-size: 15px !important;
    color: var(--bisiparis-dark-text) !important;
    margin-bottom: 2px !important;
}

.bisiparis-action-text span {
    font-size: 13px !important;
    color: var(--bisiparis-gray-text) !important;
}

.bisiparis-action-item > .dashicons {
    color: var(--bisiparis-gray-text) !important;
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
}

/* Disabled action items */
.bisiparis-action-item.disabled {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

.bisiparis-action-item.disabled:hover {
    background: var(--bisiparis-gray-bg) !important;
}

/* Modal danger header */
.bisiparis-modal-header-danger {
    background: var(--bisiparis-error-light) !important;
    border-bottom-color: #fecaca !important;
}

.bisiparis-modal-header-danger h3 {
    color: var(--bisiparis-error) !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.bisiparis-modal-header-danger .dashicons {
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
}

/* Warning box */
.bisiparis-warning-box {
    background: var(--bisiparis-error-light) !important;
    border: 1px solid #fecaca !important;
    border-radius: var(--bisiparis-radius-xs) !important;
    padding: 16px !important;
    margin-bottom: 20px !important;
}

.bisiparis-warning-box p {
    margin: 0 0 10px 0 !important;
    font-size: 14px !important;
    color: #991b1b !important;
}

.bisiparis-warning-box p:last-child {
    margin-bottom: 0 !important;
}

.bisiparis-warning-box ul {
    margin: 10px 0 0 0 !important;
    padding-left: 20px !important;
}

.bisiparis-warning-box li {
    font-size: 13px !important;
    color: #b91c1c !important;
    margin-bottom: 4px !important;
}

/* Info Card */
.bisiparis-card.bisiparis-card-info {
    display: flex !important;
    gap: 16px !important;
    align-items: flex-start !important;
}

.bisiparis-info-icon {
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--bisiparis-info-light) !important;
    border-radius: var(--bisiparis-radius-xs) !important;
    color: var(--bisiparis-info) !important;
    flex-shrink: 0 !important;
}

.bisiparis-info-icon .dashicons {
    font-size: 22px !important;
    width: 22px !important;
    height: 22px !important;
}

.bisiparis-info-content h4 {
    margin: 0 0 6px 0 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: var(--bisiparis-dark-text) !important;
}

.bisiparis-info-content p {
    margin: 0 !important;
    font-size: 14px !important;
    color: var(--bisiparis-gray-text) !important;
    line-height: 1.5 !important;
}

/* Card Title with Icon */
.bisiparis-card-title {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.bisiparis-card-title .dashicons {
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
    color: var(--bisiparis-orange) !important;
}

/* ============================== */
/* RESPONSIVE - NEW SECTIONS      */
/* ============================== */

@media (max-width: 1024px) {
    .bisiparis-status-counters {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .bisiparis-detail-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 768px) {
    .bisiparis-orders-header {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .bisiparis-orders-search {
        width: 100% !important;
    }

    .bisiparis-status-counters {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }

    .bisiparis-status-counter {
        padding: 16px 12px !important;
    }

    .bisiparis-counter-value {
        font-size: 26px !important;
    }

    .bisiparis-counter-card {
        padding: 16px 12px !important;
    }

    /* Filter Tabs - Mobile */
    #bisiparis-app .bisiparis-filter-tabs {
        gap: 6px !important;
        padding: 4px !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        flex-wrap: nowrap !important;
    }

    #bisiparis-app .bisiparis-filter-tabs::-webkit-scrollbar {
        display: none !important;
    }

    #bisiparis-app .bisiparis-filter-tab {
        padding: 8px 12px !important;
        font-size: 12px !important;
        flex-shrink: 0 !important;
        border-radius: 6px !important;
    }

    /* Modern Order Card - Mobile */
    .bisiparis-order-card-full {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
        padding: 16px !important;
    }

    .bisiparis-order-items-preview {
        order: 1 !important;
        width: 100% !important;
        justify-content: flex-start !important;
    }

    .bisiparis-order-items-preview .bisiparis-order-thumb {
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        min-height: 50px !important;
    }

    .bisiparis-order-body {
        order: 2 !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        width: 100% !important;
        gap: 12px !important;
    }

    .bisiparis-order-info {
        flex: 1 !important;
    }

    .bisiparis-order-summary {
        align-items: flex-end !important;
    }

    .bisiparis-order-footer {
        order: 3 !important;
        width: 100% !important;
        justify-content: stretch !important;
        gap: 8px !important;
    }

    .bisiparis-order-footer .bisiparis-btn {
        flex: 1 !important;
        justify-content: center !important;
        padding: 10px 12px !important;
    }

    .bisiparis-timeline {
        flex-direction: column !important;
        gap: 0 !important;
    }

    .bisiparis-timeline-step {
        flex-direction: row !important;
        align-items: flex-start !important;
        padding: 16px 0 !important;
    }

    .bisiparis-timeline-marker {
        margin-bottom: 0 !important;
        margin-right: 16px !important;
    }

    .bisiparis-timeline-content {
        text-align: left !important;
    }

    .bisiparis-timeline-line {
        position: absolute !important;
        top: 56px !important;
        left: 18px !important;
        width: 3px !important;
        height: calc(100% - 16px) !important;
    }

    .bisiparis-product-item {
        flex-wrap: wrap !important;
    }

    .bisiparis-product-price {
        width: 100% !important;
        text-align: right !important;
        margin-top: 8px !important;
    }

    .bisiparis-form-grid {
        grid-template-columns: 1fr !important;
    }

    .bisiparis-form-wide {
        grid-column: span 1 !important;
    }

    .bisiparis-avatar-section {
        flex-direction: column !important;
        text-align: center !important;
    }

    .bisiparis-avatar-info {
        text-align: center !important;
    }

    .bisiparis-member-since {
        justify-content: center !important;
    }

    .bisiparis-pagination {
        flex-direction: column !important;
        gap: 16px !important;
    }

    .bisiparis-page-numbers {
        order: -1 !important;
    }
}

@media (max-width: 480px) {
    .bisiparis-status-counters {
        grid-template-columns: 1fr 1fr !important;
    }

    .bisiparis-counter-value {
        font-size: 22px !important;
    }

    .bisiparis-counter-label {
        font-size: 11px !important;
    }

    .bisiparis-order-thumb {
        width: 50px !important;
        height: 50px !important;
    }

    .bisiparis-order-actions {
        flex-direction: column !important;
    }

    .bisiparis-order-actions .bisiparis-btn {
        width: 100% !important;
    }

    .bisiparis-filters {
        flex-wrap: wrap !important;
    }

    .bisiparis-filter-dropdown {
        margin-left: 0 !important;
        width: 100% !important;
    }

    .bisiparis-filter-dropdown .bisiparis-filter-btn {
        width: 100% !important;
        justify-content: center !important;
    }

    .bisiparis-info-row {
        flex-wrap: wrap !important;
    }

    .bisiparis-security-header {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px !important;
    }

    .bisiparis-security-info {
        flex-wrap: nowrap !important;
    }

    .bisiparis-security-info > div {
        min-width: 0 !important;
        flex: 1 !important;
    }

    .bisiparis-security-hint {
        word-break: break-word !important;
    }

    .bisiparis-security-header .bisiparis-btn {
        width: 100% !important;
        flex-shrink: 0 !important;
    }

    .bisiparis-badge {
        flex-shrink: 0 !important;
    }
}

/* ============================== */
/* MULTIPLE ADDRESSES SYSTEM      */
/* ============================== */

/* Address Grid Multi */
.bisiparis-address-grid-multi {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    margin-bottom: 24px !important;
}

@media (max-width: 1024px) {
    .bisiparis-address-grid-multi {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 640px) {
    .bisiparis-address-grid-multi {
        grid-template-columns: 1fr !important;
    }
}

/* Address Card Multi */
.bisiparis-address-card-multi {
    position: relative !important;
    background: #fff !important;
    border: 2px solid var(--bisiparis-border) !important;
    border-radius: var(--bisiparis-radius-sm) !important;
    padding: 20px !important;
    transition: all 0.3s ease !important;
    min-height: 220px !important;
    display: flex !important;
    flex-direction: column !important;
}

.bisiparis-address-card-multi:hover {
    border-color: var(--bisiparis-orange) !important;
    box-shadow: var(--bisiparis-shadow) !important;
}

.bisiparis-address-card-multi.is-default {
    border-color: var(--bisiparis-success) !important;
    background: linear-gradient(to bottom, rgba(34, 197, 94, 0.05), #fff) !important;
}

/* Default Badge */
.bisiparis-default-badge {
    position: absolute !important;
    top: -1px !important;
    right: -1px !important;
    background: var(--bisiparis-success) !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: 4px 10px !important;
    border-radius: 0 var(--bisiparis-radius-sm) 0 var(--bisiparis-radius-sm) !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.bisiparis-default-badge .dashicons {
    font-size: 12px !important;
    width: 12px !important;
    height: 12px !important;
}

/* Address Card Header */
.bisiparis-address-card-header {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin-bottom: 16px !important;
}

/* Label Icons */
.bisiparis-address-label-icon {
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: var(--bisiparis-radius-xs) !important;
    flex-shrink: 0 !important;
    font-size: 20px !important;
}

.bisiparis-address-label-icon.ev {
    background: #fef3c7 !important;
    color: #d97706 !important;
}

.bisiparis-address-label-icon.iş,
.bisiparis-address-label-icon.is {
    background: #dbeafe !important;
    color: #2563eb !important;
}

.bisiparis-address-label-icon.okul {
    background: #f3e8ff !important;
    color: #9333ea !important;
}

.bisiparis-address-label-icon.yazlık,
.bisiparis-address-label-icon.yazlik {
    background: #dcfce7 !important;
    color: #16a34a !important;
}

.bisiparis-address-label-icon.aile {
    background: #fce7f3 !important;
    color: #db2777 !important;
}

.bisiparis-address-label-icon.diğer,
.bisiparis-address-label-icon.diger {
    background: var(--bisiparis-gray-bg) !important;
    color: var(--bisiparis-gray-text) !important;
}

.bisiparis-address-label-icon .dashicons {
    font-size: 22px !important;
    width: 22px !important;
    height: 22px !important;
}

/* Label Text */
.bisiparis-address-label-text {
    flex: 1 !important;
}

.bisiparis-address-label-text h4 {
    margin: 0 0 4px 0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--bisiparis-dark-text) !important;
}

.bisiparis-address-type-badge {
    display: inline-block !important;
    font-size: 11px !important;
    color: var(--bisiparis-gray-text) !important;
    background: var(--bisiparis-gray-bg) !important;
    padding: 2px 8px !important;
    border-radius: 10px !important;
}

/* Actions Dropdown */
.bisiparis-address-actions-dropdown {
    position: relative !important;
}

.bisiparis-dropdown-trigger {
    width: 32px !important;
    height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: none !important;
    border-radius: var(--bisiparis-radius-xs) !important;
    color: var(--bisiparis-gray-text) !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.bisiparis-dropdown-trigger:hover {
    background: var(--bisiparis-gray-bg) !important;
    color: var(--bisiparis-dark-text) !important;
}

.bisiparis-dropdown-menu-mini {
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    background: #fff !important;
    border: 1px solid var(--bisiparis-border) !important;
    border-radius: var(--bisiparis-radius-xs) !important;
    box-shadow: var(--bisiparis-shadow-lg) !important;
    min-width: 160px !important;
    z-index: 100 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(-10px) !important;
    transition: all 0.2s ease !important;
}

.bisiparis-address-actions-dropdown.open .bisiparis-dropdown-menu-mini {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

.bisiparis-dropdown-menu-mini a {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 14px !important;
    font-size: 13px !important;
    color: var(--bisiparis-dark-text) !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.bisiparis-dropdown-menu-mini a:hover {
    background: var(--bisiparis-gray-bg) !important;
}

.bisiparis-dropdown-menu-mini a .dashicons {
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
    color: var(--bisiparis-gray-text) !important;
}

.bisiparis-dropdown-menu-mini a.bisiparis-delete-address {
    color: var(--bisiparis-error) !important;
}

.bisiparis-dropdown-menu-mini a.bisiparis-delete-address .dashicons {
    color: var(--bisiparis-error) !important;
}

/* Address Card Body */
.bisiparis-address-card-body {
    flex: 1 !important;
    padding: 12px !important;
    background: var(--bisiparis-gray-bg) !important;
    border-radius: var(--bisiparis-radius-xs) !important;
}

.bisiparis-address-card-body p {
    margin: 0 0 4px 0 !important;
    font-size: 13px !important;
    color: var(--bisiparis-dark-text) !important;
    line-height: 1.5 !important;
}

.bisiparis-address-card-body .bisiparis-address-name {
    margin-bottom: 8px !important;
}

.bisiparis-address-card-body .bisiparis-address-company {
    color: var(--bisiparis-gray-text) !important;
    font-style: italic !important;
}

.bisiparis-address-card-body .bisiparis-address-country {
    color: var(--bisiparis-gray-text) !important;
    margin-top: 8px !important;
}

/* Address Card Footer */
.bisiparis-address-card-footer {
    margin-top: 12px !important;
    padding-top: 12px !important;
    border-top: 1px solid var(--bisiparis-border) !important;
}

.bisiparis-address-contact {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 13px !important;
    color: var(--bisiparis-gray-text) !important;
}

.bisiparis-address-contact .dashicons {
    font-size: 14px !important;
    width: 14px !important;
    height: 14px !important;
}

/* Add New Address Card */
.bisiparis-address-card-multi.bisiparis-add-card {
    border-style: dashed !important;
    border-color: var(--bisiparis-border) !important;
    background: transparent !important;
    cursor: pointer !important;
    min-height: 220px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.bisiparis-address-card-multi.bisiparis-add-card:hover {
    border-color: var(--bisiparis-orange) !important;
    background: var(--bisiparis-orange-light) !important;
}

.bisiparis-add-card-content {
    text-align: center !important;
    color: var(--bisiparis-gray-text) !important;
    transition: color 0.2s ease !important;
}

.bisiparis-address-card-multi.bisiparis-add-card:hover .bisiparis-add-card-content {
    color: var(--bisiparis-orange) !important;
}

.bisiparis-add-card-content .dashicons {
    font-size: 32px !important;
    width: 32px !important;
    height: 32px !important;
    display: block !important;
    margin: 0 auto 8px !important;
}

.bisiparis-add-card-content span:last-child {
    display: block !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

/* Empty State */
.bisiparis-empty-state {
    text-align: center !important;
    padding: 60px 20px !important;
    background: #fff !important;
    border: 2px dashed var(--bisiparis-border) !important;
    border-radius: var(--bisiparis-radius-sm) !important;
}

.bisiparis-empty-icon {
    width: 80px !important;
    height: 80px !important;
    margin: 0 auto 20px !important;
    background: var(--bisiparis-orange-light) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.bisiparis-empty-icon .dashicons {
    font-size: 36px !important;
    width: 36px !important;
    height: 36px !important;
    color: var(--bisiparis-orange) !important;
}

.bisiparis-empty-state h3 {
    margin: 0 0 8px 0 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--bisiparis-dark-text) !important;
}

.bisiparis-empty-state p {
    margin: 0 0 20px 0 !important;
    font-size: 14px !important;
    color: var(--bisiparis-gray-text) !important;
}

/* ========================================
   DEPRECATED: OLD MODAL STRUCTURE
   Use .bisiparis-modal-container instead
   Kept for backward compatibility
   ======================================== */
.bisiparis-modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 99999 !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
}

.bisiparis-modal.show,
.bisiparis-modal.active,
.bisiparis-modal[style*="display: block"],
.bisiparis-modal[style*="display:block"] {
    display: flex !important;
}

/* DEPRECATED - Use ID selectors instead (#bisiparis_address_modal_overlay) */
.bisiparis-modal-overlay:not(#bisiparis_address_modal_overlay):not(#bisiparis_delete_modal_overlay):not(#bisiparis_delete_account_overlay),
#bisiparis-app .bisiparis-modal-overlay:not(#bisiparis_address_modal_overlay):not(#bisiparis_delete_modal_overlay):not(#bisiparis_delete_account_overlay) {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: none !important;
    background: rgba(0, 0, 0, 0.5) !important;
    backdrop-filter: blur(4px) !important;
    z-index: 99998 !important;
}

.bisiparis-modal-content,
#bisiparis-app .bisiparis-modal-content {
    position: relative !important;
    background: #fff !important;
    border-radius: var(--bisiparis-radius) !important;
    box-shadow: var(--bisiparis-shadow-lg) !important;
    width: 100% !important;
    max-width: 600px !important;
    max-height: calc(100vh - 40px) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    animation: bisiparis-modalIn 0.3s ease !important;
    z-index: 99999 !important;
}

/* Ensure modal form elements are clickable */
#bisiparis-app .bisiparis-modal-content *,
.bisiparis-modal-content * {
    position: relative !important;
}

#bisiparis-app .bisiparis-modal-body,
.bisiparis-modal-body {
    position: relative !important;
    z-index: 1 !important;
}

#bisiparis-app .bisiparis-modal-body input,
#bisiparis-app .bisiparis-modal-body select,
#bisiparis-app .bisiparis-modal-body textarea,
#bisiparis-app .bisiparis-modal-body button,
.bisiparis-modal-body input,
.bisiparis-modal-body select,
.bisiparis-modal-body textarea,
.bisiparis-modal-body button {
    pointer-events: auto !important;
    position: relative !important;
    z-index: 2 !important;
}

.bisiparis-modal.bisiparis-modal-sm .bisiparis-modal-content {
    max-width: 400px !important;
}

@keyframes bisiparis-modalIn {
    from {
        opacity: 0;
        transform: scale(0.95) translateY(-20px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

.bisiparis-modal-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 20px 24px !important;
    border-bottom: 1px solid var(--bisiparis-border) !important;
}

.bisiparis-modal-header h3 {
    margin: 0 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--bisiparis-dark-text) !important;
}

.bisiparis-modal-close {
    width: 32px !important;
    height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: none !important;
    border-radius: var(--bisiparis-radius-xs) !important;
    color: var(--bisiparis-gray-text) !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.bisiparis-modal-close:hover {
    background: var(--bisiparis-gray-bg) !important;
    color: var(--bisiparis-error) !important;
}

.bisiparis-modal-close .dashicons {
    color: inherit !important;
    line-height: 1 !important;
}

.bisiparis-modal-body {
    padding: 24px !important;
    overflow-y: auto !important;
    flex: 1 !important;
}

.bisiparis-modal-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    padding: 16px 24px !important;
    border-top: 1px solid var(--bisiparis-border) !important;
    background: var(--bisiparis-gray-bg) !important;
}

/* Label Selector */
.bisiparis-label-selector {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

.bisiparis-label-option {
    cursor: pointer !important;
}

.bisiparis-label-option input[type="radio"] {
    display: none !important;
}

.bisiparis-label-btn {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 8px 14px !important;
    background: var(--bisiparis-gray-bg) !important;
    border: 2px solid var(--bisiparis-border) !important;
    border-radius: var(--bisiparis-radius-xs) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: var(--bisiparis-dark-text) !important;
    transition: all 0.2s ease !important;
}

.bisiparis-label-btn:hover {
    border-color: var(--bisiparis-orange) !important;
}

.bisiparis-label-option input[type="radio"]:checked + .bisiparis-label-btn {
    background: var(--bisiparis-orange-light) !important;
    border-color: var(--bisiparis-orange) !important;
    color: var(--bisiparis-orange) !important;
}

.bisiparis-label-btn .dashicons,
#bisiparis-app .bisiparis-label-btn .dashicons,
#bisiparis-app .bisiparis-label-btn span[class*="dashicons"],
.bisiparis-modal .bisiparis-label-btn .dashicons,
.bisiparis-modal .bisiparis-label-btn span[class*="dashicons"] {
    font-family: dashicons !important;
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
    line-height: 1 !important;
    display: inline-block !important;
    vertical-align: middle !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* Ensure dashicons display correctly in modal label selector */
#bisiparis-app .bisiparis-modal .bisiparis-label-selector .dashicons:before,
.bisiparis-modal .bisiparis-label-selector .dashicons:before {
    font-family: dashicons !important;
    display: inline-block !important;
}

/* Type Selector */
.bisiparis-type-selector {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.bisiparis-type-option {
    cursor: pointer !important;
    flex: 1 !important;
    min-width: 140px !important;
}

.bisiparis-type-option input[type="radio"] {
    display: none !important;
}

.bisiparis-type-option span {
    display: block !important;
    padding: 12px 16px !important;
    background: var(--bisiparis-gray-bg) !important;
    border: 2px solid var(--bisiparis-border) !important;
    border-radius: var(--bisiparis-radius-xs) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-align: center !important;
    color: var(--bisiparis-dark-text) !important;
    transition: all 0.2s ease !important;
}

.bisiparis-type-option span:hover {
    border-color: var(--bisiparis-orange) !important;
}

.bisiparis-type-option input[type="radio"]:checked + span {
    background: var(--bisiparis-orange-light) !important;
    border-color: var(--bisiparis-orange) !important;
    color: var(--bisiparis-orange) !important;
}

/* Form Row */
.bisiparis-form-row {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
    margin-bottom: 16px !important;
}

@media (max-width: 480px) {
    .bisiparis-form-row {
        grid-template-columns: 1fr !important;
    }
}

/* Form inputs in modal */
.bisiparis-modal .bisiparis-form-group {
    margin-bottom: 16px !important;
}

.bisiparis-modal .bisiparis-form-group label {
    display: block !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: var(--bisiparis-dark-text) !important;
    margin-bottom: 6px !important;
}

.bisiparis-modal .bisiparis-form-group label .required {
    color: var(--bisiparis-error) !important;
}

.bisiparis-modal .bisiparis-input,
.bisiparis-modal .bisiparis-select {
    width: 100% !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
    border: 1px solid var(--bisiparis-border) !important;
    border-radius: var(--bisiparis-radius-xs) !important;
    background: #fff !important;
    color: var(--bisiparis-dark-text) !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.bisiparis-modal .bisiparis-input:focus,
.bisiparis-modal .bisiparis-select:focus {
    outline: none !important;
    border-color: var(--bisiparis-orange) !important;
    box-shadow: 0 0 0 3px rgba(255, 113, 26, 0.1) !important;
}

.bisiparis-modal .bisiparis-input::placeholder {
    color: var(--bisiparis-gray-text) !important;
}

/* Info Card */
.bisiparis-card-info {
    display: flex !important;
    gap: 16px !important;
    padding: 16px 20px !important;
    background: #eff6ff !important;
    border: 1px solid #bfdbfe !important;
    border-radius: var(--bisiparis-radius-xs) !important;
}

.bisiparis-info-icon {
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #dbeafe !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
}

.bisiparis-info-icon .dashicons {
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
    color: #2563eb !important;
}

.bisiparis-info-content h4 {
    margin: 0 0 4px 0 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1e40af !important;
}

.bisiparis-info-content p {
    margin: 0 !important;
    font-size: 13px !important;
    color: #3b82f6 !important;
    line-height: 1.5 !important;
}

/* Danger Button */
.bisiparis-btn-danger {
    background: var(--bisiparis-error) !important;
    color: #fff !important;
    border: none !important;
}

.bisiparis-btn-danger:hover {
    background: #dc2626 !important;
}

/* Status message in modal */
.bisiparis-modal .bisiparis-status {
    margin-top: 16px !important;
    padding: 12px 16px !important;
    border-radius: var(--bisiparis-radius-xs) !important;
    font-size: 13px !important;
    display: none !important;
}

.bisiparis-modal .bisiparis-status.success {
    display: block !important;
    background: #dcfce7 !important;
    color: #16a34a !important;
    border: 1px solid #86efac !important;
}

.bisiparis-modal .bisiparis-status.error {
    display: block !important;
    background: #fef2f2 !important;
    color: #dc2626 !important;
    border: 1px solid #fecaca !important;
}

/* Loading state */
.bisiparis-btn.loading {
    position: relative !important;
    color: transparent !important;
    pointer-events: none !important;
}

.bisiparis-btn.loading::after {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 16px !important;
    height: 16px !important;
    margin: -8px 0 0 -8px !important;
    border: 2px solid transparent !important;
    border-top-color: currentColor !important;
    border-radius: 50% !important;
    animation: bisiparis-spin 0.8s linear infinite !important;
}

@keyframes bisiparis-spin {
    to {
        transform: rotate(360deg);
    }
}

/* ============================== */
/* Custom Shortcode Wrapper       */
/* ============================== */

.bisiparis-account-wrapper {
    display: flex !important;
    gap: 32px !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 24px !important;
}

.bisiparis-account-nav {
    width: 260px !important;
    flex-shrink: 0 !important;
}

.bisiparis-account-content {
    flex: 1 !important;
    min-width: 0 !important;
}

/* Navigation Menu */
.bisiparis-nav-menu {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    border-radius: var(--bisiparis-radius) !important;
    box-shadow: var(--bisiparis-shadow) !important;
    overflow: hidden !important;
    position: sticky !important;
    top: 24px !important;
}

.bisiparis-nav-item {
    margin: 0 !important;
    padding: 0 !important;
}

.bisiparis-nav-item a {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 16px 20px !important;
    color: var(--bisiparis-dark-text) !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border-left: 3px solid transparent !important;
    transition: all 0.2s ease !important;
}

.bisiparis-nav-item a:hover {
    background: var(--bisiparis-orange-light) !important;
    color: var(--bisiparis-orange) !important;
}

.bisiparis-nav-item.active a {
    background: var(--bisiparis-orange-light) !important;
    color: var(--bisiparis-orange) !important;
    border-left-color: var(--bisiparis-orange) !important;
}

.bisiparis-nav-item a .dashicons {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    opacity: 0.7 !important;
}

.bisiparis-nav-item.active a .dashicons,
.bisiparis-nav-item a:hover .dashicons {
    opacity: 1 !important;
}

.bisiparis-nav-logout {
    border-top: 1px solid var(--bisiparis-border) !important;
    margin-top: 8px !important;
}

.bisiparis-nav-logout a {
    color: var(--bisiparis-error) !important;
}

.bisiparis-nav-logout a:hover {
    background: var(--bisiparis-error-light) !important;
}

/* Login Required */
.bisiparis-login-required {
    text-align: center !important;
    padding: 60px 24px !important;
    max-width: 400px !important;
    margin: 0 auto !important;
}

.bisiparis-login-icon {
    width: 80px !important;
    height: 80px !important;
    background: var(--bisiparis-orange-light) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 24px !important;
}

.bisiparis-login-icon .dashicons {
    font-size: 36px !important;
    width: 36px !important;
    height: 36px !important;
    color: var(--bisiparis-orange) !important;
}

.bisiparis-login-required h2 {
    margin: 0 0 12px 0 !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    color: var(--bisiparis-dark-text) !important;
}

.bisiparis-login-required p {
    margin: 0 0 24px 0 !important;
    color: var(--bisiparis-gray-text) !important;
}

.bisiparis-login-buttons {
    display: flex !important;
    gap: 12px !important;
    justify-content: center !important;
}

/* Error Message */
.bisiparis-error-message {
    text-align: center !important;
    padding: 60px 24px !important;
    background: #fff !important;
    border-radius: var(--bisiparis-radius) !important;
    box-shadow: var(--bisiparis-shadow) !important;
}

.bisiparis-error-message .dashicons {
    font-size: 48px !important;
    width: 48px !important;
    height: 48px !important;
    color: var(--bisiparis-warning) !important;
    margin-bottom: 16px !important;
}

.bisiparis-error-message p {
    margin: 0 0 24px 0 !important;
    color: var(--bisiparis-gray-text) !important;
}

/* Responsive for Shortcode */
@media (max-width: 991px) {
    .bisiparis-account-wrapper {
        flex-direction: column !important;
        padding: 16px !important;
    }

    .bisiparis-account-nav {
        width: 100% !important;
    }

    .bisiparis-nav-menu {
        display: flex !important;
        flex-wrap: wrap !important;
        position: static !important;
    }

    .bisiparis-nav-item {
        flex: 1 !important;
        min-width: calc(50% - 1px) !important;
    }

    .bisiparis-nav-item a {
        padding: 12px 16px !important;
        justify-content: center !important;
        border-left: none !important;
        border-bottom: 3px solid transparent !important;
    }

    .bisiparis-nav-item.active a {
        border-left-color: transparent !important;
        border-bottom-color: var(--bisiparis-orange) !important;
    }

    .bisiparis-nav-label {
        display: none !important;
    }

    .bisiparis-nav-logout {
        border-top: none !important;
        margin-top: 0 !important;
    }
}

@media (max-width: 575px) {
    .bisiparis-nav-item {
        min-width: calc(33.33% - 1px) !important;
    }
}

/* ============================== */
/* Settings Page Styles           */
/* ============================== */

.bisiparis-settings-page {
    animation: bisiparis-fadeIn 0.3s ease !important;
}

.bisiparis-settings-form {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
}

.bisiparis-avatar-section {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    padding-bottom: 20px !important;
    border-bottom: 1px solid var(--bisiparis-border) !important;
    margin-bottom: 4px !important;
}

.bisiparis-avatar-preview {
    width: 80px !important;
    height: 80px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
}

.bisiparis-avatar-preview img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.bisiparis-avatar-actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.bisiparis-avatar-hint {
    margin: 0 !important;
    font-size: 12px !important;
    color: var(--bisiparis-gray-text) !important;
}

.bisiparis-input-with-badge {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

.bisiparis-input-with-badge .bisiparis-input {
    flex: 1 !important;
    min-width: 200px !important;
}

.bisiparis-security-items {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}

.bisiparis-security-item {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 16px !important;
    background: var(--bisiparis-gray-bg) !important;
    border-radius: var(--bisiparis-radius-xs) !important;
}

.bisiparis-security-info strong {
    display: block !important;
    font-size: 14px !important;
    color: var(--bisiparis-dark-text) !important;
    margin-bottom: 4px !important;
}

.bisiparis-security-value {
    font-size: 13px !important;
    color: var(--bisiparis-gray-text) !important;
}

.bisiparis-password-form {
    margin-top: 20px !important;
}

.bisiparis-account-actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}

.bisiparis-action-item {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 20px !important;
    background: var(--bisiparis-gray-bg) !important;
    border-radius: var(--bisiparis-radius-xs) !important;
    gap: 16px !important;
}

.bisiparis-action-item.bisiparis-action-danger {
    background: var(--bisiparis-error-light) !important;
}

.bisiparis-action-info strong {
    display: block !important;
    font-size: 14px !important;
    color: var(--bisiparis-dark-text) !important;
    margin-bottom: 4px !important;
}

.bisiparis-action-info p {
    margin: 0 !important;
    font-size: 13px !important;
    color: var(--bisiparis-gray-text) !important;
}

.bisiparis-action-note {
    margin-top: 8px !important;
    font-size: 12px !important;
    color: var(--bisiparis-warning) !important;
    font-weight: 500 !important;
}

.bisiparis-warning-box {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 16px !important;
    background: var(--bisiparis-error-light) !important;
    border-radius: var(--bisiparis-radius-xs) !important;
    margin-bottom: 16px !important;
}

.bisiparis-warning-box .dashicons {
    font-size: 24px !important;
    width: 24px !important;
    height: 24px !important;
    color: var(--bisiparis-error) !important;
    flex-shrink: 0 !important;
}

.bisiparis-warning-box p {
    margin: 0 !important;
    font-size: 14px !important;
    color: var(--bisiparis-error) !important;
    line-height: 1.5 !important;
}

/* ============================== */
/* Phone Page Styles              */
/* ============================== */

.bisiparis-phone-page {
    animation: bisiparis-fadeIn 0.3s ease !important;
}

.bisiparis-phone-status {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.bisiparis-phone-display {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

.bisiparis-phone-number {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--bisiparis-dark-text) !important;
}

.bisiparis-phone-info {
    margin: 0 !important;
    font-size: 14px !important;
    color: var(--bisiparis-gray-text) !important;
}

#bisiparis-app .bisiparis-phone-input-wrapper {
    display: flex !important;
    align-items: center !important;
}

#bisiparis-app .bisiparis-phone-input-wrapper .bisiparis-phone-prefix {
    padding: 12px 14px !important;
    background: var(--bisiparis-gray-bg) !important;
    border: 1px solid var(--bisiparis-border) !important;
    border-right: none !important;
    border-radius: var(--bisiparis-radius-xs) 0 0 var(--bisiparis-radius-xs) !important;
    font-size: 14px !important;
    color: var(--bisiparis-gray-text) !important;
}

#bisiparis-app .bisiparis-phone-input-wrapper .bisiparis-input,
#bisiparis-app .bisiparis-phone-input-wrapper input.bisiparis-input,
#bisiparis-app .bisiparis-phone-input-wrapper input[type="tel"].bisiparis-input,
#bisiparis-app #bisiparis_new_phone,
#bisiparis-app input#bisiparis_new_phone {
    flex: 1 !important;
    width: 100% !important;
    height: 48px !important;
    padding: 12px 16px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: var(--bisiparis-dark-text) !important;
    background: #fff !important;
    border: 2px solid var(--bisiparis-border) !important;
    border-left: none !important;
    border-radius: 0 var(--bisiparis-radius-xs) var(--bisiparis-radius-xs) 0 !important;
    outline: none !important;
    box-shadow: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    box-sizing: border-box !important;
}

#bisiparis-app .bisiparis-phone-input-wrapper .bisiparis-input:focus,
#bisiparis-app .bisiparis-phone-input-wrapper input.bisiparis-input:focus,
#bisiparis-app #bisiparis_new_phone:focus,
#bisiparis-app input#bisiparis_new_phone:focus {
    border-color: var(--bisiparis-orange) !important;
    box-shadow: 0 0 0 3px rgba(255, 96, 0, 0.15) !important;
    outline: none !important;
}

#bisiparis-app .bisiparis-phone-input-wrapper .bisiparis-input::placeholder,
#bisiparis-app #bisiparis_new_phone::placeholder {
    color: #9ca3af !important;
    opacity: 1 !important;
}

.bisiparis-otp-info {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 16px !important;
    background: var(--bisiparis-success-light) !important;
    border-radius: var(--bisiparis-radius-xs) !important;
    margin-bottom: 20px !important;
}

.bisiparis-otp-info .dashicons {
    font-size: 24px !important;
    width: 24px !important;
    height: 24px !important;
    color: var(--bisiparis-success) !important;
    flex-shrink: 0 !important;
}

.bisiparis-otp-info p {
    margin: 0 !important;
    font-size: 14px !important;
    color: #166534 !important;
}

#bisiparis_phone_sent_to {
    display: block !important;
    font-weight: 600 !important;
    margin-top: 4px !important;
}

.bisiparis-otp-inputs {
    display: flex !important;
    gap: 8px !important;
    justify-content: center !important;
    margin: 20px 0 !important;
}

.bisiparis-otp-input {
    width: 48px !important;
    height: 56px !important;
    text-align: center !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    border: 2px solid var(--bisiparis-border) !important;
    border-radius: var(--bisiparis-radius-xs) !important;
    outline: none !important;
    transition: all 0.2s ease !important;
}

.bisiparis-otp-input:focus {
    border-color: var(--bisiparis-orange) !important;
    box-shadow: 0 0 0 3px rgba(255, 96, 0, 0.1) !important;
}

.bisiparis-otp-timer {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    margin-bottom: 20px !important;
}

#bisiparis_otp_countdown {
    font-size: 14px !important;
    color: var(--bisiparis-gray-text) !important;
}

.bisiparis-success-state {
    text-align: center !important;
    padding: 40px 20px !important;
}

.bisiparis-success-icon {
    width: 80px !important;
    height: 80px !important;
    background: var(--bisiparis-success-light) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 20px !important;
}

.bisiparis-success-icon .dashicons {
    font-size: 40px !important;
    width: 40px !important;
    height: 40px !important;
    color: var(--bisiparis-success) !important;
}

.bisiparis-success-state h3 {
    margin: 0 0 12px 0 !important;
    font-size: 20px !important;
    color: var(--bisiparis-dark-text) !important;
}

.bisiparis-success-state p {
    margin: 0 0 24px 0 !important;
    color: var(--bisiparis-gray-text) !important;
}

/* ============================== */
/* Notifications Page Styles      */
/* ============================== */

.bisiparis-notifications-page {
    animation: bisiparis-fadeIn 0.3s ease !important;
}

.bisiparis-notification-options {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.bisiparis-toggle-item {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 16px 20px !important;
    background: var(--bisiparis-gray-bg) !important;
    border-radius: var(--bisiparis-radius-xs) !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.bisiparis-toggle-item:hover {
    background: #f0f0f0 !important;
}

.bisiparis-toggle-info {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
}

.bisiparis-toggle-icon {
    width: 44px !important;
    height: 44px !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.bisiparis-toggle-icon.sms {
    background: #e3f2fd !important;
}

.bisiparis-toggle-icon.sms .dashicons {
    color: #1976d2 !important;
}

.bisiparis-toggle-icon.whatsapp {
    background: #e8f5e9 !important;
}

.bisiparis-toggle-icon.whatsapp .dashicons {
    color: #25d366 !important;
}

.bisiparis-toggle-icon.email {
    background: #f3e5f5 !important;
}

.bisiparis-toggle-icon.email .dashicons {
    color: #9c27b0 !important;
}

.bisiparis-toggle-icon.orders {
    background: var(--bisiparis-orange-light) !important;
}

.bisiparis-toggle-icon.orders .dashicons {
    color: var(--bisiparis-orange) !important;
}

.bisiparis-toggle-icon.shipping {
    background: #e3f2fd !important;
}

.bisiparis-toggle-icon.shipping .dashicons {
    color: #1976d2 !important;
}

.bisiparis-toggle-icon.promo {
    background: #fff3e0 !important;
}

.bisiparis-toggle-icon.promo .dashicons {
    color: #ff9800 !important;
}

.bisiparis-toggle-icon .dashicons {
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
}

.bisiparis-toggle-info > div strong {
    display: block !important;
    font-size: 14px !important;
    color: var(--bisiparis-dark-text) !important;
    margin-bottom: 2px !important;
}

.bisiparis-toggle-info > div span {
    font-size: 13px !important;
    color: var(--bisiparis-gray-text) !important;
}

/* Toggle Switch */
.bisiparis-toggle {
    position: relative !important;
    width: 52px !important;
    height: 28px !important;
    flex-shrink: 0 !important;
}

.bisiparis-toggle input {
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    position: absolute !important;
}

.bisiparis-toggle-slider {
    position: absolute !important;
    cursor: pointer !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: #ccc !important;
    border-radius: 28px !important;
    transition: all 0.3s ease !important;
}

.bisiparis-toggle-slider::before {
    content: '' !important;
    position: absolute !important;
    height: 22px !important;
    width: 22px !important;
    left: 3px !important;
    bottom: 3px !important;
    background: #fff !important;
    border-radius: 50% !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
}

.bisiparis-toggle input:checked + .bisiparis-toggle-slider {
    background: var(--bisiparis-orange) !important;
}

.bisiparis-toggle input:checked + .bisiparis-toggle-slider::before {
    transform: translateX(24px) !important;
}

/* Info Box */
.bisiparis-info-box {
    display: flex !important;
    gap: 16px !important;
    padding: 16px 20px !important;
    background: #eff6ff !important;
    border: 1px solid #bfdbfe !important;
    border-radius: var(--bisiparis-radius-xs) !important;
    margin-top: 24px !important;
}

.bisiparis-info-box > .dashicons {
    font-size: 24px !important;
    width: 24px !important;
    height: 24px !important;
    color: #2563eb !important;
    flex-shrink: 0 !important;
}

.bisiparis-info-box strong {
    display: block !important;
    font-size: 14px !important;
    color: #1e40af !important;
    margin-bottom: 4px !important;
}

.bisiparis-info-box p {
    margin: 0 !important;
    font-size: 13px !important;
    color: #3b82f6 !important;
    line-height: 1.5 !important;
}

/* Completion Card Inline */
.bisiparis-completion-card-inline {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 16px 20px !important;
    margin-bottom: 20px !important;
}

.bisiparis-completion-header {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-shrink: 0 !important;
}

.bisiparis-completion-card-inline .bisiparis-completion-percent {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: var(--bisiparis-orange) !important;
}

.bisiparis-completion-text {
    font-size: 14px !important;
    color: var(--bisiparis-gray-text) !important;
}

.bisiparis-completion-card-inline .bisiparis-progress-bar {
    flex: 1 !important;
}

/* ============================== */
/* Virtual Page Wrapper           */
/* ============================== */

.bisiparis-virtual-page {
    background: var(--bisiparis-gray-bg) !important;
    min-height: 100vh !important;
    padding: 40px 0 !important;
}

.bisiparis-virtual-page-inner {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

/* ============================== */
/* Missing CSS Fixes              */
/* ============================== */

/* Addresses Page - Missing */
.bisiparis-address-line {
    margin: 0 0 4px 0 !important;
    font-size: 14px !important;
    color: var(--bisiparis-dark-text) !important;
    line-height: 1.5 !important;
}

.bisiparis-set-default {
    color: var(--bisiparis-gray-text) !important;
    text-decoration: none !important;
    font-size: 13px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    transition: color 0.2s ease !important;
}

.bisiparis-set-default:hover {
    color: var(--bisiparis-orange) !important;
}

/* Order Detail Page - Missing */
.bisiparis-address-cards {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
    margin-bottom: 20px !important;
}

@media (max-width: 768px) {
    .bisiparis-address-cards {
        grid-template-columns: 1fr !important;
    }
}

.bisiparis-products-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}

.bisiparis-products-list .bisiparis-product-item:not(:last-child) {
    border-bottom: 1px solid var(--bisiparis-border) !important;
}

.bisiparis-total-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 12px 0 !important;
    font-size: 14px !important;
    color: var(--bisiparis-dark-text) !important;
}

.bisiparis-total-row:not(:last-child) {
    border-bottom: 1px solid var(--bisiparis-border) !important;
}

.bisiparis-grand-total,
.bisiparis-total-row.bisiparis-grand-total {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: var(--bisiparis-dark-text) !important;
    padding-top: 16px !important;
    margin-top: 8px !important;
    border-top: 2px solid var(--bisiparis-dark-text) !important;
    border-bottom: none !important;
}

/* Phone Page - Missing */
.bisiparis-phone-sent-to {
    display: block !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--bisiparis-dark-text) !important;
    margin-top: 8px !important;
}

/* ============================== */
/* Servis Page Styles             */
/* ============================== */

#bisiparis-app .bisiparis-servis-page {
    animation: bisiparis-fadeIn 0.3s ease !important;
}

#bisiparis-app .bisiparis-servis-page .bisiparis-card {
    padding: 0 !important;
}

/* Override bi-servis-takip plugin styles to match our design */
#bisiparis-app .bi-servis-takip-form,
#bisiparis-app .servis-takip-container {
    max-width: 100% !important;
}

#bisiparis-app .bi-servis-takip-form input[type="text"],
#bisiparis-app .bi-servis-takip-form input[type="tel"],
#bisiparis-app .bi-servis-takip-form select,
#bisiparis-app .servis-takip-container input[type="text"],
#bisiparis-app .servis-takip-container input[type="tel"],
#bisiparis-app .servis-takip-container select {
    width: 100% !important;
    padding: 14px 16px !important;
    font-size: 15px !important;
    background: var(--bisiparis-gray-bg) !important;
    border: 2px solid transparent !important;
    border-radius: var(--bisiparis-radius-sm) !important;
    transition: all 0.2s ease !important;
}

#bisiparis-app .bi-servis-takip-form input[type="text"]:focus,
#bisiparis-app .bi-servis-takip-form input[type="tel"]:focus,
#bisiparis-app .bi-servis-takip-form select:focus,
#bisiparis-app .servis-takip-container input[type="text"]:focus,
#bisiparis-app .servis-takip-container input[type="tel"]:focus,
#bisiparis-app .servis-takip-container select:focus {
    outline: none !important;
    background-color: #fff !important;
    border-color: var(--bisiparis-orange) !important;
    box-shadow: 0 0 0 3px rgba(255, 96, 0, 0.1) !important;
}

#bisiparis-app .bi-servis-takip-form button,
#bisiparis-app .bi-servis-takip-form input[type="submit"],
#bisiparis-app .servis-takip-container button,
#bisiparis-app .servis-takip-container input[type="submit"] {
    background: var(--bisiparis-orange) !important;
    color: #fff !important;
    border: none !important;
    padding: 14px 24px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    border-radius: var(--bisiparis-radius-sm) !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

#bisiparis-app .bi-servis-takip-form button:hover,
#bisiparis-app .bi-servis-takip-form input[type="submit"]:hover,
#bisiparis-app .servis-takip-container button:hover,
#bisiparis-app .servis-takip-container input[type="submit"]:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(255, 96, 0, 0.3) !important;
}

/* Servis input wrapper fix */
#bisiparis-app .input-wrapper {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
}

#bisiparis-app .input-wrapper .input-icon {
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 20px !important;
    height: 20px !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

#bisiparis-app .input-wrapper .input-icon svg {
    width: 100% !important;
    height: 100% !important;
    color: var(--bisiparis-text-muted) !important;
}

#bisiparis-app .input-wrapper input {
    padding-left: 42px !important;
    padding-right: 36px !important;
}

#bisiparis-app .input-wrapper .input-clear {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    cursor: pointer !important;
    font-size: 20px !important;
    color: var(--bisiparis-text-muted) !important;
    z-index: 1 !important;
}

/* ================================================
   TOAST NOTIFICATIONS
   ================================================ */
.bisiparis-toast-container {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 999999;
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 400px;
    pointer-events: none;
}

.bisiparis-toast {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    border-left: 4px solid #666;
    opacity: 0;
    transform: translateX(100%);
    transition: all 0.3s ease;
    pointer-events: auto;
}

.bisiparis-toast.show {
    opacity: 1;
    transform: translateX(0);
}

.bisiparis-toast-icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
}

.bisiparis-toast-icon svg {
    width: 20px;
    height: 20px;
}

.bisiparis-toast-message {
    flex: 1;
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    word-break: break-word;
}

.bisiparis-toast-close {
    flex-shrink: 0;
    background: none;
    border: none;
    font-size: 20px;
    color: #999;
    cursor: pointer;
    padding: 0;
    margin: -4px -4px -4px 8px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.bisiparis-toast-close:hover {
    background: #f0f0f0;
    color: #333;
}

/* Toast Type Styles */
.bisiparis-toast-success {
    border-left-color: #22c55e;
}

.bisiparis-toast-success .bisiparis-toast-icon {
    color: #22c55e;
}

.bisiparis-toast-error {
    border-left-color: #ef4444;
}

.bisiparis-toast-error .bisiparis-toast-icon {
    color: #ef4444;
}

.bisiparis-toast-warning {
    border-left-color: #f59e0b;
}

.bisiparis-toast-warning .bisiparis-toast-icon {
    color: #f59e0b;
}

.bisiparis-toast-info {
    border-left-color: #3b82f6;
}

.bisiparis-toast-info .bisiparis-toast-icon {
    color: #3b82f6;
}

/* Mobile Responsive - Toast */
@media (max-width: 480px) {
    .bisiparis-toast-container {
        top: 10px;
        right: 10px;
        left: 10px;
        max-width: none;
    }

    .bisiparis-toast {
        border-radius: 10px;
    }
}

/* ================================================
   COMPREHENSIVE RESPONSIVE STYLES
   Mobile-first approach for /hesabim/ pages
   ================================================ */

/* --------------------------------
   TABLET LANDSCAPE (max-width: 1024px)
   -------------------------------- */
@media (max-width: 1024px) {
    /* Main wrapper */
    #bisiparis-app .bisiparis-account-wrapper {
        gap: 24px !important;
        padding: 20px !important;
    }

    #bisiparis-app .bisiparis-account-nav {
        width: 220px !important;
    }

    /* Dashboard grids */
    #bisiparis-app .bisiparis-stats-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    #bisiparis-app .bisiparis-quick-actions {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    /* Settings form */
    #bisiparis-app .bisiparis-form-row {
        flex-direction: column !important;
    }

    #bisiparis-app .bisiparis-form-row .bisiparis-form-group {
        width: 100% !important;
    }

    /* Modals */
    #bisiparis-app .bisiparis-modal-content {
        max-width: 90% !important;
        margin: 20px !important;
    }
}

/* --------------------------------
   TABLET PORTRAIT (max-width: 768px)
   -------------------------------- */
@media (max-width: 768px) {
    /* Layout - Stack navigation and content */
    #bisiparis-app .bisiparis-account-wrapper {
        flex-direction: column !important;
        gap: 16px !important;
        padding: 16px !important;
    }

    #bisiparis-app .bisiparis-account-nav {
        width: 100% !important;
        order: 1 !important;
    }

    #bisiparis-app .bisiparis-account-content {
        order: 2 !important;
    }

    /* Navigation - Horizontal scrollable */
    #bisiparis-app .bisiparis-nav-menu {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        position: static !important;
        gap: 4px !important;
        padding: 8px !important;
    }

    #bisiparis-app .bisiparis-nav-menu::-webkit-scrollbar {
        display: none !important;
    }

    #bisiparis-app .bisiparis-nav-item {
        flex: 0 0 auto !important;
        min-width: auto !important;
    }

    #bisiparis-app .bisiparis-nav-item a {
        padding: 10px 16px !important;
        flex-direction: column !important;
        gap: 4px !important;
        border-left: none !important;
        border-radius: 10px !important;
        font-size: 12px !important;
        white-space: nowrap !important;
    }

    #bisiparis-app .bisiparis-nav-item.active a {
        border-left-color: transparent !important;
        background: var(--bisiparis-orange) !important;
        color: #fff !important;
    }

    #bisiparis-app .bisiparis-nav-item.active a .dashicons {
        color: #fff !important;
    }

    #bisiparis-app .bisiparis-nav-logout {
        border-top: none !important;
        margin-top: 0 !important;
    }

    /* Dashboard */
    #bisiparis-app .bisiparis-dashboard-header {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px !important;
    }

    #bisiparis-app .bisiparis-welcome-card {
        padding: 20px !important;
    }

    #bisiparis-app .bisiparis-welcome-content {
        flex-direction: column !important;
        text-align: center !important;
    }

    #bisiparis-app .bisiparis-welcome-avatar {
        width: 70px !important;
        height: 70px !important;
        margin: 0 auto !important;
    }

    #bisiparis-app .bisiparis-welcome-text {
        text-align: center !important;
    }

    #bisiparis-app .bisiparis-welcome-text h2 {
        font-size: 20px !important;
    }

    #bisiparis-app .bisiparis-stats-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }

    #bisiparis-app .bisiparis-stat-card {
        padding: 16px !important;
    }

    #bisiparis-app .bisiparis-quick-actions {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }

    #bisiparis-app .bisiparis-quick-action {
        padding: 16px 12px !important;
    }

    #bisiparis-app .bisiparis-quick-action span {
        font-size: 12px !important;
    }

    /* Orders page */
    #bisiparis-app .bisiparis-orders-header {
        flex-direction: column !important;
        gap: 12px !important;
    }

    #bisiparis-app .bisiparis-orders-search {
        width: 100% !important;
    }

    #bisiparis-app .bisiparis-filter-tabs {
        overflow-x: auto !important;
        flex-wrap: nowrap !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        padding-bottom: 8px !important;
    }

    #bisiparis-app .bisiparis-filter-tabs::-webkit-scrollbar {
        display: none !important;
    }

    #bisiparis-app .bisiparis-filter-tab {
        flex-shrink: 0 !important;
        font-size: 13px !important;
        padding: 8px 14px !important;
    }

    /* Order card */
    #bisiparis-app .bisiparis-order-card-full {
        flex-direction: column !important;
        gap: 16px !important;
    }

    #bisiparis-app .bisiparis-order-items-preview {
        width: 100% !important;
        justify-content: flex-start !important;
    }

    #bisiparis-app .bisiparis-order-body {
        flex-direction: row !important;
        justify-content: space-between !important;
    }

    #bisiparis-app .bisiparis-order-footer {
        width: 100% !important;
        flex-wrap: wrap !important;
    }

    #bisiparis-app .bisiparis-order-footer .bisiparis-btn {
        flex: 1 1 45% !important;
    }

    /* Order detail page */
    #bisiparis-app .bisiparis-order-detail {
        padding: 16px !important;
    }

    #bisiparis-app .bisiparis-detail-header {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 16px !important;
    }

    #bisiparis-app .bisiparis-detail-grid {
        grid-template-columns: 1fr !important;
    }

    #bisiparis-app .bisiparis-timeline {
        flex-direction: column !important;
    }

    #bisiparis-app .bisiparis-timeline-step {
        flex-direction: row !important;
        padding: 16px 0 !important;
    }

    #bisiparis-app .bisiparis-timeline-marker {
        margin-right: 16px !important;
        margin-bottom: 0 !important;
    }

    #bisiparis-app .bisiparis-timeline-content {
        text-align: left !important;
    }

    #bisiparis-app .bisiparis-product-item {
        flex-wrap: wrap !important;
        gap: 12px !important;
    }

    #bisiparis-app .bisiparis-product-info {
        flex: 1 !important;
        min-width: 0 !important;
    }

    #bisiparis-app .bisiparis-product-price {
        width: 100% !important;
        text-align: left !important;
        padding-left: 72px !important;
    }

    /* Addresses page */
    #bisiparis-app .bisiparis-address-grid-multi {
        grid-template-columns: 1fr !important;
    }

    #bisiparis-app .bisiparis-address-card-multi {
        min-height: auto !important;
    }

    /* Settings page */
    #bisiparis-app .bisiparis-settings-page {
        padding: 0 !important;
    }

    #bisiparis-app .bisiparis-settings-section {
        padding: 20px !important;
    }

    #bisiparis-app .bisiparis-avatar-section {
        flex-direction: column !important;
        text-align: center !important;
    }

    #bisiparis-app .bisiparis-avatar-actions {
        align-items: center !important;
    }

    #bisiparis-app .bisiparis-form-grid {
        grid-template-columns: 1fr !important;
    }

    #bisiparis-app .bisiparis-form-wide {
        grid-column: span 1 !important;
    }

    #bisiparis-app .bisiparis-security-header {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px !important;
    }

    #bisiparis-app .bisiparis-security-header .bisiparis-btn {
        width: 100% !important;
    }

    /* Phone verification page */
    #bisiparis-app .bisiparis-phone-page {
        padding: 16px !important;
    }

    #bisiparis-app .bisiparis-phone-current {
        flex-direction: column !important;
        text-align: center !important;
    }

    #bisiparis-app .bisiparis-phone-status {
        justify-content: center !important;
    }

    #bisiparis-app .bisiparis-otp-boxes {
        gap: 8px !important;
    }

    #bisiparis-app .bisiparis-otp-box {
        width: 44px !important;
        height: 52px !important;
        font-size: 20px !important;
    }

    /* Notifications page */
    #bisiparis-app .bisiparis-notifications-page {
        padding: 16px !important;
    }

    #bisiparis-app .bisiparis-toggle-item {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px !important;
    }

    #bisiparis-app .bisiparis-toggle-content {
        width: 100% !important;
    }

    #bisiparis-app .bisiparis-toggle {
        align-self: flex-start !important;
    }

    /* Modal responsive */
    #bisiparis-app .bisiparis-modal-content {
        width: 95% !important;
        max-width: none !important;
        margin: 16px !important;
        max-height: calc(100vh - 32px) !important;
        border-radius: 16px !important;
    }

    #bisiparis-app .bisiparis-modal-header {
        padding: 16px 20px !important;
    }

    #bisiparis-app .bisiparis-modal-body {
        padding: 20px !important;
    }

    #bisiparis-app .bisiparis-modal-footer {
        padding: 16px 20px !important;
        flex-direction: column-reverse !important;
        gap: 10px !important;
    }

    #bisiparis-app .bisiparis-modal-footer .bisiparis-btn {
        width: 100% !important;
    }

    /* Form elements */
    #bisiparis-app .bisiparis-form-actions {
        flex-direction: column !important;
        gap: 10px !important;
    }

    #bisiparis-app .bisiparis-form-actions .bisiparis-btn {
        width: 100% !important;
    }

    /* Pagination */
    #bisiparis-app .bisiparis-pagination {
        flex-direction: column !important;
        gap: 16px !important;
    }

    #bisiparis-app .bisiparis-page-numbers {
        order: -1 !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }
}

/* --------------------------------
   MOBILE SMALL (max-width: 480px)
   -------------------------------- */
@media (max-width: 480px) {
    /* Wrapper padding */
    #bisiparis-app .bisiparis-account-wrapper {
        padding: 12px !important;
    }

    /* Navigation - Scrollable pills */
    #bisiparis-app .bisiparis-nav-menu {
        padding: 6px !important;
        gap: 4px !important;
    }

    #bisiparis-app .bisiparis-nav-item a {
        padding: 8px 12px !important;
        font-size: 11px !important;
    }

    #bisiparis-app .bisiparis-nav-item a .dashicons {
        font-size: 16px !important;
        width: 16px !important;
        height: 16px !important;
    }

    /* Hide labels on very small screens, show icons only */
    #bisiparis-app .bisiparis-nav-label {
        display: none !important;
    }

    #bisiparis-app .bisiparis-nav-item a {
        flex-direction: row !important;
        padding: 10px 14px !important;
    }

    /* Dashboard */
    #bisiparis-app .bisiparis-welcome-card {
        padding: 16px !important;
    }

    #bisiparis-app .bisiparis-welcome-avatar {
        width: 60px !important;
        height: 60px !important;
    }

    #bisiparis-app .bisiparis-welcome-text h2 {
        font-size: 18px !important;
    }

    #bisiparis-app .bisiparis-welcome-text p {
        font-size: 13px !important;
    }

    #bisiparis-app .bisiparis-stats-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
    }

    #bisiparis-app .bisiparis-stat-card {
        padding: 14px 12px !important;
        flex-direction: column !important;
        text-align: center !important;
    }

    #bisiparis-app .bisiparis-stat-icon {
        width: 40px !important;
        height: 40px !important;
        margin-bottom: 8px !important;
    }

    #bisiparis-app .bisiparis-stat-value {
        font-size: 22px !important;
    }

    #bisiparis-app .bisiparis-stat-label {
        font-size: 11px !important;
    }

    #bisiparis-app .bisiparis-quick-actions {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
    }

    #bisiparis-app .bisiparis-quick-action {
        padding: 14px 10px !important;
    }

    #bisiparis-app .bisiparis-quick-action .dashicons {
        font-size: 22px !important;
        width: 22px !important;
        height: 22px !important;
    }

    #bisiparis-app .bisiparis-quick-action span {
        font-size: 11px !important;
    }

    /* Orders */
    #bisiparis-app .bisiparis-filter-tab {
        font-size: 12px !important;
        padding: 6px 12px !important;
    }

    #bisiparis-app .bisiparis-order-card-full {
        padding: 14px !important;
    }

    #bisiparis-app .bisiparis-order-items-preview .bisiparis-order-thumb {
        width: 45px !important;
        height: 45px !important;
        min-width: 45px !important;
    }

    #bisiparis-app .bisiparis-order-id {
        font-size: 14px !important;
    }

    #bisiparis-app .bisiparis-order-date {
        font-size: 12px !important;
    }

    #bisiparis-app .bisiparis-order-total {
        font-size: 16px !important;
    }

    #bisiparis-app .bisiparis-order-footer .bisiparis-btn {
        padding: 10px 12px !important;
        font-size: 12px !important;
    }

    /* Order detail */
    #bisiparis-app .bisiparis-detail-section {
        padding: 16px !important;
    }

    #bisiparis-app .bisiparis-section-title {
        font-size: 16px !important;
    }

    #bisiparis-app .bisiparis-timeline-marker {
        width: 36px !important;
        height: 36px !important;
    }

    #bisiparis-app .bisiparis-timeline-marker .dashicons {
        font-size: 16px !important;
    }

    #bisiparis-app .bisiparis-timeline-title {
        font-size: 14px !important;
    }

    #bisiparis-app .bisiparis-product-thumb {
        width: 56px !important;
        height: 56px !important;
    }

    #bisiparis-app .bisiparis-product-name {
        font-size: 14px !important;
    }

    #bisiparis-app .bisiparis-product-price {
        padding-left: 68px !important;
    }

    /* Addresses */
    #bisiparis-app .bisiparis-address-card-multi {
        padding: 16px !important;
    }

    #bisiparis-app .bisiparis-address-label {
        font-size: 14px !important;
    }

    #bisiparis-app .bisiparis-address-text {
        font-size: 13px !important;
    }

    #bisiparis-app .bisiparis-address-actions {
        gap: 8px !important;
    }

    #bisiparis-app .bisiparis-address-actions button {
        padding: 8px 12px !important;
        font-size: 12px !important;
    }

    /* Settings */
    #bisiparis-app .bisiparis-settings-section {
        padding: 16px !important;
    }

    #bisiparis-app .bisiparis-section-header h3 {
        font-size: 16px !important;
    }

    #bisiparis-app .bisiparis-avatar-preview {
        width: 70px !important;
        height: 70px !important;
    }

    #bisiparis-app .bisiparis-form-label {
        font-size: 13px !important;
    }

    #bisiparis-app .bisiparis-form-input,
    #bisiparis-app .bisiparis-form-select,
    #bisiparis-app .bisiparis-form-textarea {
        font-size: 14px !important;
        padding: 12px 14px !important;
    }

    /* OTP boxes */
    #bisiparis-app .bisiparis-otp-boxes {
        gap: 6px !important;
    }

    #bisiparis-app .bisiparis-otp-box {
        width: 40px !important;
        height: 48px !important;
        font-size: 18px !important;
    }

    /* Toggle items */
    #bisiparis-app .bisiparis-toggle-item {
        padding: 14px !important;
    }

    #bisiparis-app .bisiparis-toggle-icon {
        width: 40px !important;
        height: 40px !important;
    }

    #bisiparis-app .bisiparis-toggle-info strong {
        font-size: 13px !important;
    }

    #bisiparis-app .bisiparis-toggle-info span {
        font-size: 12px !important;
    }

    /* Buttons */
    #bisiparis-app .bisiparis-btn {
        padding: 12px 16px !important;
        font-size: 13px !important;
    }

    #bisiparis-app .bisiparis-btn-lg {
        padding: 14px 20px !important;
    }

    #bisiparis-app .bisiparis-btn-sm {
        padding: 8px 12px !important;
        font-size: 12px !important;
    }

    /* Modals */
    #bisiparis-app .bisiparis-modal-content {
        width: 100% !important;
        margin: 0 !important;
        border-radius: 16px 16px 0 0 !important;
        max-height: 90vh !important;
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        top: auto !important;
        transform: none !important;
    }

    #bisiparis-app .bisiparis-modal-header h3 {
        font-size: 16px !important;
    }

    #bisiparis-app .bisiparis-modal-body {
        padding: 16px !important;
        max-height: 60vh !important;
        overflow-y: auto !important;
    }

    /* Cards */
    #bisiparis-app .bisiparis-card {
        padding: 14px !important;
        border-radius: 12px !important;
    }

    /* Section headers */
    #bisiparis-app .bisiparis-section-header h2 {
        font-size: 18px !important;
    }

    /* Empty states */
    #bisiparis-app .bisiparis-empty-state {
        padding: 30px 16px !important;
    }

    #bisiparis-app .bisiparis-empty-icon {
        width: 60px !important;
        height: 60px !important;
    }

    #bisiparis-app .bisiparis-empty-title {
        font-size: 16px !important;
    }

    #bisiparis-app .bisiparis-empty-text {
        font-size: 13px !important;
    }

    /* Completion card */
    #bisiparis-app .bisiparis-completion-card {
        padding: 16px !important;
    }

    #bisiparis-app .bisiparis-completion-header h3 {
        font-size: 16px !important;
    }

    #bisiparis-app .bisiparis-completion-items {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    /* Recent orders */
    #bisiparis-app .bisiparis-recent-orders {
        padding: 16px !important;
    }

    #bisiparis-app .bisiparis-order-mini {
        padding: 12px !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px !important;
    }

    #bisiparis-app .bisiparis-order-mini-info {
        width: 100% !important;
    }

    #bisiparis-app .bisiparis-order-mini-total {
        margin-left: 0 !important;
    }

    /* Status badges */
    #bisiparis-app .bisiparis-badge {
        font-size: 11px !important;
        padding: 4px 10px !important;
    }
}

/* --------------------------------
   MOBILE EXTRA SMALL (max-width: 360px)
   -------------------------------- */
@media (max-width: 360px) {
    #bisiparis-app .bisiparis-account-wrapper {
        padding: 10px !important;
    }

    #bisiparis-app .bisiparis-nav-item a {
        padding: 8px 10px !important;
    }

    #bisiparis-app .bisiparis-nav-item a .dashicons {
        font-size: 14px !important;
        width: 14px !important;
        height: 14px !important;
    }

    #bisiparis-app .bisiparis-stats-grid {
        gap: 8px !important;
    }

    #bisiparis-app .bisiparis-stat-card {
        padding: 12px 10px !important;
    }

    #bisiparis-app .bisiparis-stat-value {
        font-size: 20px !important;
    }

    #bisiparis-app .bisiparis-otp-box {
        width: 36px !important;
        height: 44px !important;
        font-size: 16px !important;
    }

    #bisiparis-app .bisiparis-quick-action {
        padding: 12px 8px !important;
    }

    #bisiparis-app .bisiparis-quick-action .dashicons {
        font-size: 20px !important;
    }

    #bisiparis-app .bisiparis-quick-action span {
        font-size: 10px !important;
    }
}

/* --------------------------------
   LANDSCAPE MOBILE FIX
   -------------------------------- */
@media (max-height: 500px) and (orientation: landscape) {
    #bisiparis-app .bisiparis-modal-content {
        max-height: 95vh !important;
        border-radius: 12px !important;
        position: relative !important;
        bottom: auto !important;
        margin: 10px !important;
    }

    #bisiparis-app .bisiparis-modal-body {
        max-height: 50vh !important;
    }
}

/* --------------------------------
   TOUCH DEVICE OPTIMIZATIONS
   -------------------------------- */
@media (hover: none) and (pointer: coarse) {
    /* Larger touch targets */
    #bisiparis-app .bisiparis-nav-item a {
        min-height: 44px !important;
    }

    #bisiparis-app .bisiparis-btn {
        min-height: 44px !important;
    }

    #bisiparis-app .bisiparis-form-input,
    #bisiparis-app .bisiparis-form-select {
        min-height: 44px !important;
    }

    #bisiparis-app .bisiparis-toggle {
        min-width: 52px !important;
        min-height: 28px !important;
    }

    /* Remove hover states that cause sticky on mobile */
    #bisiparis-app .bisiparis-btn:hover {
        transform: none !important;
    }

    #bisiparis-app .bisiparis-card:hover {
        transform: none !important;
    }

    #bisiparis-app .bisiparis-quick-action:hover {
        transform: none !important;
    }
}

/* --------------------------------
   SAFE AREA INSETS (iPhone X+)
   -------------------------------- */
@supports (padding: max(0px)) {
    #bisiparis-app .bisiparis-account-wrapper {
        padding-left: max(12px, env(safe-area-inset-left)) !important;
        padding-right: max(12px, env(safe-area-inset-right)) !important;
        padding-bottom: max(12px, env(safe-area-inset-bottom)) !important;
    }

    #bisiparis-app .bisiparis-modal-content {
        padding-bottom: max(16px, env(safe-area-inset-bottom)) !important;
    }
}

/* Form Field Padding */
#bisiparis-app .bisiparis-form-field input,
#bisiparis-app .bisiparis-form-field select,
#bisiparis-app .bisiparis-form-field textarea {
    padding: 10px !important;
}

/* ========================================
   MODERN RESPONSIVE MODAL (NEW STRUCTURE)
   Added: Feb 2026 - addresses.php template
   ======================================== */

/* Modal Container - Flexbox Centered */
.bisiparis-modal-container {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 1000000 !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
    overflow-y: auto !important;
}

/* Show state for modal container */
.bisiparis-modal-container.show {
    display: flex !important;
}

/* Modal Box */
.bisiparis-modal-box {
    background: #fff !important;
    border-radius: 12px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important;
    max-width: 600px !important;
    width: 100% !important;
    max-height: 90vh !important;
    display: flex !important;
    flex-direction: column !important;
    margin: auto !important;
}

/* Small Modal Variant */
.bisiparis-modal-sm .bisiparis-modal-box {
    max-width: 400px !important;
}

/* Modal Overlay - Separate Element (High specificity with ID) */
#bisiparis_address_modal_overlay,
#bisiparis_delete_modal_overlay,
#bisiparis_delete_account_overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    display: none !important;
    background: rgba(0, 0, 0, 0.6) !important;
    z-index: 999999 !important;
    backdrop-filter: blur(2px) !important;
    -webkit-backdrop-filter: blur(2px) !important;
}

/* Show state for modal overlay (ID selector has higher specificity) */
#bisiparis_address_modal_overlay.show,
#bisiparis_delete_modal_overlay.show,
#bisiparis_delete_account_overlay.show {
    display: block !important;
}

/* Modal Header */
.bisiparis-modal-box .bisiparis-modal-header {
    padding: 24px !important;
    border-bottom: 1px solid #e5e7eb !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-shrink: 0 !important;
}

.bisiparis-modal-box .bisiparis-modal-header h3 {
    margin: 0 !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #111 !important;
}

/* Modal Close Button */
.bisiparis-modal-box .bisiparis-modal-close {
    background: none !important;
    border: none !important;
    padding: 8px !important;
    cursor: pointer !important;
    border-radius: 6px !important;
    transition: all 0.2s ease !important;
    margin: -8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #6b7280 !important;
    position: relative !important;
}

.bisiparis-modal-box .bisiparis-modal-close:hover {
    background: #f3f4f6 !important;
    color: #ef4444 !important;
}

.bisiparis-modal-box .bisiparis-modal-close .dashicons {
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
    color: inherit !important;
    line-height: 1 !important;
}

/* Modal Body */
.bisiparis-modal-box .bisiparis-modal-body {
    padding: 24px !important;
    overflow-y: auto !important;
    flex: 1 !important;
}

/* Modal Footer */
.bisiparis-modal-box .bisiparis-modal-footer {
    padding: 20px 24px !important;
    border-top: 1px solid #e5e7eb !important;
    display: flex !important;
    gap: 12px !important;
    justify-content: flex-end !important;
    flex-shrink: 0 !important;
}

/* Mobile Responsive - Bottom Sheet */
@media (max-width: 640px) {
    .bisiparis-modal-container {
        padding: 0 !important;
        align-items: flex-end !important;
    }

    .bisiparis-modal-box {
        max-height: 95vh !important;
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    .bisiparis-modal-box .bisiparis-modal-header {
        padding: 20px !important;
    }

    .bisiparis-modal-box .bisiparis-modal-body {
        padding: 20px !important;
    }

    .bisiparis-modal-box .bisiparis-modal-footer {
        padding: 16px 20px !important;
        flex-direction: column-reverse !important;
    }

    .bisiparis-modal-box .bisiparis-modal-footer .bisiparis-btn {
        width: 100% !important;
        justify-content: center !important;
    }
}

/* Very Small Screens */
@media (max-width: 400px) {
    .bisiparis-modal-box .bisiparis-modal-header {
        padding: 16px !important;
    }

    .bisiparis-modal-box .bisiparis-modal-header h3 {
        font-size: 18px !important;
    }

    .bisiparis-modal-box .bisiparis-modal-body {
        padding: 16px !important;
    }

    .bisiparis-modal-box .bisiparis-modal-footer {
        padding: 12px 16px !important;
    }
}

/* ============================== */
/* Puanlarım Page Styles          */
/* ============================== */

.bisiparis-puanlarim-page {
    animation: bisiparis-fadeIn 0.3s ease !important;
}

.bisiparis-puanlarim-page .bisiparis-card {
    padding: 0 !important;
    overflow: hidden !important;
}

/* OSM Loyalty Dashboard Override */
.bisiparis-puanlarim-page .osm-loyalty-dashboard {
    padding: 0 !important;
}

.bisiparis-puanlarim-page .osm-loyalty-stats {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
    padding: 24px !important;
    background: var(--bisiparis-gray-bg) !important;
    border-bottom: 1px solid var(--bisiparis-border) !important;
}

.bisiparis-puanlarim-page .osm-loyalty-stat-box {
    background: #fff !important;
    border-radius: var(--bisiparis-radius-sm) !important;
    padding: 20px !important;
    text-align: center !important;
    box-shadow: var(--bisiparis-shadow-sm) !important;
    border: 1px solid var(--bisiparis-border) !important;
    transition: all 0.3s ease !important;
}

.bisiparis-puanlarim-page .osm-loyalty-stat-box:hover {
    transform: translateY(-2px) !important;
    box-shadow: var(--bisiparis-shadow) !important;
}

.bisiparis-puanlarim-page .osm-loyalty-stat-box.primary {
    background: var(--bisiparis-gradient) !important;
    border: none !important;
    color: #fff !important;
}

.bisiparis-puanlarim-page .osm-loyalty-stat-box.primary h4,
.bisiparis-puanlarim-page .osm-loyalty-stat-box.primary .stat-value,
.bisiparis-puanlarim-page .osm-loyalty-stat-box.primary .stat-subvalue {
    color: #fff !important;
}

.bisiparis-puanlarim-page .osm-loyalty-stat-box h4 {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: var(--bisiparis-gray-text) !important;
    margin: 0 0 8px 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.bisiparis-puanlarim-page .osm-loyalty-stat-box .stat-value {
    font-size: 32px !important;
    font-weight: 700 !important;
    color: var(--bisiparis-dark-text) !important;
    line-height: 1.2 !important;
    margin-bottom: 4px !important;
}

.bisiparis-puanlarim-page .osm-loyalty-stat-box .stat-subvalue {
    font-size: 13px !important;
    color: var(--bisiparis-gray-text) !important;
}

/* Info Box */
.bisiparis-puanlarim-page .osm-loyalty-info-box {
    background: var(--bisiparis-orange-light) !important;
    padding: 16px 24px !important;
    border-radius: 0 !important;
    margin: 0 !important;
    border-left: 4px solid var(--bisiparis-orange) !important;
}

.bisiparis-puanlarim-page .osm-loyalty-info-box p {
    margin: 0 !important;
    font-size: 14px !important;
    color: var(--bisiparis-dark-text) !important;
    line-height: 1.6 !important;
}

.bisiparis-puanlarim-page .osm-loyalty-info-box strong {
    color: var(--bisiparis-orange) !important;
}

/* History Section */
.bisiparis-puanlarim-page .osm-loyalty-history {
    padding: 24px !important;
}

.bisiparis-puanlarim-page .osm-loyalty-history h3 {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--bisiparis-dark-text) !important;
    margin: 0 0 16px 0 !important;
    padding-bottom: 12px !important;
    border-bottom: 2px solid var(--bisiparis-orange) !important;
    display: inline-block !important;
}

.bisiparis-puanlarim-page .osm-loyalty-history-table {
    width: 100% !important;
    border-collapse: collapse !important;
}

.bisiparis-puanlarim-page .osm-loyalty-history-table thead th {
    background: var(--bisiparis-gray-bg) !important;
    padding: 12px 16px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--bisiparis-gray-text) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-align: left !important;
    border-bottom: 2px solid var(--bisiparis-border) !important;
}

.bisiparis-puanlarim-page .osm-loyalty-history-table tbody td {
    padding: 14px 16px !important;
    font-size: 14px !important;
    color: var(--bisiparis-dark-text) !important;
    border-bottom: 1px solid var(--bisiparis-border) !important;
}

.bisiparis-puanlarim-page .osm-loyalty-history-table tbody tr:hover {
    background: var(--bisiparis-gray-bg) !important;
}

.bisiparis-puanlarim-page .osm-loyalty-history-table .points-positive,
.bisiparis-puanlarim-page .osm-loyalty-history-table td.positive {
    color: var(--bisiparis-success) !important;
    font-weight: 600 !important;
}

.bisiparis-puanlarim-page .osm-loyalty-history-table .points-negative,
.bisiparis-puanlarim-page .osm-loyalty-history-table td.negative {
    color: var(--bisiparis-error) !important;
    font-weight: 600 !important;
}

/* Empty History */
.bisiparis-puanlarim-page .osm-loyalty-history .no-history,
.bisiparis-puanlarim-page .osm-loyalty-history p:only-child {
    text-align: center !important;
    padding: 40px 20px !important;
    color: var(--bisiparis-gray-text) !important;
}

/* Pagination */
.bisiparis-puanlarim-page .osm-loyalty-pagination {
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
    margin-top: 20px !important;
    padding-top: 20px !important;
    border-top: 1px solid var(--bisiparis-border) !important;
}

.bisiparis-puanlarim-page .osm-loyalty-pagination a,
.bisiparis-puanlarim-page .osm-loyalty-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 36px !important;
    height: 36px !important;
    padding: 0 12px !important;
    border-radius: var(--bisiparis-radius-xs) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.bisiparis-puanlarim-page .osm-loyalty-pagination a {
    background: #fff !important;
    border: 1px solid var(--bisiparis-border) !important;
    color: var(--bisiparis-dark-text) !important;
}

.bisiparis-puanlarim-page .osm-loyalty-pagination a:hover {
    background: var(--bisiparis-orange) !important;
    border-color: var(--bisiparis-orange) !important;
    color: #fff !important;
}

.bisiparis-puanlarim-page .osm-loyalty-pagination span.current {
    background: var(--bisiparis-orange) !important;
    border: 1px solid var(--bisiparis-orange) !important;
    color: #fff !important;
}

/* ============================== */
/* Davet Et Page Styles           */
/* ============================== */

.bisiparis-davet-et-page {
    animation: bisiparis-fadeIn 0.3s ease !important;
}

/* Override OSM Referral Dashboard inside account wrapper */
.bisiparis-davet-et-page .osm-referral-dashboard {
    margin: 0 !important;
    padding: 0 !important;
}

/* Code Card Override */
.bisiparis-davet-et-page .osm-referral-code-card {
    background: var(--bisiparis-gradient) !important;
    border-radius: var(--bisiparis-radius) !important;
    margin-bottom: 20px !important;
}

/* Stats Override */
.bisiparis-davet-et-page .osm-referral-stats {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
    margin-bottom: 20px !important;
}

.bisiparis-davet-et-page .osm-referral-stat-box {
    background: #fff !important;
    border: 1px solid var(--bisiparis-border) !important;
    border-radius: var(--bisiparis-radius) !important;
    padding: 20px !important;
    text-align: center !important;
}

.bisiparis-davet-et-page .osm-referral-stat-box .stat-value {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: var(--bisiparis-dark-text) !important;
}

.bisiparis-davet-et-page .osm-referral-stat-box .stat-value.stat-success {
    color: var(--bisiparis-success) !important;
}

.bisiparis-davet-et-page .osm-referral-stat-box .stat-value.stat-earned {
    color: var(--bisiparis-orange) !important;
}

.bisiparis-davet-et-page .osm-referral-stat-box .stat-label {
    font-size: 13px !important;
    color: var(--bisiparis-gray-text) !important;
    margin-top: 4px !important;
}

/* Apply Section Override */
.bisiparis-davet-et-page .osm-referral-apply-section {
    background: #fff !important;
    border: 1px solid var(--bisiparis-border) !important;
    border-radius: var(--bisiparis-radius) !important;
    padding: 24px !important;
    margin-bottom: 20px !important;
}

.bisiparis-davet-et-page .osm-referral-apply-section h3 {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--bisiparis-dark-text) !important;
    margin: 0 0 8px !important;
}

.bisiparis-davet-et-page .osm-referral-input {
    border: 1px solid var(--bisiparis-border) !important;
    border-radius: var(--bisiparis-radius-xs) !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
}

.bisiparis-davet-et-page .osm-referral-input:focus {
    border-color: var(--bisiparis-orange) !important;
    box-shadow: 0 0 0 3px rgba(255, 96, 0, 0.1) !important;
    outline: none !important;
}

.bisiparis-davet-et-page .osm-referral-apply-btn {
    background: var(--bisiparis-orange) !important;
    border: none !important;
    border-radius: var(--bisiparis-radius-xs) !important;
    color: #fff !important;
    font-weight: 600 !important;
    padding: 12px 24px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.bisiparis-davet-et-page .osm-referral-apply-btn:hover {
    background: var(--bisiparis-orange-hover) !important;
}

/* How It Works Override */
.bisiparis-davet-et-page .osm-referral-how-section {
    background: #fff !important;
    border: 1px solid var(--bisiparis-border) !important;
    border-radius: var(--bisiparis-radius) !important;
    padding: 24px !important;
    margin-bottom: 20px !important;
}

.bisiparis-davet-et-page .osm-referral-how-section h3 {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--bisiparis-dark-text) !important;
    margin: 0 0 16px !important;
}

.bisiparis-davet-et-page .osm-referral-step .step-icon {
    background: var(--bisiparis-orange-light) !important;
    color: var(--bisiparis-orange) !important;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.bisiparis-davet-et-page .osm-referral-step .step-icon .dashicons {
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
}

.bisiparis-davet-et-page .osm-referral-step .step-icon-gift {
    background: var(--bisiparis-orange) !important;
    color: #fff !important;
}

.bisiparis-davet-et-page .osm-referral-step .step-connector {
    background: var(--bisiparis-border) !important;
}

/* History Table Override */
.bisiparis-davet-et-page .osm-referral-history {
    background: #fff !important;
    border: 1px solid var(--bisiparis-border) !important;
    border-radius: var(--bisiparis-radius) !important;
    padding: 24px !important;
}

.bisiparis-davet-et-page .osm-referral-history h3 {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--bisiparis-dark-text) !important;
    margin: 0 0 16px !important;
}

.bisiparis-davet-et-page .osm-referral-history-table {
    width: 100% !important;
    border-collapse: collapse !important;
}

.bisiparis-davet-et-page .osm-referral-history-table th {
    background: var(--bisiparis-gray-bg) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: var(--bisiparis-gray-text) !important;
    padding: 12px 16px !important;
}

.bisiparis-davet-et-page .osm-referral-history-table td {
    padding: 12px 16px !important;
    border-bottom: 1px solid var(--bisiparis-border) !important;
    font-size: 14px !important;
}

.bisiparis-davet-et-page .osm-referral-status.status-completed {
    background: rgba(39, 174, 96, 0.1) !important;
    color: var(--bisiparis-success) !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

.bisiparis-davet-et-page .osm-referral-status.status-pending {
    background: rgba(243, 156, 18, 0.1) !important;
    color: var(--bisiparis-warning, #F39C12) !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

.bisiparis-davet-et-page .osm-referral-history-table .points-positive {
    color: var(--bisiparis-success) !important;
    font-weight: 700 !important;
}

.bisiparis-davet-et-page .osm-referral-empty {
    text-align: center !important;
    padding: 40px 20px !important;
    color: var(--bisiparis-gray-text) !important;
}

/* Referral Copy Button */
.bisiparis-davet-et-page .osm-referral-btn {
    border-radius: var(--bisiparis-radius-xs) !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

/* Message feedback */
.bisiparis-davet-et-page .osm-referral-message.success {
    background: rgba(39, 174, 96, 0.1) !important;
    color: var(--bisiparis-success) !important;
    border: 1px solid rgba(39, 174, 96, 0.2) !important;
    border-radius: var(--bisiparis-radius-xs) !important;
    padding: 12px 16px !important;
}

.bisiparis-davet-et-page .osm-referral-message.error {
    background: rgba(231, 76, 60, 0.1) !important;
    color: #E74C3C !important;
    border: 1px solid rgba(231, 76, 60, 0.2) !important;
    border-radius: var(--bisiparis-radius-xs) !important;
    padding: 12px 16px !important;
}

/* Davet Et Mobile */
@media (max-width: 768px) {
    .bisiparis-davet-et-page .osm-referral-stats {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .bisiparis-davet-et-page .osm-referral-apply-row {
        flex-direction: column !important;
    }

    .bisiparis-davet-et-page .osm-referral-code-value {
        font-size: 1.6em !important;
        letter-spacing: 2px !important;
    }

    .bisiparis-davet-et-page .osm-referral-history-table {
        font-size: 13px !important;
    }

    .bisiparis-davet-et-page .osm-referral-history-table th,
    .bisiparis-davet-et-page .osm-referral-history-table td {
        padding: 10px 12px !important;
    }
}

/* ============================== */
/* Oyunlar Page Styles            */
/* ============================== */

.bisiparis-oyunlar-page {
    animation: bisiparis-fadeIn 0.3s ease !important;
}

.bisiparis-oyunlar-page .bisiparis-games-card {
    padding: 0 !important;
    overflow: hidden !important;
}

/* Games Dashboard Override */
.bisiparis-oyunlar-page .osm-loyalty-games-dashboard {
    padding: 0 !important;
}

.bisiparis-oyunlar-page .games-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 20px 24px !important;
    background: var(--bisiparis-gradient) !important;
    color: #fff !important;
}

.bisiparis-oyunlar-page .games-header h2 {
    font-size: 20px !important;
    font-weight: 600 !important;
    margin: 0 !important;
    color: #fff !important;
}

.bisiparis-oyunlar-page .balance-display {
    background: rgba(255, 255, 255, 0.2) !important;
    padding: 8px 16px !important;
    border-radius: var(--bisiparis-radius-xs) !important;
    font-size: 14px !important;
}

.bisiparis-oyunlar-page .balance-amount {
    font-weight: 700 !important;
    font-size: 18px !important;
    margin-left: 4px !important;
}

/* Gamification Tabs */
.bisiparis-oyunlar-page .gamification-tabs {
    display: flex !important;
    background: var(--bisiparis-gray-bg) !important;
    padding: 8px !important;
    gap: 8px !important;
    border-bottom: 1px solid var(--bisiparis-border) !important;
}

.bisiparis-oyunlar-page .tab-link {
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 14px 20px !important;
    background: #fff !important;
    border: 1px solid var(--bisiparis-border) !important;
    border-radius: var(--bisiparis-radius-xs) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--bisiparis-dark-text) !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.bisiparis-oyunlar-page .tab-link:hover {
    background: var(--bisiparis-orange-light) !important;
    border-color: var(--bisiparis-orange) !important;
}

.bisiparis-oyunlar-page .tab-link.active {
    background: var(--bisiparis-orange) !important;
    border-color: var(--bisiparis-orange) !important;
    color: #fff !important;
}

.bisiparis-oyunlar-page .tab-icon {
    font-size: 20px !important;
}

.bisiparis-oyunlar-page .tab-badge {
    background: #fff !important;
    color: var(--bisiparis-orange) !important;
    padding: 2px 8px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.bisiparis-oyunlar-page .tab-link.active .tab-badge {
    background: rgba(255, 255, 255, 0.3) !important;
    color: #fff !important;
}

/* Tab Content */
.bisiparis-oyunlar-page .gamification-tab-content {
    display: none !important;
    padding: 24px !important;
}

.bisiparis-oyunlar-page .gamification-tab-content.active {
    display: block !important;
    animation: bisiparis-fadeIn 0.3s ease !important;
}

/* Spin Wheel */
.bisiparis-oyunlar-page .spin-wheel-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 24px !important;
}

.bisiparis-oyunlar-page .spin-wheel-wrapper {
    position: relative !important;
}

.bisiparis-oyunlar-page #spin-wheel-canvas {
    max-width: 100% !important;
    height: auto !important;
}

.bisiparis-oyunlar-page .spin-wheel-info {
    text-align: center !important;
}

.bisiparis-oyunlar-page .spins-remaining {
    font-size: 16px !important;
    color: var(--bisiparis-gray-text) !important;
    margin-bottom: 16px !important;
}

.bisiparis-oyunlar-page .spins-remaining-count {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: var(--bisiparis-orange) !important;
}

.bisiparis-oyunlar-page #spin-wheel-button {
    background: var(--bisiparis-gradient) !important;
    color: #fff !important;
    border: none !important;
    padding: 16px 48px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    border-radius: var(--bisiparis-radius-sm) !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: var(--bisiparis-shadow) !important;
}

.bisiparis-oyunlar-page #spin-wheel-button:hover:not(:disabled) {
    transform: translateY(-2px) !important;
    box-shadow: var(--bisiparis-shadow-lg) !important;
}

.bisiparis-oyunlar-page #spin-wheel-button:disabled {
    background: var(--bisiparis-border) !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}

/* Daily Bonus */
.bisiparis-oyunlar-page .daily-bonus-container {
    max-width: 600px !important;
    margin: 0 auto !important;
}

.bisiparis-oyunlar-page .daily-bonus-header {
    text-align: center !important;
    margin-bottom: 24px !important;
}

.bisiparis-oyunlar-page .daily-bonus-header h3 {
    font-size: 20px !important;
    font-weight: 600 !important;
    color: var(--bisiparis-dark-text) !important;
    margin: 0 0 12px 0 !important;
}

.bisiparis-oyunlar-page .streak-info {
    display: flex !important;
    justify-content: center !important;
    gap: 24px !important;
    font-size: 14px !important;
    color: var(--bisiparis-gray-text) !important;
}

.bisiparis-oyunlar-page .streak-count {
    color: var(--bisiparis-orange) !important;
    font-size: 20px !important;
}

.bisiparis-oyunlar-page .days-grid {
    display: grid !important;
    grid-template-columns: repeat(7, 1fr) !important;
    gap: 8px !important;
    margin-bottom: 24px !important;
}

.bisiparis-oyunlar-page .day-item {
    background: #fff !important;
    border: 2px solid var(--bisiparis-border) !important;
    border-radius: var(--bisiparis-radius-xs) !important;
    padding: 12px 8px !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
}

.bisiparis-oyunlar-page .day-item.completed {
    background: var(--bisiparis-success-light) !important;
    border-color: var(--bisiparis-success) !important;
}

.bisiparis-oyunlar-page .day-item.today {
    border-color: var(--bisiparis-orange) !important;
    box-shadow: 0 0 0 3px var(--bisiparis-orange-light) !important;
}

.bisiparis-oyunlar-page .day-item.current {
    background: var(--bisiparis-orange-light) !important;
    border-color: var(--bisiparis-orange) !important;
}

.bisiparis-oyunlar-page .day-number {
    font-size: 11px !important;
    color: var(--bisiparis-gray-text) !important;
    margin-bottom: 4px !important;
}

.bisiparis-oyunlar-page .day-reward {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--bisiparis-dark-text) !important;
}

.bisiparis-oyunlar-page .daily-bonus-claim {
    text-align: center !important;
}

.bisiparis-oyunlar-page #claim-daily-bonus {
    background: var(--bisiparis-gradient) !important;
    color: #fff !important;
    border: none !important;
    padding: 14px 32px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border-radius: var(--bisiparis-radius-xs) !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.bisiparis-oyunlar-page #claim-daily-bonus:hover:not(:disabled) {
    transform: translateY(-2px) !important;
    box-shadow: var(--bisiparis-shadow) !important;
}

.bisiparis-oyunlar-page #claim-daily-bonus:disabled,
.bisiparis-oyunlar-page #claim-daily-bonus.claimed {
    background: var(--bisiparis-success) !important;
    cursor: default !important;
}

/* Scratch Cards */
.bisiparis-oyunlar-page .scratch-cards-container {
    max-width: 800px !important;
    margin: 0 auto !important;
}

.bisiparis-oyunlar-page .scratch-cards-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 20px !important;
}

.bisiparis-oyunlar-page .scratch-cards-header h3 {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--bisiparis-dark-text) !important;
    margin: 0 !important;
}

.bisiparis-oyunlar-page .pending-cards-info {
    background: var(--bisiparis-orange-light) !important;
    padding: 8px 16px !important;
    border-radius: var(--bisiparis-radius-xs) !important;
    font-size: 14px !important;
}

.bisiparis-oyunlar-page .pending-cards-count {
    font-weight: 700 !important;
    color: var(--bisiparis-orange) !important;
}

.bisiparis-oyunlar-page .scratch-cards-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 20px !important;
}

.bisiparis-oyunlar-page .scratch-card {
    background: #fff !important;
    border: 1px solid var(--bisiparis-border) !important;
    border-radius: var(--bisiparis-radius-sm) !important;
    overflow: hidden !important;
    box-shadow: var(--bisiparis-shadow-sm) !important;
}

.bisiparis-oyunlar-page .scratch-card-header {
    background: var(--bisiparis-gray-bg) !important;
    padding: 12px 16px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: var(--bisiparis-gray-text) !important;
    border-bottom: 1px solid var(--bisiparis-border) !important;
}

.bisiparis-oyunlar-page .scratch-card-body {
    position: relative !important;
    height: 180px !important;
}

.bisiparis-oyunlar-page .scratch-card-canvas {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    cursor: crosshair !important;
}

.bisiparis-oyunlar-page .scratch-card-result {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--bisiparis-gradient) !important;
}

.bisiparis-oyunlar-page .reward-placeholder {
    text-align: center !important;
    color: #fff !important;
}

.bisiparis-oyunlar-page .placeholder-icon {
    font-size: 48px !important;
    display: block !important;
    margin-bottom: 8px !important;
}

.bisiparis-oyunlar-page .placeholder-text {
    font-size: 14px !important;
    opacity: 0.9 !important;
}

.bisiparis-oyunlar-page .no-scratch-cards {
    text-align: center !important;
    padding: 60px 20px !important;
    color: var(--bisiparis-gray-text) !important;
}

.bisiparis-oyunlar-page .no-cards-icon {
    font-size: 64px !important;
    margin-bottom: 16px !important;
}

.bisiparis-oyunlar-page .no-scratch-cards p {
    font-size: 16px !important;
    margin: 0 0 8px 0 !important;
}

.bisiparis-oyunlar-page .no-scratch-cards small {
    font-size: 13px !important;
    opacity: 0.8 !important;
}

/* Game Disabled State */
.bisiparis-oyunlar-page .game-disabled {
    text-align: center !important;
    padding: 60px 20px !important;
    color: var(--bisiparis-gray-text) !important;
}

.bisiparis-oyunlar-page .game-disabled-icon {
    font-size: 64px !important;
    margin-bottom: 16px !important;
}

/* Gamification Modal - Hidden by default, centered when shown */
/* Modal is rendered at body level, not inside .bisiparis-oyunlar-page */
#spin-wheel-result-modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 999999 !important;
    opacity: 0;
    transition: opacity 0.3s ease !important;
}

/* Only show when .show class is added by JS */
#spin-wheel-result-modal.show {
    display: flex !important;
    opacity: 1 !important;
}

#spin-wheel-result-modal .modal-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.6) !important;
}

#spin-wheel-result-modal .modal-content {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    margin: 0 !important;
    background: #fff !important;
    padding: 40px !important;
    border-radius: var(--bisiparis-radius, 12px) !important;
    text-align: center !important;
    max-width: 400px !important;
    width: 90% !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important;
    animation: bisiparis-scaleIn 0.3s ease !important;
    z-index: 1 !important;
}

#spin-wheel-result-modal .close-modal {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    background: none !important;
    border: none !important;
    font-size: 24px !important;
    color: #999 !important;
    cursor: pointer !important;
}

#spin-wheel-result-modal .close-modal:hover {
    color: #333 !important;
}

#spin-wheel-result-modal .result-message {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: var(--bisiparis-orange, #ff6b35) !important;
    margin-bottom: 12px !important;
}

#spin-wheel-result-modal .result-reward {
    font-size: 48px !important;
    font-weight: 700 !important;
    color: var(--bisiparis-dark-text, #1a1a2e) !important;
    margin-bottom: 8px !important;
}

#spin-wheel-result-modal .result-balance {
    font-size: 14px !important;
    color: var(--bisiparis-gray-text, #6c757d) !important;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .bisiparis-puanlarim-page .osm-loyalty-stats {
        grid-template-columns: 1fr !important;
    }

    .bisiparis-oyunlar-page .gamification-tabs {
        flex-direction: column !important;
    }

    .bisiparis-oyunlar-page .tab-link {
        justify-content: flex-start !important;
    }

    .bisiparis-oyunlar-page .days-grid {
        grid-template-columns: repeat(4, 1fr) !important;
    }

    .bisiparis-oyunlar-page .games-header {
        flex-direction: column !important;
        gap: 12px !important;
        text-align: center !important;
    }
}

@media (max-width: 480px) {
    .bisiparis-oyunlar-page .days-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .bisiparis-puanlarim-page .osm-loyalty-history-table thead {
        display: none !important;
    }

    .bisiparis-puanlarim-page .osm-loyalty-history-table tbody tr {
        display: block !important;
        padding: 12px 0 !important;
        border-bottom: 1px solid var(--bisiparis-border) !important;
    }

    .bisiparis-puanlarim-page .osm-loyalty-history-table tbody td {
        display: block !important;
        padding: 4px 0 !important;
        border: none !important;
    }

    .bisiparis-puanlarim-page .osm-loyalty-history-table tbody td:first-child {
        font-size: 12px !important;
        color: var(--bisiparis-gray-text) !important;
    }

    .bisiparis-puanlarim-page .osm-loyalty-history-table tbody td:last-child {
        font-size: 18px !important;
    }
}

/* ================================================================== */
/* MOBILE APP DESIGN - App Tasarımını Birebir Kopyala (max-width: 768px) */
/* ================================================================== */

/* App Design System Variables */
:root {
    --app-primary: #FF6000;
    --app-secondary: #1A1A2E;
    --app-accent: #E94560;
    --app-success: #27AE60;
    --app-warning: #F39C12;
    --app-error: #E74C3C;
    --app-bg: #F5F5F5;
    --app-card: #FFFFFF;
    --app-text: #1A1A2E;
    --app-text-secondary: #6B7280;
    --app-text-light: #9CA3AF;
    --app-border: #E5E7EB;
}

/* ============================== */
/* App Menu Item Component        */
/* ============================== */

.bisiparis-menu-item {
    display: none;
}

.bisiparis-app-section {
    display: none;
}

.bisiparis-app-section-title {
    display: none;
}

.bisiparis-app-profile-header {
    display: none;
}

.bisiparis-app-order-status-row {
    display: none;
}

.bisiparis-app-logout-btn {
    display: none;
}

/* ============================== */
/* App Order Card Component       */
/* ============================== */

.bisiparis-app-order-card {
    display: none;
}

/* ============================== */
/* App Mobile Only Styles         */
/* ============================== */

@media (max-width: 768px) {

    /* === GLOBAL MOBILE RESET === */
    #bisiparis-app {
        background: var(--app-bg) !important;
        padding: 0 !important;
    }

    #bisiparis-app .bisiparis-content-area {
        padding: 0 !important;
        max-width: 100% !important;
    }

    /* Hide desktop nav menu on mobile — app dashboard has its own menu */
    .bisiparis-account-nav,
    .bisiparis-nav-menu {
        display: none !important;
    }

    /* === DASHBOARD MOBILE === */

    /* Hide desktop elements on mobile */
    .bisiparis-dashboard .bisiparis-profile-card {
        display: none !important;
    }

    .bisiparis-dashboard .bisiparis-completion-card {
        display: none !important;
    }

    .bisiparis-dashboard .bisiparis-quick-actions-section {
        display: none !important;
    }

    .bisiparis-dashboard .bisiparis-recent-orders {
        display: none !important;
    }

    .bisiparis-dashboard .bisiparis-stats-grid {
        display: none !important;
    }

    /* Show app elements on mobile */
    .bisiparis-app-profile-header {
        display: flex !important;
        align-items: center !important;
        padding: 20px 16px !important;
        background: var(--app-card) !important;
        margin: 0 !important;
        gap: 12px !important;
    }

    .bisiparis-app-profile-header .app-avatar {
        width: 56px !important;
        height: 56px !important;
        border-radius: 50% !important;
        background: var(--app-primary) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        overflow: hidden !important;
    }

    .bisiparis-app-profile-header .app-avatar .avatar-initial {
        color: #fff !important;
        font-size: 22px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
    }

    .bisiparis-app-profile-header .app-avatar img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .bisiparis-app-profile-header .app-profile-info {
        flex: 1 !important;
        min-width: 0 !important;
    }

    .bisiparis-app-profile-header .app-profile-info h4 {
        font-size: 18px !important;
        font-weight: 600 !important;
        color: var(--app-text) !important;
        margin: 0 0 2px 0 !important;
        line-height: 1.3 !important;
    }

    .bisiparis-app-profile-header .app-profile-info .app-email {
        font-size: 12px !important;
        color: var(--app-text-light) !important;
        margin: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .bisiparis-app-profile-header .app-edit-btn {
        width: 36px !important;
        height: 36px !important;
        border-radius: 50% !important;
        background: rgba(255, 96, 0, 0.1) !important;
        border: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: var(--app-primary) !important;
        font-size: 16px !important;
        cursor: pointer !important;
        flex-shrink: 0 !important;
        text-decoration: none !important;
    }

    /* Stats grid - hidden on mobile (removed from app design) */

    /* Order Status Row */
    .bisiparis-app-order-status-row {
        display: flex !important;
        justify-content: space-around !important;
        padding: 16px !important;
        background: var(--app-card) !important;
        margin-top: 8px !important;
    }

    .bisiparis-app-order-status-row .status-item {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 6px !important;
        text-decoration: none !important;
    }

    .bisiparis-app-order-status-row .status-icon {
        width: 44px !important;
        height: 44px !important;
        border-radius: 50% !important;
        background: rgba(255, 96, 0, 0.1) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .bisiparis-app-order-status-row .status-icon i {
        font-size: 18px !important;
        color: var(--app-primary) !important;
    }

    .bisiparis-app-order-status-row .status-label {
        font-size: 11px !important;
        color: var(--app-text-secondary) !important;
        text-align: center !important;
    }

    .bisiparis-app-order-status-row .status-count {
        position: absolute !important;
        top: -4px !important;
        right: -4px !important;
        background: var(--app-accent) !important;
        color: #fff !important;
        font-size: 10px !important;
        font-weight: 700 !important;
        min-width: 16px !important;
        height: 16px !important;
        border-radius: 8px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 4px !important;
    }

    .bisiparis-app-order-status-row .status-item .status-icon {
        position: relative !important;
    }

    /* App Section Card */
    .bisiparis-app-section {
        display: block !important;
        background: var(--app-card) !important;
        margin: 8px 12px !important;
        border-radius: 16px !important;
        overflow: hidden !important;
    }

    .bisiparis-app-section-title {
        display: block !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        color: var(--app-text-secondary) !important;
        padding: 12px 16px 0 !important;
        margin: 0 !important;
    }

    /* Menu Item — high specificity to override theme */
    .bisiparis-app-section a.bisiparis-menu-item {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        padding: 12px 16px !important;
        text-decoration: none !important;
        color: var(--app-text) !important;
        transition: background 0.15s ease !important;
        cursor: pointer !important;
        width: 100% !important;
        box-sizing: border-box !important;
        gap: 0 !important;
        margin: 0 !important;
        border: none !important;
        background: transparent !important;
        line-height: 1.4 !important;
    }

    .bisiparis-app-section a.bisiparis-menu-item:hover {
        background: var(--app-bg) !important;
        text-decoration: none !important;
    }

    .bisiparis-app-section a.bisiparis-menu-item:active {
        background: #EBEBEB !important;
    }

    .bisiparis-app-section a.bisiparis-menu-item > .bisiparis-mi-icon {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
        border-radius: 10px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        margin-right: 12px !important;
        margin-left: 0 !important;
        padding: 0 !important;
        position: relative !important;
        float: none !important;
    }

    .bisiparis-app-section a.bisiparis-menu-item > .bisiparis-mi-icon i.fa {
        font-size: 16px !important;
        line-height: 1 !important;
        display: inline-block !important;
    }

    .bisiparis-app-section a.bisiparis-menu-item > .bisiparis-mi-label {
        flex: 1 1 auto !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: var(--app-text) !important;
        display: block !important;
        text-align: left !important;
        margin: 0 !important;
        padding: 0 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        position: relative !important;
        float: none !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: auto !important;
        height: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        transform: none !important;
    }

    .bisiparis-app-section a.bisiparis-menu-item > .bisiparis-mi-right {
        color: var(--app-text-light) !important;
        font-size: 12px !important;
        flex-shrink: 0 !important;
        margin-left: 8px !important;
        display: flex !important;
        align-items: center !important;
        float: none !important;
        position: relative !important;
    }

    .bisiparis-app-section a.bisiparis-menu-item > .bisiparis-mi-right .bisiparis-mi-badge {
        background: var(--app-primary) !important;
        color: #fff !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        padding: 2px 8px !important;
        border-radius: 10px !important;
        margin-right: 8px !important;
        display: inline-block !important;
    }

    /* App Logout Button */
    .bisiparis-app-logout-btn {
        display: block !important;
        margin: 16px 12px 24px !important;
        padding: 14px !important;
        background: none !important;
        border: 1px solid var(--app-error) !important;
        border-radius: 12px !important;
        color: var(--app-error) !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        text-align: center !important;
        cursor: pointer !important;
        width: calc(100% - 24px) !important;
        text-decoration: none !important;
    }

    .bisiparis-app-logout-btn:hover {
        background: rgba(231, 76, 60, 0.05) !important;
        color: var(--app-error) !important;
    }

    /* Placeholder "Yakinda" toast */
    .bisiparis-coming-soon-toast {
        position: fixed !important;
        bottom: 80px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        background: var(--app-secondary) !important;
        color: #fff !important;
        padding: 10px 24px !important;
        border-radius: 8px !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        z-index: 10000 !important;
        opacity: 0 !important;
        transition: opacity 0.3s ease !important;
        pointer-events: none !important;
    }

    .bisiparis-coming-soon-toast.show {
        opacity: 1 !important;
    }

    /* === ORDERS LIST MOBILE === */

    /* Hide desktop order elements */
    .bisiparis-orders-page .bisiparis-section-header {
        display: none !important;
    }

    .bisiparis-orders-page .bisiparis-status-counters {
        display: none !important;
    }

    /* Filter Tabs - App Pill Style */
    .bisiparis-orders-page .bisiparis-filter-tabs {
        display: flex !important;
        gap: 8px !important;
        padding: 12px 16px !important;
        background: var(--app-card) !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        border: none !important;
        margin: 0 !important;
        border-radius: 0 !important;
    }

    .bisiparis-orders-page .bisiparis-filter-tabs::-webkit-scrollbar {
        display: none !important;
    }

    .bisiparis-orders-page .bisiparis-filter-tab {
        padding: 6px 16px !important;
        border-radius: 9999px !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        white-space: nowrap !important;
        border: none !important;
        background: var(--app-bg) !important;
        color: var(--app-text-secondary) !important;
        cursor: pointer !important;
        transition: all 0.2s ease !important;
    }

    .bisiparis-orders-page .bisiparis-filter-tab.active {
        background: var(--app-primary) !important;
        color: #fff !important;
    }

    /* App Order Card */
    .bisiparis-orders-page .bisiparis-order-card-full {
        background: var(--app-card) !important;
        border: 1px solid var(--app-border) !important;
        border-radius: 12px !important;
        padding: 16px !important;
        margin: 8px 12px !important;
        box-shadow: none !important;
    }

    .bisiparis-orders-page .bisiparis-order-body {
        margin: 0 !important;
        padding: 0 !important;
    }

    .bisiparis-orders-page .bisiparis-order-info {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        margin-bottom: 12px !important;
    }

    .bisiparis-orders-page .bisiparis-order-id strong {
        font-size: 14px !important;
        font-weight: 600 !important;
        color: var(--app-text) !important;
    }

    .bisiparis-orders-page .bisiparis-order-date {
        font-size: 12px !important;
        color: var(--app-text-light) !important;
        display: block !important;
        margin-top: 2px !important;
    }

    .bisiparis-orders-page .bisiparis-order-status-badge {
        font-size: 11px !important;
        font-weight: 600 !important;
        padding: 4px 10px !important;
        border-radius: 9999px !important;
    }

    /* Order items preview */
    .bisiparis-orders-page .bisiparis-order-items-preview {
        display: flex !important;
        gap: 8px !important;
        padding: 12px 0 !important;
        border-top: 1px solid var(--app-border) !important;
        border-bottom: 1px solid var(--app-border) !important;
        margin: 0 !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
    }

    .bisiparis-orders-page .bisiparis-order-thumb {
        width: 36px !important;
        height: 36px !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        flex-shrink: 0 !important;
        background: var(--app-bg) !important;
        border: 1px solid var(--app-border) !important;
    }

    .bisiparis-orders-page .bisiparis-order-thumb img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .bisiparis-orders-page .bisiparis-order-thumb.bisiparis-more {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        color: var(--app-text-secondary) !important;
        background: var(--app-bg) !important;
    }

    /* Order summary row */
    .bisiparis-orders-page .bisiparis-order-summary {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding-top: 12px !important;
    }

    .bisiparis-orders-page .bisiparis-order-items-count {
        font-size: 13px !important;
        color: var(--app-text-secondary) !important;
    }

    .bisiparis-orders-page .bisiparis-order-total {
        font-size: 18px !important;
        font-weight: 700 !important;
        color: var(--app-primary) !important;
    }

    .bisiparis-orders-page .bisiparis-order-total .woocommerce-Price-amount {
        color: var(--app-primary) !important;
        font-size: 18px !important;
        font-weight: 700 !important;
    }

    /* Hide order footer actions on mobile - card is clickable */
    .bisiparis-orders-page .bisiparis-order-footer {
        display: none !important;
    }

    /* Pagination mobile */
    .bisiparis-orders-page .bisiparis-pagination {
        padding: 16px 12px !important;
    }

    /* Empty state */
    .bisiparis-orders-page .bisiparis-empty-state {
        margin: 24px 12px !important;
        border-radius: 16px !important;
    }

    .bisiparis-orders-page .bisiparis-empty-state .bisiparis-empty-icon {
        width: 64px !important;
        height: 64px !important;
    }

    .bisiparis-orders-page .bisiparis-empty-state .bisiparis-empty-icon .dashicons {
        font-size: 32px !important;
        width: 32px !important;
        height: 32px !important;
        color: var(--app-text-light) !important;
    }

    /* === ORDER DETAIL MOBILE === */

    .bisiparis-order-detail {
        padding: 0 !important;
    }

    .bisiparis-order-detail .bisiparis-back-link {
        padding: 12px 16px !important;
        background: var(--app-card) !important;
        margin: 0 !important;
        border-radius: 0 !important;
        font-size: 14px !important;
    }

    .bisiparis-order-detail .bisiparis-order-detail-header {
        background: var(--app-card) !important;
        padding: 16px !important;
        margin: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        border-bottom: 1px solid var(--app-border) !important;
    }

    .bisiparis-order-detail .bisiparis-order-detail-header h2 {
        font-size: 18px !important;
        font-weight: 600 !important;
        color: var(--app-text) !important;
    }

    .bisiparis-order-detail .bisiparis-order-meta {
        font-size: 12px !important;
        color: var(--app-text-light) !important;
    }

    .bisiparis-order-detail .bisiparis-order-status-badge {
        font-size: 12px !important;
        padding: 4px 12px !important;
        border-radius: 9999px !important;
        font-weight: 600 !important;
    }

    /* Cards in order detail */
    .bisiparis-order-detail .bisiparis-card {
        background: var(--app-card) !important;
        margin: 8px 12px !important;
        border-radius: 16px !important;
        padding: 16px !important;
        box-shadow: none !important;
        border: none !important;
    }

    .bisiparis-order-detail .bisiparis-card-title {
        font-size: 14px !important;
        font-weight: 600 !important;
        color: var(--app-text) !important;
        margin-bottom: 12px !important;
    }

    /* Timeline mobile */
    .bisiparis-order-detail .bisiparis-timeline-step {
        padding-left: 28px !important;
        position: relative !important;
        padding-bottom: 20px !important;
    }

    .bisiparis-order-detail .bisiparis-timeline-marker {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        width: 20px !important;
        height: 20px !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 1 !important;
    }

    .bisiparis-order-detail .bisiparis-timeline-step.completed .bisiparis-timeline-marker {
        background: var(--app-success) !important;
    }

    .bisiparis-order-detail .bisiparis-timeline-step.completed .bisiparis-timeline-marker .dashicons {
        color: #fff !important;
        font-size: 12px !important;
        width: 12px !important;
        height: 12px !important;
    }

    .bisiparis-order-detail .bisiparis-timeline-step.current .bisiparis-timeline-marker {
        background: var(--app-primary) !important;
    }

    .bisiparis-order-detail .bisiparis-timeline-step.current .bisiparis-timeline-marker .dashicons {
        color: #fff !important;
        font-size: 12px !important;
        width: 12px !important;
        height: 12px !important;
    }

    .bisiparis-order-detail .bisiparis-timeline-step:not(.completed):not(.current) .bisiparis-timeline-marker {
        background: var(--app-border) !important;
    }

    .bisiparis-order-detail .bisiparis-timeline-step:not(.completed):not(.current) .bisiparis-timeline-marker .dashicons {
        color: var(--app-text-light) !important;
        font-size: 12px !important;
        width: 12px !important;
        height: 12px !important;
    }

    .bisiparis-order-detail .bisiparis-timeline-line {
        position: absolute !important;
        left: 9px !important;
        top: 20px !important;
        bottom: 0 !important;
        width: 2px !important;
        background: var(--app-border) !important;
    }

    .bisiparis-order-detail .bisiparis-timeline-step.completed .bisiparis-timeline-line {
        background: var(--app-success) !important;
    }

    .bisiparis-order-detail .bisiparis-timeline-step:last-child .bisiparis-timeline-line {
        display: none !important;
    }

    .bisiparis-order-detail .bisiparis-timeline-label {
        font-size: 14px !important;
        color: var(--app-text) !important;
    }

    /* Product items mobile */
    .bisiparis-order-detail .bisiparis-product-item {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        padding: 8px 0 !important;
        border-bottom: 1px solid var(--app-border) !important;
    }

    .bisiparis-order-detail .bisiparis-product-item:last-child {
        border-bottom: none !important;
    }

    .bisiparis-order-detail .bisiparis-product-image {
        width: 48px !important;
        height: 48px !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        flex-shrink: 0 !important;
        background: var(--app-bg) !important;
    }

    .bisiparis-order-detail .bisiparis-product-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .bisiparis-order-detail .bisiparis-product-info h4 {
        font-size: 14px !important;
        font-weight: 500 !important;
        color: var(--app-text) !important;
        margin: 0 0 2px !important;
    }

    .bisiparis-order-detail .bisiparis-product-meta {
        font-size: 12px !important;
        color: var(--app-text-secondary) !important;
    }

    .bisiparis-order-detail .bisiparis-product-price {
        font-size: 14px !important;
        font-weight: 600 !important;
        color: var(--app-text) !important;
        white-space: nowrap !important;
    }

    /* Order totals mobile */
    .bisiparis-order-detail .bisiparis-total-row {
        display: flex !important;
        justify-content: space-between !important;
        padding: 8px 0 !important;
        font-size: 14px !important;
        color: var(--app-text-secondary) !important;
    }

    .bisiparis-order-detail .bisiparis-total-row.bisiparis-discount {
        color: var(--app-accent) !important;
    }

    .bisiparis-order-detail .bisiparis-total-row.bisiparis-grand-total {
        border-top: 1px solid var(--app-border) !important;
        padding-top: 12px !important;
        margin-top: 4px !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        color: var(--app-primary) !important;
    }

    /* Address cards in order detail */
    .bisiparis-order-detail .bisiparis-address-cards {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
    }

    .bisiparis-order-detail .bisiparis-address-cards .bisiparis-card {
        margin: 4px 12px !important;
    }

    .bisiparis-order-detail .bisiparis-address-cards address {
        font-size: 13px !important;
        line-height: 1.5 !important;
        color: var(--app-text-secondary) !important;
        font-style: normal !important;
    }

    /* Order detail action buttons */
    .bisiparis-order-detail .bisiparis-order-actions {
        padding: 16px 12px 24px !important;
        display: flex !important;
        gap: 12px !important;
    }

    .bisiparis-order-detail .bisiparis-order-actions .bisiparis-btn-primary {
        flex: 1 !important;
        padding: 14px !important;
        border-radius: 12px !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        background: var(--app-primary) !important;
        color: #fff !important;
        border: none !important;
        text-align: center !important;
    }

    .bisiparis-order-detail .bisiparis-order-actions .bisiparis-btn-outline-danger {
        flex: 1 !important;
        padding: 14px !important;
        border-radius: 12px !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        background: none !important;
        color: var(--app-error) !important;
        border: 1px solid var(--app-error) !important;
        text-align: center !important;
    }

    /* === ADDRESSES MOBILE === */

    .bisiparis-addresses-page {
        padding: 0 !important;
    }

    .bisiparis-addresses-page .bisiparis-section-header {
        display: none !important;
    }

    .bisiparis-addresses-page .bisiparis-address-grid-multi {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        padding: 0 !important;
    }

    .bisiparis-addresses-page .bisiparis-address-card-multi {
        background: var(--app-card) !important;
        border: 1px solid var(--app-border) !important;
        border-radius: 12px !important;
        padding: 16px !important;
        margin: 4px 12px !important;
        box-shadow: none !important;
    }

    .bisiparis-addresses-page .bisiparis-address-card-multi.is-default {
        border-color: var(--app-primary) !important;
    }

    .bisiparis-addresses-page .bisiparis-address-card-header {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        margin-bottom: 12px !important;
    }

    .bisiparis-addresses-page .bisiparis-address-label-text h4 {
        font-size: 16px !important;
        font-weight: 600 !important;
        color: var(--app-text) !important;
        margin: 0 !important;
    }

    .bisiparis-addresses-page .bisiparis-address-card-body .bisiparis-address-name strong {
        font-size: 14px !important;
        font-weight: 600 !important;
        color: var(--app-text) !important;
    }

    .bisiparis-addresses-page .bisiparis-address-card-body .bisiparis-address-line {
        font-size: 13px !important;
        color: var(--app-text-secondary) !important;
        line-height: 1.4 !important;
    }

    /* Add address card mobile */
    .bisiparis-addresses-page .bisiparis-add-card {
        border: 2px dashed var(--app-border) !important;
        background: transparent !important;
    }

    .bisiparis-addresses-page .bisiparis-add-card-content {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 24px !important;
        color: var(--app-text-secondary) !important;
    }

    .bisiparis-addresses-page .bisiparis-add-card-content .dashicons {
        font-size: 32px !important;
        width: 32px !important;
        height: 32px !important;
        margin-bottom: 8px !important;
        color: var(--app-primary) !important;
    }

    /* Mobile add address button floating */
    .bisiparis-addresses-page .bisiparis-mobile-add-btn {
        position: fixed !important;
        bottom: 80px !important;
        right: 16px !important;
        width: 56px !important;
        height: 56px !important;
        border-radius: 50% !important;
        background: var(--app-primary) !important;
        color: #fff !important;
        border: none !important;
        box-shadow: 0 4px 12px rgba(255, 96, 0, 0.4) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 24px !important;
        cursor: pointer !important;
        z-index: 100 !important;
    }

    /* Address modal mobile */
    .bisiparis-modal-container {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        top: auto !important;
        transform: none !important;
        max-height: 90vh !important;
        border-radius: 16px 16px 0 0 !important;
    }

    .bisiparis-modal-box {
        border-radius: 16px 16px 0 0 !important;
        max-height: 90vh !important;
        overflow-y: auto !important;
    }

    /* Address empty state mobile */
    .bisiparis-addresses-page .bisiparis-empty-state {
        margin: 24px 12px !important;
        padding: 40px 24px !important;
        border-radius: 16px !important;
        background: var(--app-card) !important;
    }

    .bisiparis-addresses-page .bisiparis-empty-state .bisiparis-empty-icon {
        width: 64px !important;
        height: 64px !important;
        margin: 0 auto 16px !important;
    }

    .bisiparis-addresses-page .bisiparis-empty-state .bisiparis-empty-icon .dashicons {
        font-size: 32px !important;
        width: 32px !important;
        height: 32px !important;
        color: var(--app-text-light) !important;
    }

    .bisiparis-addresses-page .bisiparis-empty-state h3 {
        font-size: 18px !important;
        color: var(--app-text) !important;
        margin-bottom: 8px !important;
    }

    .bisiparis-addresses-page .bisiparis-empty-state p {
        font-size: 14px !important;
        color: var(--app-text-secondary) !important;
    }

    /* Form inputs mobile */
    .bisiparis-addresses-page .bisiparis-input,
    .bisiparis-addresses-page .bisiparis-select {
        border: 1px solid var(--app-border) !important;
        border-radius: 8px !important;
        padding: 14px 16px !important;
        font-size: 14px !important;
    }

    /* === SETTINGS MOBILE === */

    .bisiparis-settings-page {
        padding: 0 !important;
    }

    .bisiparis-settings-page .bisiparis-section-header {
        display: none !important;
    }

    .bisiparis-settings-page .bisiparis-card {
        background: var(--app-card) !important;
        margin: 8px 12px !important;
        border-radius: 16px !important;
        padding: 16px !important;
        box-shadow: none !important;
        border: none !important;
    }

    .bisiparis-settings-page .bisiparis-card-title {
        font-size: 12px !important;
        font-weight: 600 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        color: var(--app-text-secondary) !important;
        margin-bottom: 12px !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
    }

    .bisiparis-settings-page .bisiparis-card-title .dashicons {
        font-size: 16px !important;
        width: 16px !important;
        height: 16px !important;
    }

    /* Settings form mobile */
    .bisiparis-settings-page .bisiparis-form-row {
        flex-direction: column !important;
        gap: 0 !important;
    }

    .bisiparis-settings-page .bisiparis-form-group {
        margin-bottom: 12px !important;
    }

    .bisiparis-settings-page .bisiparis-form-group label {
        font-size: 13px !important;
        font-weight: 500 !important;
        color: var(--app-text-secondary) !important;
        margin-bottom: 6px !important;
    }

    .bisiparis-settings-page .bisiparis-input,
    .bisiparis-settings-page .bisiparis-select {
        border: 1px solid var(--app-border) !important;
        border-radius: 8px !important;
        padding: 14px 16px !important;
        font-size: 14px !important;
        background: var(--app-card) !important;
    }

    .bisiparis-settings-page .bisiparis-input:focus,
    .bisiparis-settings-page .bisiparis-select:focus {
        border-color: var(--app-primary) !important;
        box-shadow: 0 0 0 3px rgba(255, 96, 0, 0.1) !important;
    }

    /* Toggle items mobile */
    .bisiparis-settings-page .bisiparis-toggle-item {
        padding: 12px 0 !important;
        border-bottom: 1px solid var(--app-border) !important;
    }

    .bisiparis-settings-page .bisiparis-toggle-item:last-child {
        border-bottom: none !important;
    }

    .bisiparis-settings-page .bisiparis-toggle-info strong {
        font-size: 14px !important;
        font-weight: 500 !important;
        color: var(--app-text) !important;
    }

    .bisiparis-settings-page .bisiparis-toggle-info span:not(.bisiparis-toggle-icon):not(.dashicons) {
        font-size: 12px !important;
        color: var(--app-text-secondary) !important;
    }

    /* Security items mobile */
    .bisiparis-settings-page .bisiparis-security-item {
        padding: 12px 0 !important;
        border-bottom: 1px solid var(--app-border) !important;
    }

    .bisiparis-settings-page .bisiparis-security-item:last-child {
        border-bottom: none !important;
    }

    /* Account actions mobile */
    .bisiparis-settings-page .bisiparis-action-item {
        padding: 12px 0 !important;
    }

    .bisiparis-settings-page .bisiparis-action-item .bisiparis-action-info strong {
        font-size: 14px !important;
        color: var(--app-text) !important;
    }

    .bisiparis-settings-page .bisiparis-action-item .bisiparis-action-info p {
        font-size: 12px !important;
        color: var(--app-text-secondary) !important;
    }

    /* Avatar section mobile */
    .bisiparis-settings-page .bisiparis-avatar-section {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        margin-bottom: 20px !important;
    }

    .bisiparis-settings-page .bisiparis-avatar-preview {
        width: 80px !important;
        height: 80px !important;
    }

    .bisiparis-settings-page .bisiparis-avatar-preview img {
        width: 80px !important;
        height: 80px !important;
        border-radius: 50% !important;
    }

    /* Completion card mobile */
    .bisiparis-settings-page .bisiparis-completion-card-inline {
        margin: 8px 12px !important;
        border-radius: 16px !important;
    }

    /* Buttons mobile */
    .bisiparis-settings-page .bisiparis-btn-primary {
        width: 100% !important;
        padding: 14px !important;
        border-radius: 12px !important;
        font-size: 14px !important;
        font-weight: 600 !important;
    }

    /* Subsection titles mobile */
    .bisiparis-settings-page .bisiparis-subsection-title {
        font-size: 12px !important;
        font-weight: 600 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        color: var(--app-text-secondary) !important;
    }

    /* Password section mobile */
    .bisiparis-settings-page .bisiparis-password-form .bisiparis-card {
        margin: 8px 12px !important;
    }

    /* Phone section mobile */
    .bisiparis-settings-page #bisiparis_phone_section .bisiparis-phone-input-wrapper {
        display: flex !important;
        border: 1px solid var(--app-border) !important;
        border-radius: 8px !important;
        overflow: hidden !important;
    }

    .bisiparis-settings-page #bisiparis_phone_section .bisiparis-phone-prefix {
        padding: 14px 12px !important;
        background: var(--app-bg) !important;
        font-size: 14px !important;
        color: var(--app-text-secondary) !important;
        border-right: 1px solid var(--app-border) !important;
    }

    /* OTP inputs mobile */
    .bisiparis-settings-page .bisiparis-otp-inputs {
        display: flex !important;
        gap: 8px !important;
        justify-content: center !important;
    }

    .bisiparis-settings-page .bisiparis-otp-input {
        width: 44px !important;
        height: 52px !important;
        text-align: center !important;
        font-size: 20px !important;
        font-weight: 700 !important;
        border: 1px solid var(--app-border) !important;
        border-radius: 8px !important;
    }

    .bisiparis-settings-page .bisiparis-otp-input:focus {
        border-color: var(--app-primary) !important;
        box-shadow: 0 0 0 3px rgba(255, 96, 0, 0.1) !important;
    }
}

/* ============================== */
/* Delete Account Shortcode       */
/* [wp_delete_user_accounts]      */
/* ============================== */

#bisiparis-app .bda-wrap {
    max-width: 480px !important;
    margin: 40px auto !important;
    padding: 40px 32px !important;
    text-align: center !important;
}

#bisiparis-app .bda-icon-wrap {
    width: 72px !important;
    height: 72px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 24px !important;
}

#bisiparis-app .bda-icon-wrap .dashicons {
    width: 36px !important;
    height: 36px !important;
    font-size: 36px !important;
}

#bisiparis-app .bda-icon-warning {
    background: var(--bisiparis-error-light) !important;
    color: var(--bisiparis-error) !important;
}

#bisiparis-app .bda-icon-otp {
    background: var(--bisiparis-info-light) !important;
    color: var(--bisiparis-info) !important;
}

#bisiparis-app .bda-icon-success {
    background: var(--bisiparis-success-light) !important;
    color: var(--bisiparis-success) !important;
}

#bisiparis-app .bda-title {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: var(--bisiparis-dark-text) !important;
    margin: 0 0 12px !important;
}

#bisiparis-app .bda-desc {
    font-size: 14px !important;
    color: var(--bisiparis-gray-text) !important;
    line-height: 1.6 !important;
    margin: 0 0 24px !important;
}

#bisiparis-app .bda-btn-full {
    width: 100% !important;
    justify-content: center !important;
    margin-bottom: 12px !important;
}

#bisiparis-app .bda-btn-back {
    font-size: 13px !important;
    color: var(--bisiparis-gray-text) !important;
}

#bisiparis-app .bda-otp-input {
    text-align: center !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    letter-spacing: 8px !important;
}

#bisiparis-app .bda-msg {
    padding: 10px 14px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    margin-top: 8px !important;
    text-align: left !important;
}

#bisiparis-app .bda-msg-error {
    background: var(--bisiparis-error-light) !important;
    color: var(--bisiparis-error) !important;
}

#bisiparis-app .bda-msg-success {
    background: var(--bisiparis-success-light) !important;
    color: var(--bisiparis-success) !important;
}

/* Danger button */
#bisiparis-app .bisiparis-btn-danger,
#bisiparis-app button.bisiparis-btn-danger {
    background: var(--bisiparis-error) !important;
    color: #fff !important;
    border: none !important;
}

#bisiparis-app .bisiparis-btn-danger:hover,
#bisiparis-app button.bisiparis-btn-danger:hover {
    background: #dc2626 !important;
}

#bisiparis-app .bisiparis-btn-danger:disabled,
#bisiparis-app button.bisiparis-btn-danger:disabled {
    background: #fca5a5 !important;
    cursor: not-allowed !important;
}
}