/* Domain Page Light Mode Styles - Complete Fix */

/* Light Mode Theme Variables for Domain Page */
[data-theme="light"] {
    /* Light Mode Color Variables */
    --text-primary: #1e293b;
    --text-secondary: #64748b;
    --text-muted: #94a3b8;
    --glass-bg-dark: rgba(255, 255, 255, 0.95);
    --glass-border-dark: rgba(203, 213, 225, 0.5);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 10px 10px -5px rgba(0, 0, 0, 0.03);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.03);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
}

/* Light Mode Background */
[data-theme="light"] body {
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 25%, #cbd5e1 50%, #e2e8f0 75%, #f8fafc 100%) !important;
    background-size: 400% 400% !important;
    color: var(--text-primary) !important;
}

/* Light Mode Breadcrumb */
[data-theme="light"] .breadcrumb {
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid rgba(203, 213, 225, 0.5) !important;
    backdrop-filter: blur(25px) !important;
}

[data-theme="light"] .breadcrumb a {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .breadcrumb a:hover {
    color: var(--primary-light) !important;
}

[data-theme="light"] .breadcrumb .current {
    color: var(--text-primary) !important;
}

[data-theme="light"] .breadcrumb .separator {
    color: var(--text-muted) !important;
}

/* Light Mode Domain Header */
[data-theme="light"] .domain-header-single-line {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.9)) !important;
    border: 1px solid rgba(203, 213, 225, 0.5) !important;
    backdrop-filter: blur(25px) !important;
}

[data-theme="light"] .domain-header-single-line::before {
    background: linear-gradient(90deg, var(--primary), var(--primary-light), var(--accent), var(--primary)) !important;
}

[data-theme="light"] .domain-name-compact {
    color: var(--text-primary) !important;
    background: linear-gradient(135deg, #1e293b, #334155) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* Light Mode Stats */
[data-theme="light"] .stat-mini {
    background: rgba(255, 255, 255, 0.8) !important;
    border: 1px solid rgba(203, 213, 225, 0.5) !important;
    color: var(--text-secondary) !important;
}

[data-theme="light"] .stat-mini:hover {
    background: rgba(255, 255, 255, 0.95) !important;
    color: var(--text-primary) !important;
}

/* Light Mode Auction Info Section */
[data-theme="light"] .auction-info-section {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.9)) !important;
    border: 1px solid rgba(203, 213, 225, 0.5) !important;
}

[data-theme="light"] .auction-info-section:hover {
    background: linear-gradient(135deg, rgba(255, 255, 255, 1), rgba(248, 250, 252, 0.95)) !important;
}

[data-theme="light"] .label-tiny {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .price-compact {
    color: var(--accent) !important;
}

[data-theme="light"] .time-compact {
    color: #ef4444 !important;
}

[data-theme="light"] .end-date-tiny {
    color: var(--text-muted) !important;
}

/* Light Mode Domain Info Grid */
[data-theme="light"] .domain-info-grid {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.9)) !important;
    border: 1px solid rgba(203, 213, 225, 0.5) !important;
    backdrop-filter: blur(25px) !important;
}

[data-theme="light"] .domain-info-grid::before {
    background: linear-gradient(90deg, var(--primary), var(--accent), var(--primary)) !important;
}

[data-theme="light"] .domain-info-grid:hover {
    background: linear-gradient(135deg, rgba(255, 255, 255, 1), rgba(248, 250, 252, 0.95)) !important;
}

/* Light Mode Info Section Headers */
[data-theme="light"] .info-section h3,
[data-theme="light"] .bid-history-section h3 {
    color: var(--text-primary) !important;
}

/* Light Mode Info Items */
[data-theme="light"] .info-item {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(248, 250, 252, 0.8)) !important;
    border: 1px solid rgba(203, 213, 225, 0.5) !important;
    backdrop-filter: blur(15px) !important;
}

[data-theme="light"] .info-item:hover {
    background: linear-gradient(135deg, rgba(255, 255, 255, 1), rgba(248, 250, 252, 0.95)) !important;
    border-color: var(--primary) !important;
}

[data-theme="light"] .info-item .label {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .info-item .value {
    color: var(--text-primary) !important;
}

[data-theme="light"] .auction-datetime {
    color: var(--text-primary) !important;
}

/* Light Mode Seller Information */
[data-theme="light"] .seller-info-minimal {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid rgba(203, 213, 225, 0.5) !important;
}

[data-theme="light"] .seller-hidden-minimal {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .seller-hidden-minimal:hover {
    color: var(--primary-light) !important;
}

[data-theme="light"] .seller-revealed-minimal {
    color: var(--text-primary) !important;
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid var(--primary) !important;
}

[data-theme="light"] .seller-header {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .seller-username {
    color: var(--text-primary) !important;
}

[data-theme="light"] .seller-join-date,
[data-theme="light"] .seller-nominet-tag {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .seller-countdown-minimal {
    color: var(--accent) !important;
}

/* Light Mode Payment Methods */
[data-theme="light"] .payment-badge {
    background: rgba(8, 145, 178, 0.1) !important;
    border: 1px solid rgba(8, 145, 178, 0.3) !important;
    color: var(--primary-light) !important;
}

[data-theme="light"] .no-payment-methods {
    color: var(--text-secondary) !important;
}

/* Light Mode Bid History */
[data-theme="light"] .bid-history-section {
    background: transparent !important;
}

[data-theme="light"] .anonymization-notice {
    background: rgba(8, 145, 178, 0.1) !important;
    border: 1px solid rgba(8, 145, 178, 0.2) !important;
    color: var(--text-primary) !important;
    padding: var(--space-3) !important;
    border-radius: var(--radius) !important;
    margin-bottom: var(--space-4) !important;
}

[data-theme="light"] .bid-history-container {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.9)) !important;
    border-radius: var(--radius-lg) !important;
    border: 1px solid rgba(203, 213, 225, 0.5) !important;
    padding: var(--space-4) !important;
}

[data-theme="light"] .bid-entry {
    background: rgba(255, 255, 255, 0.8) !important;
    border: 1px solid rgba(203, 213, 225, 0.3) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .bid-entry:hover {
    background: rgba(255, 255, 255, 0.95) !important;
    border-color: var(--primary) !important;
}

[data-theme="light"] .bid-amount {
    color: var(--accent) !important;
}

[data-theme="light"] .bid-date-time {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .username {
    color: var(--text-primary) !important;
}

[data-theme="light"] .user-avatar {
    background: rgba(8, 145, 178, 0.8) !important;
    color: white !important;
}

[data-theme="light"] .user-avatar.anonymous {
    background: rgba(100, 116, 139, 0.8) !important;
}

[data-theme="light"] .no-bids {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .no-bids-text {
    color: var(--text-primary) !important;
}

[data-theme="light"] .no-bids-sub {
    color: var(--text-secondary) !important;
}

/* Light Mode Pagination */
[data-theme="light"] .bid-pagination {
    background: rgba(255, 255, 255, 0.8) !important;
    border-top: 1px solid rgba(203, 213, 225, 0.5) !important;
}

[data-theme="light"] .pagination-btn {
    background: rgba(255, 255, 255, 0.9) !important;
    color: var(--text-primary) !important;
    border: 1px solid rgba(203, 213, 225, 0.5) !important;
}

[data-theme="light"] .pagination-btn:hover:not(.disabled) {
    background: var(--primary) !important;
    color: white !important;
    border-color: var(--primary) !important;
}

[data-theme="light"] .pagination-btn.disabled {
    background: rgba(241, 245, 249, 0.5) !important;
    color: var(--text-muted) !important;
    border-color: rgba(203, 213, 225, 0.3) !important;
}

[data-theme="light"] .pagination-info {
    color: var(--text-primary) !important;
}

[data-theme="light"] .page-separator {
    color: var(--text-secondary) !important;
}

/* Light Mode Buttons */
[data-theme="light"] .btn {
    backdrop-filter: blur(10px) !important;
}

[data-theme="light"] .btn-primary {
    background: linear-gradient(135deg, var(--accent), var(--accent-dark)) !important;
    color: white !important;
    border: 1px solid rgba(249, 115, 22, 0.3) !important;
}

[data-theme="light"] .btn-secondary {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(248, 250, 252, 0.8)) !important;
    color: var(--text-primary) !important;
    border: 1px solid rgba(203, 213, 225, 0.5) !important;
}

[data-theme="light"] .btn-secondary:hover {
    background: linear-gradient(135deg, rgba(255, 255, 255, 1), rgba(248, 250, 252, 0.95)) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .btn-mini {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(248, 250, 252, 0.8)) !important;
    border: 1px solid rgba(203, 213, 225, 0.5) !important;
    color: var(--text-secondary) !important;
}

[data-theme="light"] .btn-mini:hover {
    background: linear-gradient(135deg, rgba(255, 255, 255, 1), rgba(248, 250, 252, 0.95)) !important;
    color: var(--text-primary) !important;
}

/* Light Mode Modals */
[data-theme="light"] .modal {
    background: rgba(15, 23, 42, 0.3) !important;
}

[data-theme="light"] .modal-content {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.95)) !important;
    border: 1px solid rgba(203, 213, 225, 0.5) !important;
    color: var(--text-primary) !important;
    backdrop-filter: blur(25px) !important;
}

[data-theme="light"] .modal-header h3 {
    color: var(--text-primary) !important;
}

[data-theme="light"] .close-btn {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .close-btn:hover {
    color: var(--text-primary) !important;
}

[data-theme="light"] .current-bid-info {
    background: rgba(8, 145, 178, 0.1) !important;
    border: 1px solid rgba(8, 145, 178, 0.2) !important;
}

[data-theme="light"] .current-bid-label {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .current-bid-amount {
    color: var(--text-primary) !important;
}

[data-theme="light"] .form-control {
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid rgba(203, 213, 225, 0.5) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .form-control::placeholder {
    color: var(--text-muted) !important;
}

[data-theme="light"] .form-control:focus {
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 3px rgba(8, 145, 178, 0.1) !important;
}

[data-theme="light"] .bid-info {
    color: var(--text-secondary) !important;
}

/* Light Mode Reserve Indicators */
[data-theme="light"] .reserve-met-indicator {
    background: rgba(16, 185, 129, 0.1) !important;
    border-top: 1px solid rgba(16, 185, 129, 0.2) !important;
    border-bottom: 1px solid rgba(16, 185, 129, 0.2) !important;
}

[data-theme="light"] .reserve-met-text {
    color: #059669 !important;
}

[data-theme="light"] .reserve-met-line {
    background: rgba(16, 185, 129, 0.3) !important;
}

[data-theme="light"] .reserve-amount {
    color: #059669 !important;
}

/* Light Mode Description */
[data-theme="light"] .description-section h4 {
    color: var(--text-primary) !important;
}

[data-theme="light"] .description-section p {
    color: var(--text-secondary) !important;
}

/* Light Mode Error and Success States */
[data-theme="light"] .error-alert {
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid rgba(239, 68, 68, 0.3) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .error-alert h2 {
    color: #dc2626 !important;
}

[data-theme="light"] .highest-bidder-indicator {
    background: rgba(16, 185, 129, 0.15) !important;
    border: 1px solid rgba(16, 185, 129, 0.4) !important;
    color: #059669 !important;
}

/* Light Mode Loading States */
[data-theme="light"] .loading-spinner {
    border-color: rgba(203, 213, 225, 0.3) !important;
    border-top-color: var(--primary) !important;
}

/* Additional fixes for Request Auction Modal */
[data-theme="light"] .request-auction-explanation {
    background: rgba(8, 145, 178, 0.1) !important;
    border: 1px solid rgba(8, 145, 178, 0.2) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .request-auction-explanation small {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .request-auction-domain-name {
    color: var(--text-primary) !important;
}

[data-theme="light"] .request-auction-seller-info {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .form-group label {
    color: var(--text-primary) !important;
}

[data-theme="light"] .price-note,
[data-theme="light"] .char-count {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .request-auction-input,
[data-theme="light"] .request-auction-textarea {
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid rgba(203, 213, 225, 0.5) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .request-auction-input:focus,
[data-theme="light"] .request-auction-textarea:focus {
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 3px rgba(8, 145, 178, 0.1) !important;
}

/* Buy Now Modal specific styles */
[data-theme="light"] .buy-now-domain-info {
    background: rgba(8, 145, 178, 0.1) !important;
    border-radius: var(--radius) !important;
    padding: var(--space-3) !important;
    margin-bottom: var(--space-4) !important;
}

[data-theme="light"] .buy-now-domain-name {
    color: var(--text-primary) !important;
}

[data-theme="light"] .buy-now-domain-category {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .buy-now-price-display {
    background: rgba(249, 115, 22, 0.1) !important;
    border: 1px solid rgba(249, 115, 22, 0.2) !important;
    border-radius: var(--radius) !important;
    padding: var(--space-4) !important;
    margin-bottom: var(--space-4) !important;
}

[data-theme="light"] .buy-now-price-label {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .buy-now-price-amount {
    color: var(--accent) !important;
}

[data-theme="light"] .buy-now-price-note {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .confirmation-warning {
    background: rgba(245, 158, 11, 0.1) !important;
    border: 1px solid rgba(245, 158, 11, 0.2) !important;
    border-radius: var(--radius) !important;
    padding: var(--space-3) !important;
}

[data-theme="light"] .warning-text {
    color: var(--text-primary) !important;
}

[data-theme="light"] .terms-checkbox label {
    color: var(--text-primary) !important;
}

/* AGGRESSIVE FONT SIZE REDUCTIONS FOR ALL DOMAIN PAGE ELEMENTS */

/* Domain-specific font size reductions */
.domain-name-compact {
    font-size: 1rem !important;
    font-weight: 800;
    line-height: 1;
}

.price-compact {
    font-size: 0.95rem !important;
    font-weight: 900;
    line-height: 1;
}

.time-compact {
    font-size: 0.8rem !important;
    font-weight: 900;
    line-height: 1;
}

.label-tiny {
    font-size: 0.65rem !important;
    font-weight: 700;
}

.end-date-tiny {
    font-size: 0.65rem !important;
}

.stat-mini {
    font-size: 0.65rem !important;
}

.badge-mini {
    font-size: 0.6rem !important;
    padding: 0.1rem 0.3rem;
}

.info-item .label {
    font-size: 0.75rem !important;
}

.info-item .value {
    font-size: 0.85rem !important;
}

.auction-datetime {
    font-size: 0.7rem !important;
}

.seller-username {
    font-size: 0.75rem !important;
}

.bid-amount {
    font-size: 0.9rem !important;
}

.bid-date-time {
    font-size: 0.7rem !important;
}

.username {
    font-size: 0.75rem !important;
}

/* Reduce all modal text sizes */
.modal-header h3 {
    font-size: 1.1rem !important;
}

.current-bid-amount {
    font-size: 1.2rem !important;
}

.form-control {
    font-size: 0.85rem !important;
}

.bid-info {
    font-size: 0.75rem !important;
}

/* Reduce all button text */
.btn {
    font-size: 0.75rem !important;
    padding: 0.4rem 0.8rem !important;
}

.btn-mini {
    font-size: 0.7rem !important;
    width: 28px !important;
    height: 28px !important;
}

/* Breadcrumb font size */
.breadcrumb {
    font-size: 0.8rem !important;
}

/* Info section headers */
.info-section h3,
.bid-history-section h3 {
    font-size: 1.1rem !important;
}

/* Even smaller on mobile */
@media (max-width: 768px) {
    .domain-name-compact {
        font-size: 0.9rem !important;
    }
    
    .price-compact {
        font-size: 0.85rem !important;
    }
    
    .time-compact {
        font-size: 0.75rem !important;
    }
    
    .btn {
        font-size: 0.7rem !important;
        padding: 0.35rem 0.7rem !important;
    }
    
    .info-section h3,
    .bid-history-section h3 {
        font-size: 1rem !important;
    }
}