/* EiFaStars - Main Stylesheet */
/* Imports all CSS modules */

@import url('./modules/variables.css?v=3');
@import url('./modules/base.css?v=5');
@import url('./modules/components.css?v=6');
@import url('./modules/layout.css?v=10');
@import url('./modules/screens.css?v=7');

/*
 * Modular CSS Architecture:
 *
 * variables.css  - CSS custom properties (colors, spacing, shadows)
 * base.css       - Reset, typography, utilities, animations
 * components.css - Buttons, cards, forms, inputs, badges
 * layout.css     - App structure, header, navigation, modals
 * screens.css    - Screen-specific styles (home, deals, profile, etc.)
 *
 * Total: ~1500 lines -> 5 modules (~300 lines each)
 */
.highlight-number {
    color: #FFD700;
    font-weight: 600;
    text-shadow: 0 0 8px rgba(255, 215, 0, 0.5);
}

/* Reviews Section */
.reviews-section { margin-top:24px; padding:16px; background:var(--bg-card,rgba(255,255,255,0.05)); border-radius:16px; }
.reviews-section-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; }
.reviews-section-header h3 { margin:0; font-size:16px; font-weight:600; }
.reviews-stats { display:flex; align-items:center; gap:8px; }
.reviews-avg-rating { background:linear-gradient(135deg,#FFD700,#FFA500); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-weight:700; font-size:18px; }
.reviews-total { color:var(--text-muted,rgba(255,255,255,0.5)); font-size:13px; }
.reviews-list { display:flex; flex-direction:column; gap:12px; max-height:400px; overflow-y:auto; }
.review-card { background:var(--bg-secondary,rgba(255,255,255,0.03)); border-radius:12px; padding:12px; }
.review-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; }
.review-user { display:flex; align-items:center; gap:8px; }
.review-avatar { width:32px; height:32px; border-radius:50%; background:linear-gradient(135deg,#8B5CF6,#6366F1); display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:600; }
.review-username { font-size:14px; font-weight:500; }
.review-stars-bought { font-size:12px; color:var(--text-muted,rgba(255,255,255,0.5)); }
.review-rating { color:#FFD700; font-size:14px; }
.review-text { font-size:14px; line-height:1.4; color:var(--text-secondary,rgba(255,255,255,0.8)); }
.reviews-loading { text-align:center; padding:16px; color:var(--text-muted,rgba(255,255,255,0.5)); }

/* Package cards adaptive */
.package-stars span { white-space:nowrap; }
.package-price { white-space:nowrap; font-size:16px; }
.package-card { min-width:80px; }
@media(max-width:380px) { .package-stars span { font-size:16px; } .package-price { font-size:14px; } }

/* Deals improved styling */
.deal-item { box-shadow:0 2px 8px rgba(0,0,0,0.1); position:relative; overflow:hidden; }
.deal-item::before { content:""; position:absolute; left:0; top:0; bottom:0; width:4px; border-radius:4px 0 0 4px; }
.deal-item.pending::before { background:linear-gradient(180deg,#F59E0B,#FBBF24); }
.deal-item.completed::before { background:linear-gradient(180deg,#10B981,#34D399); }
.deal-item.failed::before,.deal-item.cancelled::before { background:linear-gradient(180deg,#EF4444,#F87171); }
.deal-stars { color:#FFD700; }
.deal-title { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.reviews-empty { text-align:center; padding:24px; color:var(--text-muted,rgba(255,255,255,0.5)); font-size:14px; }