/*
Theme Name: AmazDeel Affiliate Pro
Theme URI: https://amazdeel.com/
Author: AmazDeel Team
Description: A gorgeous, high-converting e-commerce affiliate WordPress theme with full widget support, clean UI design, product grids, deal highlights, and responsive layouts.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: amazdeel
Tags: e-commerce, affiliate, custom-background, custom-colors, custom-menu, featured-images, threaded-comments, translation-ready, widget-ready
*/

/* Reset & Base Styles */
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'Inter', system-ui, -apple-system, sans-serif; background-color: #f8fafc; color: #1e293b; line-height: 1.6; }
a { color: #2563eb; text-decoration: none; transition: color 0.2s; }
a:hover { color: #1d4ed8; }

/* Header */
.site-header { background: #ffffff; border-bottom: 1px solid #e2e8f0; position: sticky; top: 0; z-index: 50; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.05); }
.header-container { max-width: 1280px; margin: 0 auto; padding: 1rem 2rem; display: flex; align-items: center; justify-content: space-between; }
.site-title a { font-size: 1.75rem; font-weight: 800; background: linear-gradient(135deg, #2563eb 0%, #9333ea 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.main-navigation ul { display: flex; list-style: none; gap: 2rem; align-items: center; }
.main-navigation a { font-weight: 500; color: #475569; }
.main-navigation a:hover { color: #2563eb; }

/* Hero Section */
.hero-section { background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%); color: #ffffff; padding: 5rem 2rem; text-align: center; }
.hero-content { max-width: 800px; margin: 0 auto; }
.hero-title { font-size: 3rem; font-weight: 800; margin-bottom: 1rem; letter-spacing: -0.025em; }
.hero-subtitle { font-size: 1.25rem; opacity: 0.9; margin-bottom: 2rem; }
.search-form-wrap { display: flex; max-width: 600px; margin: 0 auto; background: #ffffff; padding: 0.5rem; border-radius: 9999px; box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1); }
.search-form-wrap input { flex: 1; border: none; padding: 0.75rem 1.5rem; font-size: 1rem; outline: none; border-radius: 9999px; }
.search-form-wrap button { background: #2563eb; color: #ffffff; border: none; padding: 0.75rem 2rem; font-weight: 600; border-radius: 9999px; cursor: pointer; transition: background 0.2s; }
.search-form-wrap button:hover { background: #1d4ed8; }

/* Layout & Containers */
.site-content { max-width: 1280px; margin: 3rem auto; padding: 0 2rem; display: grid; grid-template-columns: 1fr 320px; gap: 2.5rem; }
.content-area { background: transparent; }
.widget-area { background: #ffffff; padding: 1.5rem; border-radius: 1rem; border: 1px solid #e2e8f0; height: fit-content; }
.widget-area section { margin-bottom: 2rem; }
.widget-area h2.widget-title { font-size: 1.1rem; font-weight: 700; color: #0f172a; margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom: 2px solid #2563eb; }
.widget-area ul { list-style: none; }
.widget-area li { margin-bottom: 0.75rem; }

/* Product Cards Grid */
.products-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 2rem; }
.product-card { background: #ffffff; border-radius: 1rem; overflow: hidden; border: 1px solid #e2e8f0; transition: transform 0.2s, box-shadow 0.2s; display: flex; flex-direction: column; }
.product-card:hover { transform: translateY(-4px); box-shadow: 0 12px 20px -5px rgba(0,0,0,0.08); }
.product-thumb { height: 200px; background: #f1f5f9; display: flex; align-items: center; justify-content: center; position: relative; }
.product-thumb img { width: 100%; height: 100%; object-fit: cover; }
.deal-badge { position: absolute; top: 1rem; left: 1rem; background: #ef4444; color: #ffffff; font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.75rem; border-radius: 9999px; text-transform: uppercase; }
.product-info { padding: 1.5rem; display: flex; flex-direction: column; flex: 1; justify-content: space-between; }
.product-title { font-size: 1.1rem; font-weight: 700; color: #0f172a; margin-bottom: 0.5rem; }
.product-price { font-size: 1.25rem; font-weight: 800; color: #2563eb; margin-bottom: 1rem; }
.affiliate-btn { display: block; text-align: center; background: #2563eb; color: #ffffff; font-weight: 600; padding: 0.75rem; border-radius: 0.5rem; transition: background 0.2s; }
.affiliate-btn:hover { background: #1d4ed8; color: #ffffff; }

/* Footer */
.site-footer { background: #0f172a; color: #94a3b8; padding: 4rem 2rem 2rem; margin-top: 5rem; }
.footer-widgets { max-width: 1280px; margin: 0 auto 3rem; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; }
.footer-widgets h2 { color: #ffffff; font-size: 1.1rem; margin-bottom: 1rem; }
.footer-bottom { max-width: 1280px; margin: 0 auto; padding-top: 2rem; border-top: 1px solid #1e293b; text-align: center; font-size: 0.875rem; }

@media(max-width: 768px) {
    .site-content { grid-template-columns: 1fr; }
    .hero-title { font-size: 2.25rem; }
    .header-container { flex-direction: column; gap: 1rem; }
}