/*
Theme Name: Ark Gallery
Theme URI: https://arkgallery.ir
Author: Ark Gallery Team
Description: پوسته اختصاصی، فوق‌العاده لوکس و کامل فروشگاه آرک گالری
Version: 5.2.0
Text Domain: ark-gallery
*/

@import url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-font-face.css');

:root {
--ark-green: #0f2c23;
--ark-dark-green: #081a15;
--ark-gold: #c5a059;
--ark-gold-hover: #dfb76c;
--ark-bg-light: #f7f5f0;
--ark-text-dark: #1e1e1e;
--ark-text-light: #ffffff;
--ark-glass: rgba(15, 44, 35, 0.85);
}

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

html, body {
overflow-x: hidden;
max-width: 100% !important;
}

body {
font-family: 'Vazirmatn', sans-serif;
direction: rtl;
background-color: var(--ark-bg-light);
color: var(--ark-text-dark);
line-height: 1.6;
}

.ark-master-wrapper {
width: 100%;
min-height: 100vh;
display: flex;
flex-direction: column;
}

/* --- هدر اصلی --- */
.ark-header-row {
background-color: var(--ark-green);
display: flex;
justify-content: space-between;
align-items: center;
padding: 18px 40px;
border-bottom: 2px solid var(--ark-gold);
position: sticky;
top: 0;
z-index: 1000;
box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

.ark-minimal-nav {
display: flex;
align-items: center;
gap: 20px;
}

.ark-minimal-nav a {
color: var(--ark-text-light);
text-decoration: none;
font-size: 15px;
font-weight: 500;
transition: color 0.3s ease;
}

.ark-minimal-nav a:hover {
color: var(--ark-gold);
}

/* باکس جستجو */
.ark-search-box form {
position: relative;
}

.ark-search-box input {
background: rgba(255, 255, 255, 0.08);
border: 1px solid var(--ark-gold);
color: #fff;
padding: 8px 18px;
border-radius: 25px;
outline: none;
font-family: 'Vazirmatn', sans-serif;
font-size: 14px;
width: 220px;
transition: all 0.3s ease;
}

.ark-search-box input:focus {
background: rgba(255, 255, 255, 0.15);
width: 260px;
}

.ark-search-box input::placeholder {
color: rgba(255, 255, 255, 0.6);
}

/* سوئیتچر زبان */
.ark-lang-switch a {
color: var(--ark-gold);
border: 1px solid var(--ark-gold);
padding: 5px 14px;
border-radius: 4px;
text-decoration: none;
font-weight: bold;
font-size: 13px;
transition: all 0.3s ease;
}

.ark-lang-switch a:hover {
background-color: var(--ark-gold);
color: var(--ark-dark-green);
}

/* دکمه منوی موبایل */
.ark-menu-toggle {
display: none;
background: none;
border: 1px solid var(--ark-gold);
color: var(--ark-gold);
font-size: 22px;
padding: 6px 14px;
border-radius: 6px;
cursor: pointer;
transition: all 0.3s ease;
}

.ark-menu-toggle:hover {
background-color: var(--ark-gold);
color: var(--ark-dark-green);
}

/* --- بخش هیرو / اسلایدر --- */
.ark-hero-section {
background: linear-gradient(135deg, var(--ark-green) 0%, var(--ark-dark-green) 100%);
color: var(--ark-text-light);
text-align: center;
padding: 120px 20px;
position: relative;
border-bottom: 1px solid var(--ark-gold);
}

.ark-hero-content {
max-width: 800px;
margin: 0 auto;
}

.ark-hero-content h1 {
font-size: 46px;
color: var(--ark-gold);
margin-bottom: 20px;
font-weight: 800;
letter-spacing: -0.5px;
}

.ark-hero-content p {
font-size: 19px;
margin-bottom: 35px;
opacity: 0.9;
font-weight: 300;
}

.ark-btn-gold {
background-color: var(--ark-gold);
color: var(--ark-dark-green);
padding: 14px 36px;
text-decoration: none;
font-weight: bold;
border-radius: 4px;
display: inline-block;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(197, 160, 89, 0.3);
}

.ark-btn-gold:hover {
background-color: var(--ark-gold-hover);
transform: translateY(-2px);
}

/* --- بنر سفارش اختصاصی --- */
.ark-custom-banner {
background: linear-gradient(135deg, var(--ark-dark-green), var(--ark-green));
color: #fff;
text-align: center;
padding: 80px 20px;
border-top: 1px solid var(--ark-gold);
border-bottom: 1px solid var(--ark-gold);
}

.ark-custom-banner h2 {
color: var(--ark-gold);
font-size: 32px;
margin-bottom: 15px;
}

.ark-custom-banner p {
font-size: 17px;
max-width: 600px;
margin: 0 auto 25px;
opacity: 0.85;
}

.ark-btn-outline {
border: 1px solid var(--ark-gold);
color: var(--ark-gold);
padding: 12px 30px;
text-decoration: none;
display: inline-block;
border-radius: 4px;
font-weight: bold;
transition: all 0.3s ease;
}

.ark-btn-outline:hover {
background-color: var(--ark-gold);
color: var(--ark-dark-green);
}

/* --- محتوای برگه‌ها --- */
.ark-page-content {
max-width: 1000px;
margin: 40px auto;
padding: 40px;
background: #fff;
border-radius: 12px;
box-shadow: 0 5px 20px rgba(0,0,0,0.05);
border-top: 3px solid var(--ark-gold);
}

/* --- فوتر --- */
.ark-footer {
background-color: var(--ark-green);
color: rgba(255, 255, 255, 0.7);
text-align: center;
padding: 30px 20px;
margin-top: auto;
border-top: 1px solid var(--ark-gold);
font-size: 14px;
}

/* =========================================================
👑 استایل استاندارد شبکه‌بندی ۴ تایی کارت محصولات ووکامرس
========================================================= */

.woocommerce .products-grid-wrapper {
width: 100% !important;
clear: both !important;
}

.woocommerce ul.products,
.woocommerce-page ul.products {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 20px !important;
padding: 0 !important;
margin: 25px 0 !important;
list-style: none !important;
clear: both !important;
}

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

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
background: var(--ark-green) !important;
border: 1px solid var(--ark-gold) !important;
border-radius: 12px !important;
overflow: hidden !important;
padding: 0 0 15px 0 !important;
margin: 0 !important;
width: 100% !important;
float: none !important;
position: relative !important;
transition: all 0.3s ease !important;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1) !important;
display: flex !important;
flex-direction: column !important;
text-align: center !important;
}

.woocommerce ul.products li.product:hover {
transform: translateY(-6px) !important;
box-shadow: 0 12px 25px rgba(197, 160, 89, 0.25) !important;
}

/* تصویر محصول */
.woocommerce ul.products li.product a img {
width: 100% !important;
height: 220px !important;
object-fit: cover !important;
margin: 0 !important;
border-bottom: 1px solid rgba(197, 160, 89, 0.3) !important;
}

/* عنوان محصول */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3 {
color: #ffffff !important;
font-size: 15px !important;
font-weight: 700 !important;
padding: 15px 10px 5px 10px !important;
margin: 0 !important;
font-family: 'Vazirmatn', sans-serif !important;
}

/* کادر طلایی قیمت */
.woocommerce ul.products li.product .price {
position: absolute !important;
top: 175px !important;
left: 50% !important;
transform: translateX(-50%) !important;
background: var(--ark-gold) !important;
color: var(--ark-dark-green) !important;
padding: 6px 14px !important;
border-radius: 20px !important;
font-weight: 800 !important;
font-size: 13px !important;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3) !important;
z-index: 5 !important;
white-space: nowrap !important;
display: flex !important;
align-items: center !important;
gap: 6px !important;
}

.woocommerce ul.products li.product .price del {
color: #444 !important;
font-size: 11px !important;
text-decoration: line-through !important;
opacity: 0.75 !important;
}

.woocommerce ul.products li.product .price ins {
text-decoration: none !important;
font-weight: 800 !important;
color: #000 !important;
}

/* دکمه اطلاعات بیشتر / خرید */
.woocommerce ul.products li.product .button {
margin: auto 15px 5px 15px !important;
background: transparent !important;
border: 1px solid var(--ark-gold) !important;
color: var(--ark-gold) !important;
border-radius: 6px !important;
padding: 8px 15px !important;
font-weight: bold !important;
font-size: 13px !important;
transition: all 0.3s ease !important;
text-decoration: none !important;
}

.woocommerce ul.products li.product .button:hover {
background: var(--ark-gold) !important;
color: var(--ark-dark-green) !important;
}

/* نشان‌های حراج */
.woocommerce ul.products li.product .onsale {
position: absolute !important;
top: 10px !important;
right: 10px !important;
left: auto !important;
background: #d9534f !important;
color: #ffffff !important;
font-size: 11px !important;
font-weight: bold !important;
padding: 4px 10px !important;
border-radius: 4px !important;
min-height: auto !important;
line-height: normal !important;
z-index: 6 !important;
margin: 0 !important;
}

/* =========================================================
🛍️ اصلاح کامل برگه تکی محصول (Single Product)
========================================================= */

.single-product .product {
max-width: 1200px !important;
margin: 40px auto !important;
padding: 20px !important;
font-family: 'Vazirmatn', sans-serif !important;
}

.single-product .product .product_title {
color: var(--ark-green) !important;
font-size: 26px !important;
font-weight: 800 !important;
}

.single-product .product .price {
color: var(--ark-gold) !important;
font-size: 22px !important;
font-weight: 800 !important;
}

.single-product .sidebar,
.single-product #secondary,
.single-product .widget-area {
display: none !important;
}

.single-product .content-area,
.single-product main,
.single-product .site-main {
width: 100% !important;
max-width: 1200px !important;
margin: 0 auto !important;
float: none !important;
}

/* فرم ثبت دیدگاه */
.single-product #review_form_wrapper {
background: #ffffff !important;
border: 1px solid rgba(197, 160, 89, 0.4) !important;
border-radius: 12px !important;
padding: 30px !important;
box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important;
}

.single-product #review_form #submit,
.single-product .comment-form input[type="submit"] {
background-color: var(--ark-green) !important;
color: var(--ark-gold) !important;
border: 1px solid var(--ark-gold) !important;
border-radius: 8px !important;
padding: 12px 35px !important;
font-size: 15px !important;
font-weight: bold !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
display: inline-block !important;
margin-top: 15px !important;
}

.single-product #review_form #submit:hover,
.single-product .comment-form input[type="submit"]:hover {
background-color: var(--ark-gold) !important;
color: var(--ark-dark-green) !important;
}

/* اسلایدر محصولات مشابه */
.single-product .related.products ul.products,
.single-product .up-sells.products ul.products {
display: flex !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
gap: 20px !important;
padding: 15px 5px 25px 5px !important;
scroll-behavior: smooth !important;
grid-template-columns: none !important;
}

.single-product .related.products ul.products li.product {
flex: 0 0 250px !important;
max-width: 250px !important;
width: 250px !important;
}

/* مخفی‌سازی سایدبار زیر محصولات */
.single-product section:has(.widget),
.single-product .widget_pages,
.single-product .widget_archive,
.single-product .widget_categories,
.single-product #sidebar,
.single-product aside,
.single-product [class*="widget"] {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
height: 0 !important;
}

/* =========================================================
📱 بهینه‌سازی ریسپانسیو (موبایل و تبلت)
========================================================= */

@media (max-width: 1024px) {
.woocommerce ul.products {
grid-template-columns: repeat(3, 1fr) !important;
}
}

@media (max-width: 768px) {
.woocommerce ul.products {
grid-template-columns: repeat(2, 1fr) !important;
gap: 12px !important;
}
}

@media (max-width: 480px) {
.woocommerce ul.products {
grid-template-columns: 1fr !important;
}
}