/*
Theme Name: AMR Shop
Author: AL MIZAN RIZQ
Version: 2.0.0
Text Domain: amr-shop
*/
:root {
    --amr-emerald-950: #001b16;
    --amr-emerald-900: #002c24;
    --amr-emerald-800: #003d32;
    --amr-emerald-700: #005344;
    --amr-emerald-600: #006a56;
    --amr-gold: #d4aa3a;
    --amr-gold-light: #f1cf70;
    --amr-white: #ffffff;
    --amr-cream: #f5f1e5;
    --amr-muted: #b9cec7;
    --amr-border: rgba(212,170,58,.35);
}
html {
    background: var(--amr-emerald-950) !important;
}

body {
    margin: 0 !important;
    min-height: 100vh;
    color: var(--amr-white) !important;
    background: linear-gradient(135deg, #001b16, #003d32, #005344, #002c24, #001b16) !important;
    background-size: 300% 300%;
    animation: amr-bg 24s ease infinite;
    overflow-x: hidden;
}
@keyframes amr-bg {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
body::before {
    content: "";
    position: fixed;
    inset: -20%;
    pointer-events: none;
    z-index: -1;
    background: radial-gradient(circle at 20% 30%, rgba(212,170,58,.10), transparent 18%), radial-gradient(circle at 80% 20%, rgba(0,180,145,.12), transparent 22%), radial-gradient(circle at 60% 80%, rgba(241,207,112,.06), transparent 20%);
    animation: amr-glow 18s ease-in-out infinite alternate;
}
@keyframes amr-glow {
    0% { transform: translate3d(-2%, -1%, 0) scale(1); }
    50% { transform: translate3d(2%, 2%, 0) scale(1.05); }
    100% { transform: translate3d(-1%, 3%, 0) scale(1.02); }
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
img { max-width: 100%; height: auto; }
body, .site, #page, #content, .site-main, main, article { background: transparent !important; }
body, .entry-content, .woocommerce, .woocommerce-page { color: var(--amr-white) !important; }
h1, h2, h3, h4, h5, h6 { color: var(--amr-white) !important; }
p, li { color: var(--amr-muted) !important; }
a { color: var(--amr-gold-light); text-decoration: none; }
a:hover { color: var(--amr-white); }
.amr-site-header { position: relative; z-index: 1000; background: rgba(0,27,22,.96) !important; border-bottom: 1px solid var(--amr-border); box-shadow: 0 10px 35px rgba(0,0,0,.25); }
.amr-header-inner { width: min(1400px, calc(100% - 32px)); min-height: 84px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.amr-brand { display: flex; align-items: center; gap: 12px; color: var(--amr-white) !important; }
.amr-logo { width: 56px; height: 56px; object-fit: contain; }
.amr-brand-text { color: var(--amr-white) !important; font-size: 19px; font-weight: 900; }
.amr-brand-text strong { color: var(--amr-gold-light) !important; }
.amr-main-nav ul { display: flex; align-items: center; gap: 4px; margin: 0; padding: 0; list-style: none; }
.amr-main-nav a { display: block; padding: 10px 14px; color: var(--amr-cream) !important; font-size: 13px; font-weight: 800; border-radius: 999px; transition: .25s ease; }
.amr-main-nav a:hover { color: var(--amr-gold-light) !important; background: rgba(212,170,58,.10); transform: translateY(-2px); }
.amr-header-actions { display: flex; align-items: center; gap: 10px; }
.amr-header-cart { display: flex; align-items: center; gap: 7px; padding: 9px 13px; border: 1px solid var(--amr-border); border-radius: 999px; color: var(--amr-white) !important; background: rgba(0,27,22,.55); }
.amr-cart-count { min-width: 20px; height: 20px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--amr-gold); color: #10251f !important; font-size: 11px; font-weight: 900; }
.amr-site-main { position: relative; z-index: 1; width: min(1400px, calc(100% - 32px)); margin: 0 auto; padding: 30px 0 70px; }
.amr-site-main > * { position: relative; }
.entry-content { width: 100%; }
.entry-content > section, .entry-content > div, .entry-content .wp-block-group, .entry-content .wp-block-columns, .entry-content .wp-block-column { background: transparent !important; }
.amr-site-main { position: relative; z-index: 1; width: min(1400px, calc(100% - 32px)); margin: 0 auto; padding: 30px 0 70px; }
.amr-site-main > * { position: relative; }
.entry-content { width: 100%; }
.entry-content > section, .entry-content > div, .entry-content .wp-block-group, .entry-content .wp-block-columns, .entry-content .wp-block-column { background: transparent !important; }
.woocommerce ul.products, .woocommerce-page ul.products { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 24px; margin: 0; padding: 0; }
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: auto !important; margin: 0 !important; padding: 18px !important; background: linear-gradient(145deg, rgba(0,83,68,.96), rgba(0,44,36,.98)) !important; border: 1px solid var(--amr-border) !important; border-radius: 20px !important; box-shadow: 0 18px 45px rgba(0,0,0,.25); transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover { transform: translateY(-7px); border-color: rgba(241,207,112,.65) !important; box-shadow: 0 25px 55px rgba(0,0,0,.35), 0 0 25px rgba(212,170,58,.08); }
.woocommerce ul.products, .woocommerce-page ul.products { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 24px; margin: 0; padding: 0; }
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: auto !important; margin: 0 !important; padding: 18px !important; background: linear-gradient(145deg, rgba(0,83,68,.96), rgba(0,44,36,.98)) !important; border: 1px solid var(--amr-border) !important; border-radius: 20px !important; box-shadow: 0 18px 45px rgba(0,0,0,.25); transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover { transform: translateY(-7px); border-color: rgba(241,207,112,.65) !important; box-shadow: 0 25px 55px rgba(0,0,0,.35), 0 0 25px rgba(212,170,58,.08); }
.woocommerce ul.products li.product img { display: block; width: 100%; border-radius: 14px; margin: 0 0 16px; transition: transform .35s ease, filter .35s ease; }
.woocommerce ul.products li.product:hover img { transform: scale(1.025); filter: brightness(1.06); }
.woocommerce ul.products li.product .woocommerce-loop-product__title { color: var(--amr-white) !important; font-size: 16px; font-weight: 800; line-height: 1.4; margin: 8px 0; }
.woocommerce ul.products li.product .price { color: var(--amr-gold-light) !important; font-size: 18px; font-weight: 900; }
.woocommerce ul.products li.product .button { display: inline-flex; align-items: center; justify-content: center; margin-top: 12px; padding: 11px 17px; border: 1px solid var(--amr-gold) !important; border-radius: 999px; background: linear-gradient(135deg, var(--amr-gold), var(--amr-gold-light)) !important; color: #10251f !important; font-weight: 900; transition: transform .25s ease, box-shadow .25s ease; }
.woocommerce ul.products li.product .button:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(212,170,58,.25); }
.woocommerce span.onsale { min-width: 48px; min-height: 48px; display: flex; align-items: center; justify-content: center; padding: 6px; border-radius: 50%; background: var(--amr-gold) !important; color: #10251f !important; font-size: 11px; font-weight: 900; }
.woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering { color: var(--amr-muted) !important; }
.woocommerce .woocommerce-ordering select { padding: 9px 12px; border: 1px solid var(--amr-border); border-radius: 10px; background: var(--amr-emerald-900); color: var(--amr-cream); }
.woocommerce div.product { color: var(--amr-white); }
.woocommerce div.product .product_title { color: var(--amr-white) !important; font-size: clamp(28px,4vw,48px); font-weight: 900; }
.woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--amr-gold-light) !important; font-size: 24px; font-weight: 900; }
.woocommerce div.product form.cart .button { padding: 13px 24px; border: 1px solid var(--amr-gold) !important; border-radius: 999px; background: linear-gradient(135deg, var(--amr-gold), var(--amr-gold-light)) !important; color: #10251f !important; font-weight: 900; }
.woocommerce-cart, .woocommerce-checkout, .woocommerce form.checkout, .woocommerce form.cart { color: var(--amr-white); }
.woocommerce table.shop_table { background: rgba(0,44,36,.82) !important; border: 1px solid var(--amr-border) !important; border-radius: 16px; color: var(--amr-cream) !important; }
.woocommerce table.shop_table th, .woocommerce table.shop_table td { border-color: rgba(212,170,58,.18) !important; color: var(--amr-cream) !important; }
.woocommerce .cart_totals, .woocommerce .checkout, .woocommerce #order_review, .woocommerce .woocommerce-checkout-review-order { background: rgba(0,44,36,.82) !important; border: 1px solid var(--amr-border) !important; border-radius: 18px; padding: 20px; }
.woocommerce input, .woocommerce textarea, .woocommerce select, .woocommerce .select2-container--default .select2-selection--single { background: rgba(0,27,22,.9) !important; border: 1px solid var(--amr-border) !important; color: var(--amr-white) !important; border-radius: 10px; }
.woocommerce label { color: var(--amr-cream) !important; }
.woocommerce button, .woocommerce input.button, .woocommerce a.button, .woocommerce button.button, .woocommerce #place_order { background: linear-gradient(135deg, var(--amr-gold), var(--amr-gold-light)) !important; color: #10251f !important; border: 1px solid var(--amr-gold) !important; border-radius: 999px !important; font-weight: 900 !important; }
@media (max-width: 1100px) { .woocommerce ul.products, .woocommerce-page ul.products { grid-template-columns: repeat(3, minmax(0,1fr)); } .amr-header-inner { width: min(100% - 28px, 1100px); } }
@media (max-width: 768px) { .woocommerce ul.products, .woocommerce-page ul.products { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; } .amr-header-inner { min-height: 72px; width: calc(100% - 24px); } .amr-logo { width: 48px; height: 48px; } .amr-brand-text { font-size: 16px; } .amr-main-nav { display: none; } .amr-header-actions { margin-left: auto; } .amr-site-main { width: calc(100% - 24px); padding-top: 20px; } }
@media (max-width: 480px) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { padding: 12px !important; border-radius: 16px !important; } .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 14px; } .woocommerce ul.products li.product .price { font-size: 16px; } .woocommerce ul.products li.product .button { width: 100%; padding: 10px 12px; font-size: 13px; } }