/*
Theme Name: Amazon Style WooCommerce
Theme URI: https://wholesaleaa.com
Author: WholesaleAA
Description: A complete Amazon-inspired WooCommerce theme with full product browsing, search, and checkout experience.
Version: 3.0.1
Requires at least: 5.8
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: amazon-style
Tags: e-commerce, woocommerce, amazon-style, shop
*/

/* ============================================================
   CSS VARIABLES - AMAZON COLOR PALETTE
   ============================================================ */
:root {
    --amz-dark:        #131921;
    --amz-dark2:       #232f3e;
    --amz-orange:      #febd69;
    --amz-orange-dark: #f3a847;
    --amz-yellow:      #f0c14b;
    --amz-yellow-dark: #a88734;
    --amz-blue:        #007185;
    --amz-blue-dark:   #005a6f;
    --amz-red:         #b12704;
    --amz-green:       #007600;
    --amz-light-bg:    #eaeded;
    --amz-white:       #ffffff;
    --amz-border:      #ddd;
    --amz-text:        #0f1111;
    --amz-text-light:  #565959;
    --amz-link:        #007185;
    --amz-star:        #f0a500;
    --amz-nav-bg:      #37475a;
}

/* ============================================================
   RESET & BASE
   ============================================================ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { font-size: 14px; scroll-behavior: smooth; }

body {
    font-family: "Amazon Ember", Arial, sans-serif;
    background: var(--amz-light-bg);
    color: var(--amz-text);
    line-height: 1.5;
    min-height: 100vh;
}

a { color: var(--amz-link); text-decoration: none; }
a:hover { color: var(--amz-orange-dark); text-decoration: underline; }

img { max-width: 100%; height: auto; display: block; }

ul, ol { list-style: none; }

/* ============================================================
   LAYOUT
   ============================================================ */
.amz-container { max-width: 1500px; margin: 0 auto; padding: 0 16px; }
.amz-container-sm { max-width: 1200px; margin: 0 auto; padding: 0 16px; }

/* ============================================================
   HEADER - TOP BAR (AMAZON DARK)
   ============================================================ */
#amz-header {
    background: var(--amz-dark);
    position: sticky;
    top: 0;
    z-index: 1000;
    box-shadow: 0 2px 5px rgba(0,0,0,.4);
}

.amz-header-main {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    min-height: 60px;
}

/* Logo */
.amz-logo a {
    display: flex;
    align-items: center;
    border: 1px solid transparent;
    padding: 4px 6px;
    border-radius: 2px;
    transition: border-color .15s;
}
.amz-logo a:hover { border-color: var(--amz-white); text-decoration: none; }
.amz-logo-text {
    font-size: 22px;
    font-weight: 700;
    color: var(--amz-white);
    letter-spacing: -0.5px;
}
.amz-logo-text span { color: var(--amz-orange); }

/* Deliver to */
.amz-deliver {
    display: none !important;
}
.amz-deliver:hover { border-color: var(--amz-white); }
.amz-deliver-label { font-size: 11px; color: #ccc; }
.amz-deliver-country { font-size: 13px; font-weight: 700; }

/* Search Bar */
.amz-search-wrap {
    flex: 1;
    display: flex;
    border-radius: 4px;
    overflow: hidden;
    min-width: 0;
}

.amz-search-category {
    background: #f3f3f3;
    border: none;
    padding: 0 8px;
    font-size: 12px;
    color: var(--amz-text);
    cursor: pointer;
    border-right: 1px solid #cdcdcd;
    white-space: nowrap;
    height: 40px;
    border-radius: 4px 0 0 4px;
}
.amz-search-category:hover { background: #e8e8e8; }
.amz-search-input {
    flex: 1;
    border: none;
    padding: 0 12px;
    font-size: 15px;
    height: 40px;
    outline: none;
    min-width: 0;
}
.amz-search-btn {
    background: var(--amz-orange);
    border: none;
    width: 46px;
    height: 40px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 4px 4px 0;
    transition: background .15s;
    flex-shrink: 0;
}
.amz-search-btn:hover { background: var(--amz-orange-dark); }
.amz-search-btn svg { fill: var(--amz-dark); width: 20px; height: 20px; }

/* Header Right Nav */
.amz-header-nav {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: auto;
    flex-shrink: 0;
}
.amz-nav-item {
    display: flex;
    flex-direction: column;
    color: var(--amz-white);
    padding: 4px 8px;
    border: 1px solid transparent;
    border-radius: 2px;
    cursor: pointer;
    white-space: nowrap;
    transition: border-color .15s;
    text-decoration: none;
}
.amz-nav-item:hover { border-color: var(--amz-white); color: var(--amz-white); text-decoration: none; }
.amz-nav-item-label { font-size: 11px; color: #ccc; }
.amz-nav-item-text { font-size: 13px; font-weight: 700; }

/* Cart */
.amz-cart-btn {
    display: flex;
    align-items: flex-end;
    gap: 4px;
    color: var(--amz-white);
    padding: 4px 8px;
    border: 1px solid transparent;
    border-radius: 2px;
    text-decoration: none;
    transition: border-color .15s;
}
.amz-cart-btn:hover { border-color: var(--amz-white); color: var(--amz-white); text-decoration: none; }
.amz-cart-icon { position: relative; }
.amz-cart-icon svg { width: 32px; height: 32px; fill: var(--amz-white); }
.amz-cart-count {
    position: absolute;
    top: -4px;
    right: -4px;
    background: var(--amz-orange);
    color: var(--amz-dark);
    font-size: 12px;
    font-weight: 700;
    min-width: 18px;
    height: 18px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 3px;
}
.amz-cart-text { font-size: 13px; font-weight: 700; line-height: 1; padding-bottom: 4px; }

/* ============================================================
   SECONDARY NAV (DARK BLUE BAR)
   ============================================================ */
#amz-nav-secondary {
    background: var(--amz-nav-bg);
    padding: 0 16px;
}
.amz-nav-secondary-inner {
    display: flex;
    align-items: center;
    gap: 0;
    overflow-x: auto;
    scrollbar-width: none;
}
.amz-nav-secondary-inner::-webkit-scrollbar { display: none; }
.amz-nav-secondary-inner a {
    color: var(--amz-white);
    font-size: 13px;
    font-weight: 400;
    padding: 8px 12px;
    white-space: nowrap;
    border: 1px solid transparent;
    border-radius: 2px;
    display: block;
    transition: border-color .15s;
}
.amz-nav-secondary-inner a:hover { border-color: var(--amz-white); text-decoration: none; }
.amz-nav-secondary-inner a.amz-nav-all {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 700;
}

/* ============================================================
   HERO BANNER
   ============================================================ */
.amz-hero {
    position: relative;
    background: linear-gradient(135deg, #1a2a3a 0%, #2d4a6e 50%, #1a3a5c 100%);
    min-height: 400px;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.amz-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="40" fill="rgba(254,189,105,0.05)"/><circle cx="80" cy="80" r="60" fill="rgba(254,189,105,0.03)"/></svg>') no-repeat center;
    background-size: cover;
}
.amz-hero-content {
    position: relative;
    z-index: 1;
    padding: 60px 40px;
    max-width: 600px;
}
.amz-hero-badge {
    background: var(--amz-orange);
    color: var(--amz-dark);
    font-size: 12px;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 2px;
    display: inline-block;
    margin-bottom: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.amz-hero h1 {
    font-size: 36px;
    font-weight: 700;
    color: var(--amz-white);
    line-height: 1.2;
    margin-bottom: 16px;
}
.amz-hero h1 span { color: var(--amz-orange); }
.amz-hero p {
    font-size: 16px;
    color: rgba(255,255,255,.85);
    margin-bottom: 28px;
    line-height: 1.6;
}
.amz-hero-btns { display: flex; gap: 12px; flex-wrap: wrap; }
.amz-btn-primary {
    background: var(--amz-yellow);
    color: var(--amz-text);
    border: 1px solid var(--amz-yellow-dark);
    padding: 10px 24px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 3px;
    cursor: pointer;
    transition: background .15s;
    display: inline-block;
    text-decoration: none;
}
.amz-btn-primary:hover { background: var(--amz-orange-dark); text-decoration: none; color: var(--amz-text); }
.amz-btn-secondary {
    background: transparent;
    color: var(--amz-white);
    border: 1px solid rgba(255,255,255,.5);
    padding: 10px 24px;
    font-size: 14px;
    border-radius: 3px;
    cursor: pointer;
    transition: all .15s;
    display: inline-block;
    text-decoration: none;
}
.amz-btn-secondary:hover { border-color: var(--amz-white); background: rgba(255,255,255,.1); color: var(--amz-white); text-decoration: none; }

/* ============================================================
   FEATURES BAR
   ============================================================ */
.amz-features-bar {
    background: var(--amz-dark2);
    padding: 12px 0;
}
.amz-features-inner {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}
.amz-feature-item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--amz-white);
    font-size: 13px;
    padding: 4px 12px;
}
.amz-feature-item svg { width: 20px; height: 20px; fill: var(--amz-orange); flex-shrink: 0; }
.amz-feature-item strong { font-weight: 700; }

/* ============================================================
   SECTION HEADERS
   ============================================================ */
.amz-section { padding: 20px 0; }
.amz-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 2px solid var(--amz-orange);
}
.amz-section-title {
    font-size: 22px;
    font-weight: 700;
    color: var(--amz-text);
}
.amz-see-more {
    font-size: 13px;
    color: var(--amz-link);
    font-weight: 400;
}
.amz-see-more:hover { color: var(--amz-orange-dark); text-decoration: underline; }

/* ============================================================
   PRODUCT GRID
   ============================================================ */
.amz-product-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 16px;
}

.amz-product-card {
    background: var(--amz-white);
    border: 1px solid var(--amz-border);
    border-radius: 4px;
    overflow: hidden;
    transition: box-shadow .2s, transform .2s;
    display: flex;
    flex-direction: column;
    position: relative;
}
.amz-product-card:hover {
    box-shadow: 0 4px 20px rgba(0,0,0,.15);
    transform: translateY(-2px);
    z-index: 1;
}

.amz-product-badge {
    position: absolute;
    top: 8px;
    left: 8px;
    background: var(--amz-red);
    color: white;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 2px;
    z-index: 2;
}
.amz-product-badge.best-seller { background: #e47911; }
.amz-product-badge.new { background: var(--amz-green); }

.amz-product-img-wrap {
    aspect-ratio: 1;
    overflow: hidden;
    background: #f8f8f8;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
}
.amz-product-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform .3s;
}
.amz-product-card:hover .amz-product-img-wrap img { transform: scale(1.05); }

.amz-product-info { padding: 12px; flex: 1; display: flex; flex-direction: column; }

.amz-product-title {
    font-size: 14px;
    color: var(--amz-text);
    line-height: 1.4;
    margin-bottom: 6px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 400;
}
.amz-product-title a { color: var(--amz-text); }
.amz-product-title a:hover { color: var(--amz-link); text-decoration: none; }

.amz-product-stars {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 6px;
}
.amz-stars { color: var(--amz-star); font-size: 14px; letter-spacing: -1px; }
.amz-review-count { font-size: 12px; color: var(--amz-link); }

.amz-product-price { margin-top: auto; padding-top: 6px; }
.amz-price-symbol { font-size: 13px; vertical-align: top; line-height: 1.5; }
.amz-price-whole { font-size: 22px; font-weight: 700; color: var(--amz-text); }
.amz-price-fraction { font-size: 13px; vertical-align: top; line-height: 1.5; }
.amz-price-original { font-size: 12px; color: var(--amz-text-light); text-decoration: line-through; margin-top: 2px; }
.amz-price-save { font-size: 12px; color: var(--amz-red); }

.amz-product-prime {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 4px;
    font-size: 12px;
    color: var(--amz-link);
}
.amz-prime-badge {
    background: #00a8e0;
    color: white;
    font-size: 10px;
    font-weight: 700;
    padding: 1px 5px;
    border-radius: 2px;
}

.amz-add-to-cart-btn {
    margin-top: 10px;
    background: var(--amz-yellow);
    border: 1px solid var(--amz-yellow-dark);
    color: var(--amz-text);
    padding: 7px 12px;
    font-size: 13px;
    border-radius: 20px;
    cursor: pointer;
    width: 100%;
    transition: background .15s;
    font-weight: 400;
    text-align: center;
    display: block;
    text-decoration: none;
}
.amz-add-to-cart-btn:hover { background: var(--amz-orange-dark); text-decoration: none; color: var(--amz-text); }

/* ============================================================
   CATEGORY CARDS
   ============================================================ */
.amz-category-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 16px;
}
.amz-category-card {
    background: var(--amz-white);
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid var(--amz-border);
    transition: box-shadow .2s;
    text-decoration: none;
    display: block;
}
.amz-category-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,.15); text-decoration: none; }
.amz-category-img {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
    background: #f0f0f0;
}
.amz-category-info { padding: 12px; }
.amz-category-name { font-size: 15px; font-weight: 700; color: var(--amz-text); margin-bottom: 4px; }
.amz-category-count { font-size: 12px; color: var(--amz-text-light); margin-bottom: 10px; }
.amz-category-link {
    font-size: 13px;
    color: var(--amz-link);
    display: inline-block;
}
.amz-category-link:hover { color: var(--amz-orange-dark); }

/* ============================================================
   PROMO BANNERS
   ============================================================ */
.amz-promo-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
}
.amz-promo-card {
    background: var(--amz-white);
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid var(--amz-border);
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.amz-promo-title { font-size: 18px; font-weight: 700; color: var(--amz-text); }
.amz-promo-desc { font-size: 13px; color: var(--amz-text-light); }
.amz-promo-link { font-size: 13px; color: var(--amz-link); margin-top: auto; }
.amz-promo-link:hover { color: var(--amz-orange-dark); }

/* ============================================================
   SHOP PAGE (ARCHIVE)
   ============================================================ */
.amz-shop-layout {
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: 20px;
    padding: 20px 0;
}

/* Sidebar */
.amz-sidebar {
    background: var(--amz-white);
    border: 1px solid var(--amz-border);
    border-radius: 4px;
    padding: 16px;
    height: fit-content;
    position: sticky;
    top: 80px;
}
.amz-sidebar-title {
    font-size: 16px;
    font-weight: 700;
    color: var(--amz-text);
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--amz-border);
}
.amz-sidebar-section { margin-bottom: 20px; }
.amz-sidebar-section-title { font-size: 14px; font-weight: 700; color: var(--amz-text); margin-bottom: 8px; }
.amz-sidebar-section ul li { margin-bottom: 6px; }
.amz-sidebar-section ul li a { font-size: 13px; color: var(--amz-link); }
.amz-sidebar-section ul li a:hover { color: var(--amz-orange-dark); }

/* Shop Main */
.amz-shop-main {}
.amz-shop-toolbar {
    background: #f5f5f5;
    border: 1px solid var(--amz-border);
    border-radius: 4px;
    padding: 10px 16px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
}
.amz-shop-results { font-size: 14px; color: var(--amz-text-light); }
.amz-shop-results strong { color: var(--amz-text); }
.amz-shop-sort {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
}
.amz-shop-sort select {
    border: 1px solid var(--amz-border);
    padding: 4px 8px;
    border-radius: 3px;
    font-size: 13px;
    background: white;
}

/* ============================================================
   SINGLE PRODUCT PAGE
   ============================================================ */
.amz-single-product {
    background: var(--amz-white);
    border: 1px solid var(--amz-border);
    border-radius: 4px;
    padding: 24px;
    margin: 20px 0;
}
.amz-single-layout {
    display: grid;
    grid-template-columns: 1fr 1fr 280px;
    gap: 24px;
}
.amz-product-gallery {}
.amz-gallery-main {
    border: 1px solid var(--amz-border);
    border-radius: 4px;
    overflow: hidden;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f8f8;
    padding: 20px;
    margin-bottom: 12px;
}
.amz-gallery-main img { max-height: 400px; object-fit: contain; }
.amz-gallery-thumbs { display: flex; gap: 8px; }
.amz-gallery-thumb {
    width: 60px;
    height: 60px;
    border: 2px solid var(--amz-border);
    border-radius: 3px;
    overflow: hidden;
    cursor: pointer;
    padding: 4px;
    background: #f8f8f8;
}
.amz-gallery-thumb:hover, .amz-gallery-thumb.active { border-color: var(--amz-orange); }
.amz-gallery-thumb img { width: 100%; height: 100%; object-fit: contain; }

.amz-product-details {}
.amz-product-details .amz-product-title {
    font-size: 20px;
    font-weight: 400;
    -webkit-line-clamp: unset;
    overflow: visible;
    margin-bottom: 8px;
}
.amz-product-meta { font-size: 12px; color: var(--amz-text-light); margin-bottom: 12px; }
.amz-product-meta a { color: var(--amz-link); }
.amz-product-rating { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid var(--amz-border); }
.amz-rating-score { font-size: 16px; color: var(--amz-link); }
.amz-product-price-large { margin-bottom: 16px; }
.amz-price-large { font-size: 28px; font-weight: 400; }
.amz-product-desc { font-size: 14px; color: var(--amz-text); line-height: 1.7; margin-bottom: 16px; }
.amz-product-desc ul { list-style: disc; padding-left: 20px; }
.amz-product-desc ul li { margin-bottom: 4px; }

.amz-buy-box {
    background: var(--amz-white);
    border: 1px solid var(--amz-border);
    border-radius: 4px;
    padding: 20px;
    height: fit-content;
    position: sticky;
    top: 80px;
}
.amz-buy-price { font-size: 24px; font-weight: 400; margin-bottom: 8px; }
.amz-buy-stock { font-size: 16px; color: var(--amz-green); font-weight: 400; margin-bottom: 12px; }
.amz-buy-qty { margin-bottom: 12px; }
.amz-buy-qty select { border: 1px solid var(--amz-border); padding: 6px 12px; border-radius: 3px; font-size: 14px; width: 100%; }
.amz-buy-add-btn {
    background: var(--amz-yellow);
    border: 1px solid var(--amz-yellow-dark);
    color: var(--amz-text);
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 20px;
    cursor: pointer;
    width: 100%;
    margin-bottom: 10px;
    transition: background .15s;
    text-align: center;
    display: block;
    text-decoration: none;
}
.amz-buy-add-btn:hover { background: var(--amz-orange-dark); text-decoration: none; color: var(--amz-text); }
.amz-buy-now-btn {
    background: var(--amz-orange);
    border: 1px solid var(--amz-orange-dark);
    color: var(--amz-text);
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 20px;
    cursor: pointer;
    width: 100%;
    transition: background .15s;
    text-align: center;
    display: block;
    text-decoration: none;
}
.amz-buy-now-btn:hover { background: var(--amz-orange-dark); text-decoration: none; color: var(--amz-text); }

/* ============================================================
   BREADCRUMB
   ============================================================ */
.amz-breadcrumb {
    padding: 8px 0;
    font-size: 13px;
    color: var(--amz-text-light);
}
.amz-breadcrumb a { color: var(--amz-link); }
.amz-breadcrumb a:hover { color: var(--amz-orange-dark); }
.amz-breadcrumb span { margin: 0 4px; }

/* ============================================================
   PAGINATION
   ============================================================ */
.amz-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 20px 0;
}
.amz-pagination a, .amz-pagination span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
    padding: 0 8px;
    border: 1px solid var(--amz-border);
    border-radius: 3px;
    font-size: 13px;
    color: var(--amz-link);
    background: white;
    transition: all .15s;
}
.amz-pagination a:hover { background: #f0f0f0; text-decoration: none; }
.amz-pagination .current { background: var(--amz-orange); border-color: var(--amz-orange-dark); color: var(--amz-text); font-weight: 700; }

/* ============================================================
   FOOTER
   ============================================================ */
#amz-footer { margin-top: 40px; }
.amz-footer-back-top {
    background: #37475a;
    color: var(--amz-white);
    text-align: center;
    padding: 14px;
    font-size: 13px;
    cursor: pointer;
    transition: background .15s;
}
.amz-footer-back-top:hover { background: #485769; }

.amz-footer-main {
    background: var(--amz-dark2);
    padding: 40px 0 20px;
    color: var(--amz-white);
}
.amz-footer-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 24px;
    margin-bottom: 32px;
}
.amz-footer-col-title { font-size: 15px; font-weight: 700; margin-bottom: 12px; color: var(--amz-white); }
.amz-footer-col ul li { margin-bottom: 8px; }
.amz-footer-col ul li a { font-size: 13px; color: #ddd; transition: color .15s; }
.amz-footer-col ul li a:hover { color: var(--amz-white); text-decoration: none; }

.amz-footer-divider { border: none; border-top: 1px solid #3a4553; margin: 20px 0; }

.amz-footer-bottom {
    background: var(--amz-dark);
    padding: 16px 0;
    text-align: center;
}
.amz-footer-logo { font-size: 20px; font-weight: 700; color: var(--amz-white); margin-bottom: 8px; }
.amz-footer-logo span { color: var(--amz-orange); }
.amz-footer-links { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; margin-bottom: 8px; }
.amz-footer-links a { font-size: 12px; color: #aaa; }
.amz-footer-links a:hover { color: var(--amz-white); }
.amz-footer-copy { font-size: 12px; color: #888; }

/* ============================================================
   MESSAGES & NOTICES
   ============================================================ */
.amz-notice {
    padding: 12px 16px;
    border-radius: 4px;
    margin-bottom: 16px;
    font-size: 14px;
    border-left: 4px solid;
}
.amz-notice-success { background: #f0fff4; border-color: var(--amz-green); color: var(--amz-green); }
.amz-notice-error { background: #fff5f5; border-color: var(--amz-red); color: var(--amz-red); }
.amz-notice-info { background: #f0f8ff; border-color: var(--amz-link); color: var(--amz-link); }

/* WooCommerce notices */
.woocommerce-message, .woocommerce-info, .woocommerce-error {
    padding: 12px 16px;
    border-radius: 4px;
    margin-bottom: 16px;
    font-size: 14px;
    list-style: none;
}
.woocommerce-message { background: #f0fff4; border-left: 4px solid var(--amz-green); }
.woocommerce-error { background: #fff5f5; border-left: 4px solid var(--amz-red); }
.woocommerce-info { background: #f0f8ff; border-left: 4px solid var(--amz-link); }

/* ============================================================
   WOOCOMMERCE CART & CHECKOUT
   ============================================================ */
.woocommerce { max-width: 1200px; margin: 20px auto; padding: 0 16px; }
.woocommerce table.shop_table { width: 100%; border-collapse: collapse; background: white; border: 1px solid var(--amz-border); border-radius: 4px; overflow: hidden; }
.woocommerce table.shop_table th { background: #f5f5f5; padding: 12px 16px; font-size: 13px; font-weight: 700; border-bottom: 1px solid var(--amz-border); text-align: left; }
.woocommerce table.shop_table td { padding: 12px 16px; border-bottom: 1px solid var(--amz-border); font-size: 14px; vertical-align: middle; }
.woocommerce .button { background: var(--amz-yellow) !important; border: 1px solid var(--amz-yellow-dark) !important; color: var(--amz-text) !important; padding: 8px 20px !important; border-radius: 3px !important; font-size: 14px !important; cursor: pointer !important; transition: background .15s !important; }
.woocommerce .button:hover { background: var(--amz-orange-dark) !important; }
.woocommerce #place_order { background: var(--amz-orange) !important; border-color: var(--amz-orange-dark) !important; width: 100% !important; padding: 12px !important; font-size: 16px !important; border-radius: 3px !important; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 1024px) {
    .amz-single-layout { grid-template-columns: 1fr 1fr; }
    .amz-buy-box { grid-column: 1 / -1; position: static; }
    .amz-shop-layout { grid-template-columns: 200px 1fr; }
}

@media (max-width: 768px) {
    .amz-deliver { display: none; }
    .amz-search-category { display: none; }
    .amz-header-main { padding: 6px 12px; gap: 6px; }
    .amz-hero h1 { font-size: 26px; }
    .amz-hero-content { padding: 40px 20px; }
    .amz-single-layout { grid-template-columns: 1fr; }
    .amz-shop-layout { grid-template-columns: 1fr; }
    .amz-sidebar { display: none; }
    .amz-product-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .amz-category-grid { grid-template-columns: repeat(2, 1fr); }
    .amz-nav-item-label { display: none; }
    .amz-footer-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
    .amz-product-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
    .amz-hero h1 { font-size: 22px; }
    .amz-footer-grid { grid-template-columns: 1fr 1fr; }
}

/* Search bar one-line fix */
.amz-search-wrap form {
    display: flex !important;
    flex: 1;
    align-items: stretch;
    width: 100%;
    flex-wrap: nowrap;
}


/* ============================================================
   ALL BUTTON DROPDOWN MENU - Categories dropdown
   ============================================================ */
#amz-nav-secondary .amz-nav-secondary-inner > a:not(.amz-nav-all) {
    display: none !important;
}
#amz-nav-secondary .amz-nav-all {
    position: relative;
    cursor: pointer;
    user-select: none;
}
.amz-categories-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    min-width: 260px;
    z-index: 99999;
    box-shadow: 0 4px 20px rgba(0,0,0,.35);
    border-radius: 0 0 4px 4px;
    padding: 8px 0;
    margin-top: 0;
}
.amz-categories-dropdown a {
    display: block !important;
    color: #111 !important;
    padding: 9px 18px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    white-space: nowrap;
    border: none !important;
    border-bottom: 1px solid #f0f0f0 !important;
    border-radius: 0 !important;
    text-decoration: none;
    transition: background 0.15s;
}
.amz-categories-dropdown a:last-child {
    border-bottom: none !important;
}
.amz-categories-dropdown a:hover {
    background: #f0f0f0 !important;
    color: #c7511f !important;
    text-decoration: none !important;
}
#amz-nav-secondary .amz-nav-all:hover .amz-categories-dropdown,
#amz-nav-secondary .amz-nav-all.open .amz-categories-dropdown {
    display: block;
}
.amz-categories-dropdown-header {
    padding: 10px 18px 6px;
    font-size: 13px;
    font-weight: 700;
    color: #555;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 2px solid #e8e8e8;
    margin-bottom: 4px;
    display: block;
}

/* Footer Contact Info */
.amz-footer-contact {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 40px;
    padding: 20px 0 10px;
    justify-content: center;
    align-items: center;
}
.amz-footer-contact-item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #ccc;
    font-size: 14px;
}
.amz-footer-contact-item svg {
    flex-shrink: 0;
    color: #f0a500;
}
.amz-footer-contact-item a {
    color: #ccc;
    text-decoration: none;
    transition: color 0.2s;
}
.amz-footer-contact-item a:hover {
    color: #f0a500;
    text-decoration: underline;
}
@media (max-width: 600px) {
    .amz-footer-contact {
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
        padding-left: 10px;
    }
}