/* ============================================
 ZANZARPRO - TEMA AMAZON STYLE
 Colori chiari e leggibili
 ============================================ */
:root{
 
 --amazon-dark:#131921;
 --amazon-dark-light:#232f3e;
 --amazon-nav:#37475a;
 --amazon-orange:#ff9900;
 --amazon-orange-hover:#ffac31;
 --amazon-orange-dark:#e47911;
 --amazon-blue:#146eb4;
 --amazon-blue-hover:#0066c0;
 --amazon-price:#B12704;
 --amazon-green:#067D62;
 --amazon-bg:#eaeded;
 --amazon-white:#ffffff;
 --amazon-border:#ddd;
 --amazon-text:#0F1111;
 --amazon-text-light:#565959;
 --amazon-star:#ffa41c;
}
*{
 box-sizing:border-box;
}
body{
 font-family:'Amazon Ember',Arial,sans-serif !important;
 background:var(--amazon-bg) !important;
 color:var(--amazon-text) !important;
 margin:0;
 padding:0;
}
/* ============================================
 HEADER - STILE AMAZON SCURO
 ============================================ */
.header{
 background:var(--amazon-dark) !important;
 border-bottom:none !important;
 box-shadow:none !important;
}
.header-top{
 background:var(--amazon-dark) !important;
 padding:10px 20px !important;
 display:flex;
 align-items:center;
 gap:20px;
}
.logo-link{
 display:flex !important;
 align-items:center !important;
 text-decoration:none !important;
 border:1px solid transparent !important;
 padding:8px 10px !important;
 border-radius:3px !important;
}
.logo-link:hover{
 border-color:white !important;
}
.logo-image{
 height:35px !important;
 margin-right:8px !important;
}
.logo-text{
 font-family:Arial,sans-serif !important;
 color:#ffffff !important;
 font-size:24px !important;
 font-weight:700 !important;
}
.logo-text span{
 color:var(--amazon-orange) !important;
}
.search-bar{
 flex:1 !important;
 display:flex !important;
 height:40px !important;
 border-radius:4px !important;
 overflow:visible !important;
 background:#fff !important;
 border:none !important;
 position:relative !important;
}
.search-bar:focus-within{
 box-shadow:0 0 0 3px var(--amazon-orange) !important;
}
.search-category{
 background:#f3f3f3 !important;
 border:none !important;
 border-right:1px solid #cdcdcd !important;
 padding:0 10px !important;
 font-size:12px !important;
 color:#555 !important;
 border-radius:4px 0 0 4px !important;
 cursor:pointer !important;
}
.search-bar input{
 flex:1 !important;
 border:none !important;
 padding:8px 12px !important;
 font-size:15px !important;
 color:#111 !important;
 background:#fff !important;
 outline:none !important;
}
.search-bar input::placeholder{
 color:#888 !important;
}
.search-bar button{
 background:var(--amazon-orange) !important;
 border:none !important;
 padding:0 15px !important;
 cursor:pointer !important;
 border-radius:0 4px 4px 0 !important;
}
.search-bar button:hover{
 background:var(--amazon-orange-hover) !important;
}
.search-bar button svg{
 fill:#111 !important;
 width:22px !important;
 height:22px !important;
}
.header-icons{
 display:flex !important;
 align-items:center !important;
 gap:15px !important;
}
.header-link{
 color:#ffffff !important;
 text-decoration:none !important;
 display:flex !important;
 flex-direction:column !important;
 padding:8px 10px !important;
 border:1px solid transparent !important;
 border-radius:3px !important;
 line-height:1.2 !important;
}
.header-link:hover{
 border-color:white !important;
}
.header-link .small{
 font-size:12px !important;
 color:#ccc !important;
}
.header-link .bold{
 font-size:14px !important;
 font-weight:700 !important;
 color:#ffffff !important;
}
.cart-link{
 display:flex !important;
 align-items:center !important;
 color:#ffffff !important;
 text-decoration:none !important;
 padding:8px 10px !important;
 border:1px solid transparent !important;
 border-radius:3px !important;
 position:relative !important;
}
.cart-link:hover{
 border-color:white !important;
}
.cart-link svg{
 fill:#ffffff !important;
}
.cart-count{
 position:absolute !important;
 top:0 !important;
 right:25px !important;
 background:var(--amazon-orange) !important;
 color:#111 !important;
 font-size:14px !important;
 font-weight:700 !important;
 padding:0 6px !important;
 border-radius:10px !important;
}
.cart-text{
 color:#ffffff !important;
 font-size:14px !important;
 font-weight:700 !important;
}
.nav-bar{
 background:var(--amazon-dark-light) !important;
 padding:8px 20px !important;
}
.nav-links{
 display:flex !important;
 gap:5px !important;
}
.nav-links a{
 color:#ffffff !important;
 text-decoration:none !important;
 font-size:14px !important;
 padding:8px 12px !important;
 border-radius:3px !important;
 border:1px solid transparent !important;
}
.nav-links a:hover{
 border-color:white !important;
}
.nav-links a.highlight{
 color:var(--amazon-orange) !important;
 font-weight:700 !important;
}
/* ============================================
 CONTENUTI - SFONDO CHIARO
 ============================================ */
.container{
 max-width:1400px !important;
 margin:0 auto !important;
 padding:20px !important;
}
.section{
 background:var(--amazon-white) !important;
 border-radius:8px !important;
 padding:20px !important;
 margin-bottom:20px !important;
 box-shadow:0 1px 3px rgba(0,0,0,0.1) !important;
}
.section-title{
 font-size:21px !important;
 font-weight:700 !important;
 color:var(--amazon-text) !important;
 margin-bottom:15px !important;
}
.product-grid{
 display:grid !important;
 grid-template-columns:repeat(auto-fill,minmax(220px,1fr)) !important;
 gap:20px !important;
}
.product-card{
 background:var(--amazon-white) !important;
 border:1px solid var(--amazon-border) !important;
 border-radius:8px !important;
 padding:15px !important;
 transition:box-shadow 0.2s !important;
}
.product-card:hover{
 box-shadow:0 4px 12px rgba(0,0,0,0.15) !important;
}
.product-image{
 text-align:center !important;
 margin-bottom:10px !important;
}
.product-image img{
 max-width:100% !important;
 height:200px !important;
 object-fit:contain !important;
}
.product-title{
 font-size:14px !important;
 color:var(--amazon-text) !important;
 line-height:1.4 !important;
 margin-bottom:8px !important;
 font-weight:400 !important;
}
.product-title:hover{
 color:var(--amazon-orange-dark) !important;
}
.product-price{
 margin-bottom:10px !important;
}
.product-price .price{
 color:var(--amazon-price) !important;
 font-size:18px !important;
}
.product-price .price-symbol{
 font-size:13px !important;
 vertical-align:top !important;
}
.product-price .price-whole{
 font-size:24px !important;
 font-weight:400 !important;
}
.product-price .price-fraction{
 font-size:13px !important;
 vertical-align:top !important;
}
.product-price .price-unit{
 font-size:12px !important;
 color:var(--amazon-text-light) !important;
}
.add-to-cart,.btn-primary,button.btn{
 background:linear-gradient(to bottom,#f7dfa5,#f0c14b) !important;
 border:1px solid #a88734 !important;
 border-radius:3px !important;
 padding:8px 16px !important;
 color:#111 !important;
 font-size:14px !important;
 cursor:pointer !important;
 text-align:center !important;
 display:inline-block !important;
 text-decoration:none !important;
}
.add-to-cart:hover,.btn-primary:hover,button.btn:hover{
 background:linear-gradient(to bottom,#f5d78e,#eeb933) !important;
}
.badge{
 font-size:12px !important;
 padding:4px 8px !important;
 border-radius:3px !important;
 font-weight:700 !important;
}
.badge.bestseller{
 background:var(--amazon-orange) !important;
 color:#111 !important;
}
/* ============================================
 HERO SECTION
 ============================================ */
.hero{
 background:linear-gradient(135deg,var(--amazon-dark-light),var(--amazon-dark)) !important;
 color:#ffffff !important;
 padding:40px !important;
 margin-bottom:20px !important;
}
.hero h1{
 color:#ffffff !important;
 font-size:32px !important;
 margin-bottom:15px !important;
}
.hero p{
 color:#ccc !important;
 font-size:16px !important;
}
.hero-cta{
 display:inline-block !important;
 background:var(--amazon-orange) !important;
 color:#111 !important;
 padding:12px 24px !important;
 border-radius:4px !important;
 text-decoration:none !important;
 font-weight:700 !important;
 margin-top:15px !important;
}
.hero-cta:hover{
 background:var(--amazon-orange-hover) !important;
}
.hero-slideshow{
 background:var(--amazon-white) !important;
 border-radius:8px !important;
 overflow:hidden !important;
}
.slide-info{
 background:rgba(0,0,0,0.7) !important;
 color:#fff !important;
 padding:15px !important;
}
.slide-info h3{
 color:#fff !important;
 margin-bottom:5px !important;
}
.slide-info p{
 color:#ccc !important;
 font-size:13px !important;
}
.category-card{
 background:var(--amazon-white) !important;
 border-radius:8px !important;
 padding:20px !important;
 text-align:center !important;
 box-shadow:0 1px 3px rgba(0,0,0,0.1) !important;
}
.category-card h3{
 color:var(--amazon-text) !important;
 font-size:18px !important;
 margin-bottom:10px !important;
}
.category-card a{
 color:var(--amazon-blue) !important;
 text-decoration:none !important;
 font-size:13px !important;
}
.category-card a:hover{
 color:var(--amazon-orange-dark) !important;
 text-decoration:underline !important;
}
/* ============================================
 FOOTER
 ============================================ */
.footer-top{
 background:var(--amazon-nav) !important;
 padding:15px !important;
 text-align:center !important;
}
.footer-top a{
 color:#ffffff !important;
 text-decoration:none !important;
 font-size:13px !important;
}
.footer-top a:hover{
 text-decoration:underline !important;
}
.footer{
 background:var(--amazon-dark) !important;
 color:#ffffff !important;
 padding:40px 20px !important;
}
.footer-content{
 display:flex !important;
 justify-content:space-around !important;
 max-width:1200px !important;
 margin:0 auto !important;
}
.footer-column h3{
 color:#ffffff !important;
 font-size:16px !important;
 font-weight:700 !important;
 margin-bottom:15px !important;
}
.footer-column ul{
 list-style:none !important;
 padding:0 !important;
 margin:0 !important;
}
.footer-column li{
 margin-bottom:8px !important;
}
.footer-column a{
 color:#ddd !important;
 text-decoration:none !important;
 font-size:14px !important;
}
.footer-column a:hover{
 color:#fff !important;
 text-decoration:underline !important;
}
.footer-bottom{
 border-top:1px solid var(--amazon-nav) !important;
 margin-top:30px !important;
 padding-top:20px !important;
 text-align:center !important;
}
.footer-bottom p{
 color:#999 !important;
 font-size:12px !important;
}
/* ============================================
 FORMS & INPUTS
 ============================================ */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
select,
textarea{
 background:#fff !important;
 border:1px solid #a6a6a6 !important;
 border-radius:4px !important;
 padding:8px 10px !important;
 font-size:14px !important;
 color:#111 !important;
}
input:focus,
select:focus,
textarea:focus{
 border-color:var(--amazon-orange) !important;
 box-shadow:0 0 3px rgba(255,153,0,0.5) !important;
 outline:none !important;
}
label{
 color:var(--amazon-text) !important;
 font-size:14px !important;
 font-weight:700 !important;
}
/* ============================================
 RESPONSIVE
 ============================================ */
@media (max-width:768px){
 .header-top{
 flex-wrap:wrap !important;
 gap:10px !important;
}
 
 .search-bar{
 order:3 !important;
 width:100% !important;
}
 
 .header-icons{
 gap:10px !important;
}
 
 .nav-links{
 flex-wrap:wrap !important;
}
 
 .product-grid{
 grid-template-columns:repeat(2,1fr) !important;
}
 
 .footer-content{
 flex-direction:column !important;
 gap:30px !important;
}
}