/*
Theme Name: Gameetaime
Theme URI: https://example.com/gameetaime
Author: Gameetaime Team
Author URI: https://example.com
Description: قالب فروشگاهی گیمینگ تیره نئونی برای فروش بازی‌های کنسولی (PS1/PS2/PS3/PS4/Xbox 360/PC). کاملاً بهینه‌شده برای ووکامرس، با سرعت بالا و سئو. قالب سبک، مدرن و ریسپانسیو با فضای گیمینگ.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gameetaime
Tags: ecommerce, woocommerce, gaming, dark, neon, rtl-language-support, custom-colors, custom-logo, custom-menu, featured-images, full-width-template, theme-options, block-styles, wide-blocks
WC requires at least: 7.0
WC tested up to: 9.0
*/

/* ============================================
   Gameetaime Theme - Core Variables
   تم تیره نئونی گیمینگ
============================================ */
:root {
    /* پس‌زمینه و پنل‌ها */
    --gmb-bg-dark:        #0a0a0f;
    --gmb-bg-panel:       #13131c;
    --gmb-bg-card:        #1a1a26;
    --gmb-bg-elevated:    #22222e;

    /* رنگ‌های Accent نئونی */
    --gmb-neon-purple:    #a855f7;
    --gmb-neon-cyan:      #22d3ee;
    --gmb-neon-pink:      #ec4899;
    --gmb-neon-green:     #4ade80;

    /* گرادیان اصلی */
    --gmb-gradient:       linear-gradient(135deg, #a855f7 0%, #22d3ee 100%);
    --gmb-gradient-hover: linear-gradient(135deg, #c084fc 0%, #67e8f9 100%);

    /* متن */
    --gmb-text-primary:   #f1f5f9;
    --gmb-text-secondary: #94a3b8;
    --gmb-text-muted:     #64748b;

    /* مرز و خط */
    --gmb-border:         #2d2d3d;
    --gmb-border-light:   #3d3d4d;

    /* قیمت و وضعیت */
    --gmb-price:          #4ade80;
    --gmb-sale:           #ef4444;

    /* سایه و glow */
    --gmb-shadow:         0 4px 20px rgba(0, 0, 0, 0.4);
    --gmb-glow-purple:    0 0 20px rgba(168, 85, 247, 0.5);
    --gmb-glow-cyan:      0 0 20px rgba(34, 211, 238, 0.5);

    /* اندازه‌ها */
    --gmb-radius:         12px;
    --gmb-radius-sm:      8px;
    --gmb-radius-lg:      20px;
    --gmb-header-height:  72px;
    --gmb-container:      1280px;
    --gmb-transition:     all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

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

html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }

body {
    font-family: 'Vazirmatn', 'Segoe UI', Tahoma, sans-serif;
    background-color: var(--gmb-bg-dark);
    color: var(--gmb-text-primary);
    line-height: 1.6;
    font-size: 15px;
    overflow-x: hidden;
    min-height: 100vh;
    background-image:
        radial-gradient(circle at 20% 20%, rgba(168, 85, 247, 0.08) 0%, transparent 40%),
        radial-gradient(circle at 80% 80%, rgba(34, 211, 238, 0.06) 0%, transparent 40%);
    background-attachment: fixed;
}

img, svg, video { max-width: 100%; height: auto; display: block; }
img { border-style: none; }

a { color: var(--gmb-neon-cyan); text-decoration: none; transition: var(--gmb-transition); }
a:hover { color: var(--gmb-neon-purple); }

ul, ol { list-style: none; }

button, input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
}

button { cursor: pointer; background: none; border: none; }

h1, h2, h3, h4, h5, h6 {
    font-family: 'Rajdhani', 'Vazirmatn', sans-serif;
    font-weight: 700;
    line-height: 1.2;
    color: var(--gmb-text-primary);
}

/* ===== Container & Layout ===== */
.gmb-container {
    max-width: var(--gmb-container);
    margin: 0 auto;
    padding: 0 20px;
    width: 100%;
}

.gmb-section { padding: 60px 0; }

/* ===== Section Title ===== */
.gmb-section-title {
    font-size: 32px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 30px;
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
}

.gmb-section-title::before {
    content: '';
    width: 6px;
    height: 32px;
    background: var(--gmb-gradient);
    border-radius: 3px;
    box-shadow: var(--gmb-glow-purple);
}

.gmb-section-title small {
    font-size: 14px;
    color: var(--gmb-text-secondary);
    font-weight: 400;
    text-transform: none;
}

/* ===== Buttons ===== */
.gmb-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 28px;
    background: var(--gmb-gradient);
    color: #fff;
    font-family: 'Rajdhani', 'Vazirmatn', sans-serif;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: var(--gmb-radius-sm);
    transition: var(--gmb-transition);
    border: none;
    position: relative;
    overflow: hidden;
}

.gmb-btn:hover {
    transform: translateY(-2px);
    box-shadow: var(--gmb-glow-purple);
    color: #fff;
}

.gmb-btn-outline {
    background: transparent;
    border: 2px solid var(--gmb-neon-purple);
    color: var(--gmb-neon-purple);
}

.gmb-btn-outline:hover {
    background: var(--gmb-neon-purple);
    color: #fff;
    box-shadow: var(--gmb-glow-purple);
}

/* ===== Skip Link (Accessibility) ===== */
.gmb-skip-link {
    position: absolute;
    top: -40px;
    right: 0;
    background: var(--gmb-neon-purple);
    color: #fff;
    padding: 8px 16px;
    z-index: 9999;
    border-radius: 0 0 0 8px;
}

.gmb-skip-link:focus { top: 0; color: #fff; }

/* =========================================================
   WooCommerce Responsive Fix - Gameetaime
   ========================================================= */

/* نوار مرتب سازی و تعداد محصولات */
.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
    margin: 0 0 16px !important;
    float: right !important;
    line-height: 42px;
    color: var(--gmb-text-secondary);
}

.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
    margin: 0 0 16px !important;
    float: left !important;
}

.woocommerce .woocommerce-ordering select,
.woocommerce-page .woocommerce-ordering select {
    max-width: 100%;
    width: auto;
    min-height: 42px;
    box-sizing: border-box;
}

/* پاک کردن شناوری قبل از گرید محصولات */
.woocommerce .woocommerce-result-count::after,
.woocommerce .woocommerce-ordering::after {
    display: none !important;
}

.woocommerce .products::before,
.woocommerce .products::after {
    display: none !important;
}

/* =========================================================
   Desktop
   ========================================================= */

.woocommerce ul.products,
.woocommerce-page ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 20px !important;
    width: 100% !important;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
}

/* عکس محصول هیچ وقت نباید عرض گرید را بشکند */
.woocommerce ul.products li.product img,
.woocommerce-page ul.products li.product img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: cover;
}

/* =========================================================
   Tablet
   ========================================================= */

@media (max-width: 1100px) {

    .woocommerce ul.products,
    .woocommerce-page ul.products {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }

}


/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 768px) {

    .woocommerce .woocommerce-result-count,
    .woocommerce-page .woocommerce-result-count {
        float: none !important;
        width: 100% !important;
        margin: 0 0 10px !important;
        text-align: right;
        line-height: 1.6;
        font-size: 13px;
    }

    .woocommerce .woocommerce-ordering,
    .woocommerce-page .woocommerce-ordering {
        float: none !important;
        width: 100% !important;
        margin: 0 0 18px !important;
    }

    .woocommerce .woocommerce-ordering select,
    .woocommerce-page .woocommerce-ordering select {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 42px;
        font-size: 13px !important;
    }

    .woocommerce ul.products,
    .woocommerce-page ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
        width: 100% !important;
    }

    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    .woocommerce ul.products li.product a,
    .woocommerce-page ul.products li.product a {
        max-width: 100%;
    }

    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 14px !important;
        line-height: 1.5 !important;
        overflow-wrap: anywhere;
    }

    .woocommerce ul.products li.product .price {
        font-size: 15px !important;
    }

}


/* =========================================================
   خیلی کوچک
   ========================================================= */

@media (max-width: 400px) {

    .woocommerce ul.products,
    .woocommerce-page ul.products {
        gap: 10px !important;
    }

    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 13px !important;
    }

    .woocommerce ul.products li.product .price {
        font-size: 14px !important;
    }

}