/* PWA WAGER - BetNow Sportsbook Styles (Non-Critical CSS) */
/* Caricato asincronamente per non bloccare il rendering */

.search-input{width:100%;padding:12px 16px 12px 44px;border:1px solid var(--border);border-radius:24px;font-size:16px;outline:none;background:#f8f9fa;transition:all 0.2s}
.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(26,115,232,0.1)}
.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text2)}

.screenshot:hover{transform:scale(1.02);transition:transform 0.2s}
.share-btn:hover{background:var(--border-light);color:var(--text)}

.description h2{font-size:20px;font-weight:600;margin:24px 0 12px 0;color:var(--text)}
.description h3{font-size:16px;font-weight:600;margin:20px 0 12px 0}
.description p{margin-bottom:12px}
.description ul{margin-left:20px;margin-bottom:16px}
.description li{margin-bottom:8px}

.sport-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:16px 0}
.sport-item{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);color:white;padding:16px;border-radius:var(--radius-small);text-align:center;font-weight:600;font-size:14px}
.sport-icon{font-size:24px;margin-bottom:8px;display:block}

.promo-card{background:linear-gradient(135deg,#f1f3f4 0%,#fff 100%);border:2px solid var(--primary);border-radius:var(--radius);padding:20px;margin-bottom:20px}
.promo-title{font-size:18px;font-weight:600;color:var(--primary);margin-bottom:12px;display:flex;align-items:center;gap:8px}
.promo-amount{font-size:24px;font-weight:700;margin-bottom:8px}
.promo-details{font-size:14px;margin-bottom:16px}
.promo-item{margin-bottom:12px;padding:16px;background:var(--surface2);border-radius:var(--radius-small)}
.promo-label{font-weight:600;margin-bottom:4px}
.promo-code{font-family:monospace;font-size:13px;padding:8px 12px;background:#fff;border-left:3px solid var(--primary);margin:4px 0}
.promo-terms{font-size:13px;color:var(--text2)}
.promo-steps{background:var(--surface2);border-radius:var(--radius-small);padding:16px;margin-top:16px}
.promo-steps h4{margin-bottom:12px;font-size:14px}
.promo-steps ol{margin-left:20px;font-size:14px}
.promo-steps li{margin-bottom:6px}
.promo-note{font-size:12px;color:var(--text2);margin-top:12px}

.highlight-card{background:var(--surface2);border-radius:var(--radius);padding:16px;margin-bottom:20px}
.highlight-title{font-size:16px;font-weight:500;margin-bottom:12px;display:flex;align-items:center;gap:8px}
.highlight-list{list-style:none}
.highlight-list li{padding:8px 0;font-size:14px;display:flex;align-items:flex-start;gap:12px}
.highlight-list li::before{content:"✓";color:var(--secondary);font-weight:bold}
.verify-note{font-size:12px;color:var(--text2);margin-top:12px}

.divider{height:1px;background:var(--border);margin:20px 0}

.ratings-overview{display:flex;align-items:center;gap:24px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border-light)}
.overall-rating{text-align:center}
.rating-number{font-size:48px;font-weight:400;line-height:1}
.rating-stars-large{color:var(--star);font-size:20px;margin:4px 0}
.rating-total{font-size:14px;color:var(--text2)}
.rating-bars{flex:1}
.rating-bar{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.bar-label{font-size:12px;color:var(--text2);width:60px}
.bar-container{flex:1;height:8px;background:var(--border);border-radius:4px;overflow:hidden}
.bar-fill{height:100%;background:var(--star);border-radius:4px}
.bar-count{font-size:12px;color:var(--text2);width:30px;text-align:right}

.expert-review-card{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border-radius:var(--radius);padding:24px;margin-bottom:24px;border:2px solid var(--border)}
.expert-header{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}
.expert-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--primary)}
.expert-info{flex:1;min-width:200px}
.expert-name{font-size:18px;font-weight:600;margin-bottom:4px}
.expert-title{font-size:14px;color:var(--primary);font-weight:500;margin-bottom:8px}
.expert-bio{font-size:13px;color:var(--text2);line-height:1.5;margin-bottom:8px}
.expert-bio a{color:var(--primary);text-decoration:none;font-weight:500}
.expert-linkedin{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--primary);text-decoration:none;font-weight:500;margin-top:4px}
.expert-badge{display:inline-block;background:var(--primary);color:white;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600;margin-top:8px}

.review-meta{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}
.review-score{background:var(--surface2);padding:8px 16px;border-radius:var(--radius-small);font-size:13px}
.review-score strong{color:var(--primary);font-size:16px}

.expert-review-content{font-size:14px;line-height:1.7}
.expert-review-content h4{font-size:16px;font-weight:600;margin:20px 0 8px 0}
.expert-review-content p{margin-bottom:12px}
.expert-review-content ul{margin-left:20px;margin-bottom:16px}
.expert-review-content li{margin-bottom:6px}

.expert-verdict{background:var(--surface2);border-left:4px solid var(--primary);padding:16px;margin-top:20px;border-radius:0 var(--radius) var(--radius) 0}

.details-table{width:100%;border-collapse:collapse}
.details-row{border-bottom:1px solid var(--border-light)}
.details-row:last-child{border-bottom:none}
.details-cell{padding:12px 0;vertical-align:top;font-size:14px}
.details-cell:first-child{color:var(--text2);width:120px}
.details-cell a{color:var(--primary);text-decoration:none}

.similar-section{padding:20px 16px}
.similar-scroll{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:8px}
.similar-scroll::-webkit-scrollbar{display:none}
.similar-app{flex:0 0 auto;width:120px;text-decoration:none;color:inherit}
.similar-icon{width:120px;height:120px;border-radius:var(--radius);object-fit:cover;margin-bottom:8px;box-shadow:var(--shadow)}
.similar-name{font-size:14px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.similar-dev{font-size:12px;color:var(--text2);margin-bottom:4px}
.similar-rating{display:flex;align-items:center;gap:4px;font-size:12px}

@media(min-width:768px){
  .header-container,.app-hero,.tabs,.tab-content{max-width:1200px;margin-left:auto;margin-right:auto}
  .search-bar{display:block}
}
@media(max-width:480px){
  .sport-grid{grid-template-columns:repeat(2,1fr)}
  .rating-bars{width:100%}
  .expert-avatar{width:60px;height:60px}
}