/*
Theme Name: Napoleon Child — Zed Store
Theme URI: https://zedstoreonline.com/
Description: قالب فرعي لمتجر Zed Store — يضيف قالب الصفحة الرئيسية المخصص بلا ما يمس القالب الأصلي.
Author: Zed Store
Template: napoleon
Version: 1.2.0
Text Domain: napoleon-child
*/

/*
   القالب الأب يُحمّل عبر napoleon-style-parent، وهذا الملف بعدو فيغلبو.
   ستايل الرئيسية المخصصة في assets/css/zed-home.css ويُحمّل على قالبها فقط.

   واش تحت: تصحيح البنفسجي #4C3BCF المكتوب مباشرة في القالب الأصلي
   (59 قاعدة، الـ Customizer يغطي جزء منها فقط) + ضبط الهيدر الكحلي.

   الألوان:
     #0F7C88  تيل عميق  — على الخلفيات الفاتحة (نص وخلفيات بنص أبيض)
     #2FD3E0  سماوي     — على الخلفيات الكحلية
     #0A1220  كحلي
*/

/* ============================================================
   1) الهيدر الكحلي
   ============================================================ */

.header-mini-cart-trigger .fas {
	color: #E8EDF3;
}

.header-mini-cart-trigger:hover .fas,
.header-mini-cart-trigger:focus .fas {
	color: #2FD3E0;
}

/* القالب حاط دائرة بيضاء خلف أيقونة البحث — تروح باش تبان الأيقونة على الكحلي */
.header-search-icon {
	background-color: transparent;
}

.header-search-icon svg {
	fill: #E8EDF3;
}

.header-search-icon:hover svg {
	fill: #2FD3E0;
}

/* عدّاد السلة: القالب حاطلو background:red وموضعو يطيح ورا اللوقو.
   مخفي بطلب المالك — لرجوعه: احذف هذي القاعدة. */
.cart-count {
	display: none;
}

/* زر الاتصال العائم كان يركب على زر تأكيد الطلب في الهاتف — نرفعوه فوقو */
@media (max-width: 782px) {
	.callus-icon {
		bottom: 92px;
	}
}

/* القالب الأصلي يفرض color:#000 على .head-mast والإعدادات تبدّل الخلفية فقط،
   فكل النصوص داخل الهيدر ترث الأسود على الكحلي. */
.head-mast {
	color: #E8EDF3;
	border-bottom: 1px solid #16202F;
}

/* اللوحات الفاتحة داخل الهيدر (البحث والسلة المنسدلين) تبقى بنص غامق */
.category-search-form,
.category-search-input,
.category-search-input-wrap,
.category-search-results,
.category-search-results a,
button.category-search-btn,
.header-mini-cart-contents,
.header-mini-cart-contents a,
.head-mast .category-search-form input[type="text"],
.head-mast .category-search-form input[type="search"] {
	color: #0E1726;
}

/* الشريط اللاصق تاع المنتج */
.head-mast-row .product-price {
	color: #2FD3E0;
}

.head-mast-row .product-name {
	color: #E8EDF3;
	border-left-color: #1D2A3C;
}

.head-mast-row .star-rating,
.head-mast-row .star-rating::before,
.head-mast-row .star-rating span::before {
	color: #E8A33D;
}

/* ============================================================
   2) القائمة الرئيسية (فوق الكحلي)
   ============================================================ */

.navigation-main > li:hover > a,
.navigation-main > li > a:focus,
.navigation-main > .current-menu-item > a,
.navigation-main > .current-menu-parent > a,
.navigation-main > .current_page_item > a,
.navigation-main > .current_page_parent > a {
	color: #2FD3E0;
}

.navigation-main li li:hover > a,
.navigation-main li li > a:focus,
.navigation-main li .current-menu-item > a,
.navigation-main li .current-menu-parent > a,
.navigation-main li .current_page_item > a,
.navigation-main li .current_page_parent > a {
	color: #2FD3E0;
}

.navigation-main > li[class*="fa-"]::before {
	color: #2FD3E0;
}

.navigation-main .menu-item-has-children > a::after {
	color: #C4CDD8;
}

.navigation-main .nav-button > a {
	background-color: #0F7C88;
	color: #FFFFFF;
}

/* ============================================================
   3) الأسعار والمنتجات (خلفيات فاتحة)
   ============================================================ */

.item .price,
.item-inset,
.entry-summary .price,
.single-product .main .row p.price,
.product_list_widget .woocommerce-Price-amount,
.product_list_widget del,
.woocommerce-mini-cart__total .woocommerce-Price-amount,
.woocommerce-grouped-product-list-item__price .woocommerce-Price-amount,
.woocommerce-grouped-product-list-item__price del,
.wc-block-grid__products .wc-block-grid__product-price,
.text-theme {
	color: #0F7C88;
}

.product-availability .out-of-stock {
	color: #B23B3B;
}

/* النجوم */
.wc-block-grid__products .wc-block-grid__product-rating .star-rating::before,
.wc-block-review-list-item__rating .wc-block-review-list-item__rating__stars::before,
.wc-block-grid__products .wc-block-grid__product-rating .star-rating span::before,
.wc-block-review-list-item__rating .wc-block-review-list-item__rating__stars span::before {
	color: #E8A33D;
}

/* ============================================================
   4) الروابط والتنقل
   ============================================================ */

.entry-title a:hover,
.item-title a:hover,
.woocommerce-pagination a:hover,
.woocommerce-pagination .current,
.navigation a:hover,
.navigation .current,
.page-links .page-number:hover,
.social-icon:hover,
.footer-widgets .widget a:hover,
.footer-widgets .item-title a:hover,
.widget-newsletter-content-wrap .fas,
.widget-newsletter-content-wrap .far,
.wc-block-product-categories-list li a:hover {
	color: #0F7C88;
}

.social-icon:hover,
.tag-cloud-link:hover,
.row-items [class*="col-"]:hover {
	border-color: #0F7C88;
}

.tag-cloud-link:hover {
	background-color: #0F7C88;
	color: #FFFFFF;
}

a:focus {
	outline: 1px dotted #0F7C88;
}

/* ============================================================
   5) بطاقة المنتج: الشارة والزر
   ============================================================ */

/* شارة التخفيض — أحمر دافئ يقفز للعين على البطاقة البيضاء */
.item .onsale,
.images .onsale,
.woocommerce span.onsale {
	top: 12px;
	right: 12px;
	padding: 5px 12px;
	background-color: #D93A25;
	color: #FFFFFF;
	font-size: 12.5px;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: 0.2px;
	text-transform: none;
	border-radius: 5px;
	border-top-right-radius: 5px;
	box-shadow: 0 3px 10px rgba(217, 58, 37, 0.28);
}

/* زر الشراء — كحلي قوي، والنص يولّي سماوي عند المرور.
   الحد الشفاف + border-box يضمنو أن أي حد يتزاد ما يغيّرش الحجم. */
.item-product .button,
.item-product .added_to_cart {
	box-sizing: border-box;
	border: 1px solid transparent;
	background-color: #0A1220;
	background-image: none;
	color: #FFFFFF;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.2px;
	text-align: center;
	transition: background-color 0.18s ease, color 0.18s ease;
}

/* القالب يخلي الزر `position:absolute; bottom:20px; left:50%` **في كل الحالات**،
   فيطلع ويركب على السعر. نرجعوه للتدفق الطبيعي بنفس محدّد القالب (بلا :hover)
   باش يطبّق دايماً — وإلا يقفز بين الحالتين. */
.widget_at-home-latest-products .item-product .button,
.row-items [class*="col-"] .item-product .button {
	position: static;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	transform: none;
	width: 100%;
	max-width: 100%;
	margin: 14px auto 0;
	padding: 12px 20px;
	background-image: none;
	/* القالب كان `transition: all` — يحرّك حتى الأبعاد فيسبب الاهتزاز */
	transition: background-color 0.18s ease, color 0.18s ease;
}

/* المرور: اللون وحدو يتبدّل — لا حجم ولا موضع.
   البادئة body باش نغلبو حتى قاعدة القالب البرتقالية إذا ما تولّدش ستايل الإعدادات. */
.item-product .button:hover,
.item-product .button:focus,
.item-product .added_to_cart:hover,
body .row-items [class*="col-"]:hover .item-product .button {
	background-color: #0A1220;
	color: #2FD3E0;
}

/* --- بطاقات متساوية الطول، والسعر والزر ملتصقين بالأسفل ---
   الشبكة أصلاً display:grid فالأعمدة متساوية؛ الناقص أن البطاقة تملا العمود
   وأن المحتوى يتوزّع عمودياً. الاستثناء تاع slick باش ما نكسروش الكاروسيل. */

.row-items[class*="columns"]:not(.slick-slider) > [class*="col-"] {
	display: flex;
	min-width: 0;
}

.row-items[class*="columns"]:not(.slick-slider) > [class*="col-"] > .item.item-product {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-bottom: 0;
}

.item-product .item-content {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-width: 0;
}

/* كل اللي من السعر لتحت ينزل للأسفل — فالأسعار والأزرار يتحاذاو في كل الصف */
.item-product .item-content .price {
	margin-top: auto;
}

/* البطاقة ترفع شوية عند المرور */
.item.item-product {
	transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.row-items [class*="col-"]:hover .item.item-product {
	transform: translateY(-2px);
	box-shadow: 0 10px 26px rgba(10, 18, 32, 0.10);
}

@media (prefers-reduced-motion: reduce) {
	.item.item-product,
	.item-product .button {
		transition: none;
	}

	.row-items [class*="col-"]:hover .item.item-product {
		transform: none;
	}
}

/* ============================================================
   6) أزرار وخلفيات باقية
   ============================================================ */

.btn-transparent {
	border: 1px solid #0F7C88;
	color: #0F7C88;
}

.btn-transparent:hover {
	color: #FFFFFF;
	border-color: #0F7C88;
	background-color: #0F7C88;
}

button.single_add_to_cart_button,
.sticky-atc-btn a,
.woocommerce-MyAccount-orders .button.view,
.widget_at-home-newsletter,
.footer-widgets .widget-title:after {
	background-color: #0F7C88;
}

.woocommerce-order-details .woocommerce-table--order-details {
	border-color: #0F7C88;
}