/* Homepage Specific Styles */

/* Market Overview */
.market-overview{
margin:30px 0;
padding:20px;
background:linear-gradient(135deg,rgba(201,162,39,0.1) 0%,rgba(201,162,39,0.05) 100%);
border-radius:16px;
border:1px solid rgba(201,162,39,0.2);
}
.overview-stats{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:20px;
}
.stat-item{
text-align:center;
padding:15px;
background:rgba(255,255,255,0.8);
border-radius:12px;
backdrop-filter:blur(10px);
}
.stat-label{
font-size:12px;
color:var(--text-light);
margin-bottom:5px;
text-transform:uppercase;
letter-spacing:1px;
}
.stat-value{
font-size:24px;
font-weight:800;
color:var(--dark);
margin-bottom:5px;
}
.stat-change{
font-size:12px;
font-weight:600;
padding:4px 8px;
border-radius:8px;
display:inline-block;
}
.stat-change.positive{
background:var(--success);
color:#fff;
}
.stat-change.negative{
background:var(--danger);
color:#fff;
}

/* Featured Markets */
.featured-markets{
margin:40px 0;
}
.market-section{
margin-bottom:40px;
}
.section-header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:20px;
}
.section-header h3{
font-size:20px;
font-weight:700;
color:var(--dark);
margin:0;
display:flex;
align-items:center;
gap:8px;
}
.view-all{
color:var(--gold);
text-decoration:none;
font-weight:600;
font-size:14px;
transition:all 0.3s ease;
}
.view-all:hover{
color:var(--gold-dark);
transform:translateX(5px);
}

.market-row{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:20px;
}
.market-card.featured.gold{
background:linear-gradient(135deg,#fff9e6 0%,#fffdf7 100%);
border:2px solid var(--gold);
}
.market-card.featured.currency{
background:linear-gradient(135deg,#e8f5e8 0%,#f0fff0 100%);
border:2px solid var(--success);
}
.market-card.featured.crypto{
background:linear-gradient(135deg,#f0f8ff 0%,#f5faff 100%);
border:2px solid var(--accent);
}

.card-header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:15px;
}
.card-title{
font-size:16px;
font-weight:600;
color:var(--text);
display:flex;
align-items:center;
gap:8px;
}
.card-title .icon{
font-size:20px;
}
.card-badge{
background:var(--gold);
color:#fff;
padding:4px 8px;
border-radius:12px;
font-size:10px;
font-weight:600;
text-transform:uppercase;
}
.card-price{
font-size:28px;
font-weight:800;
color:var(--dark);
margin-bottom:10px;
}
.card-change{
display:flex;
align-items:center;
gap:8px;
font-size:14px;
font-weight:600;
margin-bottom:15px;
}
.card-change.positive{color:var(--success);}
.card-change.negative{color:var(--danger);}
.card-details{
border-top:1px solid var(--border);
padding-top:15px;
}
.detail-row{
display:flex;
justify-content:space-between;
font-size:12px;
color:var(--text-light);
margin-bottom:5px;
}
.detail-row:last-child{
margin-bottom:0;
}

/* Quick Actions */
.quick-actions{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:20px;
margin:40px 0;
}
.action-card{
background:#fff;
border-radius:16px;
padding:25px;
text-align:center;
box-shadow:var(--shadow);
transition:all 0.3s ease;
border:1px solid var(--border);
}
.action-card:hover{
transform:translateY(-5px);
box-shadow:var(--shadow-hover);
}
.action-icon{
font-size:40px;
margin-bottom:15px;
}
.action-title{
font-size:18px;
font-weight:700;
color:var(--dark);
margin-bottom:8px;
}
.action-desc{
font-size:14px;
color:var(--text-light);
margin-bottom:20px;
}
.action-btn{
display:inline-block;
background:var(--gold);
color:#fff;
padding:10px 20px;
border-radius:8px;
text-decoration:none;
font-weight:600;
transition:all 0.3s ease;
}
.action-btn:hover{
background:var(--gold-dark);
transform:scale(1.05);
}

/* Market News */
.market-news{
margin:40px 0;
}
.news-header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:20px;
}
.news-header h3{
font-size:20px;
font-weight:700;
color:var(--dark);
margin:0;
}
.news-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:20px;
}
.news-card{
background:#fff;
border-radius:12px;
padding:20px;
box-shadow:var(--shadow);
transition:all 0.3s ease;
border:1px solid var(--border);
}
.news-card:hover{
transform:translateY(-3px);
box-shadow:var(--shadow-hover);
}
.news-category{
display:inline-block;
background:var(--gold);
color:#fff;
padding:4px 8px;
border-radius:6px;
font-size:10px;
font-weight:600;
text-transform:uppercase;
margin-bottom:10px;
}
.news-title{
font-size:14px;
font-weight:600;
color:var(--dark);
line-height:1.4;
margin-bottom:10px;
}
.news-time{
font-size:12px;
color:var(--text-light);
}

/* Responsive Design */
@media (max-width:768px){
.overview-stats{
grid-template-columns:repeat(2,1fr);
gap:15px;
}
.market-row{
grid-template-columns:1fr;
}
.quick-actions{
grid-template-columns:repeat(2,1fr);
}
.news-grid{
grid-template-columns:1fr;
}
.section-header{
flex-direction:column;
align-items:flex-start;
gap:10px;
}
}