/*
Theme Name: آنکال پارت - فروشگاه لوازم یدکی خودرو
Theme URI: https://hom-plus.ir
Author: تیم فنی هوم پلاس
Author URI: https://hom-plus.ir
Description: قالب اختصاصی فروشگاه آنکال پارت - فروشگاه لوازم یدکی خودرو
Version: 1.0.0
Requires at least: 6.0
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: habibi
Tags: rtl-language, custom-colors, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* ===========================
   Theme Base Styles
   =========================== */

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

:root {
    /* ========== رنگ‌های برند آنکال پارت ========== */
    --color-primary:      #1C3263;   /* سورمه ای */
    --color-primary-dark: #122244;   /* سورمه ای تیره‌تر */
    --color-primary-light:#29488a;   /* سورمه ای روشن‌تر */
    --color-secondary:    #FFCC03;   /* زرد */
    --color-dark:         #2F2F2F;   /* مشکی نوشته‌ها و بک‌گراند تیره */
    --color-dark-soft:    #4a4a4a;   /* تیره نرم‌تر */
    --color-bg:           #ECEBF2;   /* بک‌گراند کل سایت */
    --color-white:        #FFFFFF;   /* سفید */
    --color-border:       #e0e0e0;   /* رنگ خطوط */
    --color-gray:         #777777;   /* خاکستری متن */
    --color-gray-light:   #eeeeee;   /* خاکستری خیلی روشن */
    /* ================================================== */
    --font-primary:    'YekanBakh', Tahoma, Arial, sans-serif;
    --border-radius:   8px;
    --border-radius-lg:16px;
    --transition:      all 0.3s ease;
    --shadow:          0 4px 20px rgba(0, 0, 0, 0.07);
    --shadow-hover:    0 8px 30px rgba(0, 0, 0, 0.13);
    --shadow-green:    0 4px 20px rgba(128, 140, 38, 0.25);
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--font-primary);
    background-color: var(--color-bg);
    color: var(--color-dark);
    direction: rtl;
    line-height: 1.7;
}

a {
    color: inherit;
    text-decoration: none;
    transition: var(--transition);
}

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

ul, ol {
    list-style: none;
}

.container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}

.section-title {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 10px;
    color: var(--color-primary);
}

.section-subtitle {
    font-size: 1rem;
    color: var(--color-gray);
    margin-bottom: 40px;
}