/*
Theme Name:   Remonda - مراتب ريموندا
Theme URI:    https://remondabed.com
Description:  Child Theme مخصص لموقع رمونده للمراتب — مبني على WoodMart
Author:       Remonda Beds
Author URI:   https://remondabed.com
Template:     woodmart
Version:      1.0.0
Text Domain:  remonda-child
*/

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;900&display=swap');
@import url('../woodmart/style.css');

/* ============================================================
   🎨 ألوان رمونده المستخرجة من اللوجو
   ============================================================
   اللون الرئيسي:  #d63384  (وردي ريموندا)
   اللون الثانوي:  #6a3fa0  (بنفسجي)
   التدرج:        from #d63384 to #6a3fa0
   ============================================================ */

:root {
    /* ===== ألوان رمونده الأساسية ===== */
    --wd-primary-color:        #d63384;
    --wd-secondary-color:      #6a3fa0;
    --remonda-pink:            #d63384;
    --remonda-purple:          #6a3fa0;
    --remonda-pink-light:      #f8d7e8;
    --remonda-purple-light:    #ede7f6;
    --remonda-gradient:        linear-gradient(135deg, #d63384 0%, #9c3fb0 50%, #6a3fa0 100%);
    --remonda-gradient-soft:   linear-gradient(135deg, #f8d7e8 0%, #ede7f6 100%);

    /* ===== الخط ===== */
    --wd-text-font:            'Cairo', sans-serif;
    --wd-title-font:           'Cairo', sans-serif;
    --wd-entities-title-font:  'Cairo', sans-serif;

    /* ===== ألوان الأزرار ===== */
    --wd-btn-color:            #fff;
    --wd-btn-bg:               #d63384;
    --wd-btn-bg-hover:         #6a3fa0;

    /* ===== ألوان النصوص ===== */
    --wd-title-color:          #1a1a2e;
    --wd-text-color:           #444;
    --wd-link-color:           #d63384;
    --wd-link-color-hover:     #6a3fa0;
}

/* ============================================================
   🔤 الخط عربي Cairo على كل العناصر
   ============================================================ */
*, body, h1, h2, h3, h4, h5, h6, p, a, button, input, select, textarea, .widget {
    font-family: 'Cairo', sans-serif !important;
}

/* ============================================================
   🎨 اللون الأساسي — وردي رمونده
   ============================================================ */

/* الأزرار الرئيسية */
.wd-btn-primary,
.button.alt,
.woocommerce-button.button.alt,
#respond input#submit,
.wc-proceed-to-checkout a,
button[type="submit"]:not(.search-submit),
.single_add_to_cart_button,
.checkout-button {
    background: var(--remonda-gradient) !important;
    border-color: transparent !important;
    color: #fff !important;
    font-family: 'Cairo', sans-serif !important;
    font-weight: 700 !important;
    border-radius: 12px !important;
    letter-spacing: 0.3px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px rgba(214, 51, 132, 0.3) !important;
}

.single_add_to_cart_button:hover,
.checkout-button:hover,
button[type="submit"]:not(.search-submit):hover {
    background: linear-gradient(135deg, #6a3fa0, #d63384) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 28px rgba(214, 51, 132, 0.45) !important;
}

/* أزرار عادية */
.button:not(.alt):not(.wc-backward):not(.checkout-button) {
    border: 2px solid var(--remonda-pink) !important;
    color: var(--remonda-pink) !important;
    background: transparent !important;
    font-family: 'Cairo', sans-serif !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
    transition: all 0.3s !important;
}
.button:not(.alt):hover {
    background: var(--remonda-pink) !important;
    color: #fff !important;
}

/* ============================================================
   🏠 الهيدر
   ============================================================ */
.site-header,
.whb-header,
.whb-general-header {
    border-bottom: 3px solid transparent !important;
    border-image: var(--remonda-gradient) 1 !important;
}

/* شريط أعلى الهيدر */
.top-bar,
.whb-top-bar {
    background: var(--remonda-gradient) !important;
    color: #fff !important;
}
.top-bar a,
.top-bar span,
.whb-top-bar a,
.whb-top-bar span {
    color: #fff !important;
}

/* ============================================================
   🗂️ القائمة الرئيسية
   ============================================================ */
.main-nav .menu > li > a:hover,
.main-nav .menu > li.current-menu-item > a,
.main-nav .menu > li.current-menu-ancestor > a {
    color: var(--remonda-pink) !important;
}

/* القائمة المنسدلة */
.sub-menu a:hover {
    color: var(--remonda-pink) !important;
    background: var(--remonda-pink-light) !important;
}

/* ============================================================
   🛍️ بطاقات المنتجات
   ============================================================ */
.product-grid-item {
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: transform 0.3s, box-shadow 0.3s !important;
    border: 1px solid #f0f0f0 !important;
}
.product-grid-item:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 16px 48px rgba(214, 51, 132, 0.15) !important;
    border-color: var(--remonda-pink-light) !important;
}

/* اسم المنتج */
.product-grid-item .wd-entities-title a,
.woocommerce-loop-product__title {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 700 !important;
    color: #1a1a2e !important;
    transition: color 0.2s !important;
}
.product-grid-item .wd-entities-title a:hover {
    color: var(--remonda-pink) !important;
}

/* السعر */
.woocommerce-Price-amount,
.price .amount {
    color: var(--remonda-pink) !important;
    font-weight: 900 !important;
    font-family: 'Cairo', sans-serif !important;
}
.price del .amount {
    color: #aaa !important;
    font-weight: 400 !important;
}

/* شارة الخصم */
.onsale,
.product-label.onsale {
    background: var(--remonda-gradient) !important;
    border-radius: 8px !important;
    font-family: 'Cairo', sans-serif !important;
    font-weight: 700 !important;
}

/* زرار إضافة للكارت في البطاقة */
.add_to_cart_button,
.product_type_simple.add_to_cart_button {
    background: var(--remonda-gradient) !important;
    color: #fff !important;
    border-radius: 10px !important;
    font-family: 'Cairo', sans-serif !important;
    font-weight: 700 !important;
    border: none !important;
    transition: all 0.3s !important;
}
.add_to_cart_button:hover {
    opacity: 0.9 !important;
    transform: scale(1.03) !important;
}

/* ============================================================
   📦 صفحة المنتج
   ============================================================ */
.product_title {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 900 !important;
    color: #1a1a2e !important;
    font-size: 28px !important;
}

/* تقييمات النجوم */
.star-rating span::before,
.woocommerce-product-rating .star-rating::before {
    color: #f0a500 !important;
}

/* تبويبات المنتج */
.woocommerce-tabs .tabs li a {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 600 !important;
}
.woocommerce-tabs .tabs li.active a,
.woocommerce-tabs .tabs li.active {
    border-top: 3px solid var(--remonda-pink) !important;
    color: var(--remonda-pink) !important;
}

/* ============================================================
   🛒 صفحة الكارت
   ============================================================ */
.woocommerce-cart-form .cart_item td {
    font-family: 'Cairo', sans-serif !important;
}
.cart-collaterals .cart_totals h2,
.order-total .amount {
    color: var(--remonda-pink) !important;
    font-family: 'Cairo', sans-serif !important;
    font-weight: 900 !important;
}

/* ============================================================
   💳 صفحة الـ Checkout
   ============================================================ */
.woocommerce-checkout h3 {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 900 !important;
    color: #1a1a2e !important;
    border-bottom: 2px solid var(--remonda-pink-light) !important;
    padding-bottom: 10px !important;
}

#place_order {
    background: var(--remonda-gradient) !important;
    font-family: 'Cairo', sans-serif !important;
    font-weight: 900 !important;
    font-size: 18px !important;
    border-radius: 14px !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 8px 28px rgba(214, 51, 132, 0.4) !important;
    border: none !important;
    transition: all 0.3s !important;
}
#place_order:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 36px rgba(214, 51, 132, 0.55) !important;
}

/* ============================================================
   🏷️ الشرائط والعروض
   ============================================================ */
.wd-ribbon,
.woodmart-label {
    background: var(--remonda-gradient) !important;
    font-family: 'Cairo', sans-serif !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
}

/* ============================================================
   📄 الـ Pagination
   ============================================================ */
.woocommerce-pagination .page-numbers li .page-numbers.current,
.woocommerce-pagination .page-numbers li span.current {
    background: var(--remonda-gradient) !important;
    color: #fff !important;
    border-color: transparent !important;
    border-radius: 8px !important;
}
.woocommerce-pagination .page-numbers li a:hover {
    color: var(--remonda-pink) !important;
}

/* ============================================================
   🔍 البحث
   ============================================================ */
.woodmart-search-form .search-field:focus,
.wd-search-form input:focus {
    border-color: var(--remonda-pink) !important;
    box-shadow: 0 0 0 3px rgba(214, 51, 132, 0.12) !important;
}

/* ============================================================
   🧭 البانر والـ Hero
   ============================================================ */
.woodmart-banner:hover .woodmart-banner-image img {
    transform: scale(1.04) !important;
}

/* ============================================================
   💬 التعليقات والتقييمات
   ============================================================ */
#review_form #respond .form-submit input {
    background: var(--remonda-gradient) !important;
    font-family: 'Cairo', sans-serif !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
    border: none !important;
}

/* ============================================================
   📱 الموبايل
   ============================================================ */
@media (max-width: 768px) {
    .product_title { font-size: 22px !important; }

    .single_add_to_cart_button {
        font-size: 16px !important;
        padding: 14px !important;
    }

    .product-grid-item:hover {
        transform: none !important;
    }
}

/* ============================================================
   ✨ تفاصيل جمالية إضافية
   ============================================================ */

/* Scrollbar مخصص */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f8f8f8; }
::-webkit-scrollbar-thumb {
    background: linear-gradient(#d63384, #6a3fa0);
    border-radius: 10px;
}

/* تحديد النص */
::selection {
    background: rgba(214, 51, 132, 0.2);
    color: #1a1a2e;
}

/* Focus outline */
a:focus, button:focus, input:focus {
    outline: 2px solid rgba(214, 51, 132, 0.4) !important;
    outline-offset: 2px !important;
}

/* ============================================================
   🚫 إخفاء الوصف من بطاقات المنتجات في القوائم
   ============================================================ */
.product-grid-item .woocommerce-product-details__short-description,
.product-grid-item .product-short-description,
.product-grid-item .short-description,
.products .woocommerce-product-details__short-description,
.products .product-short-description,
.products li.product .short-description,
.wd-product-grid .short-description,
.wd-product-grid .woocommerce-product-details__short-description,
.loop-product-description,
.product-loop-description {
    display: none !important;
}

/* ============================================================
   🚫 إخفاء فئات المنتج (wd-product-cats) من البطاقات
   ============================================================ */
.wd-product-cats,
.wd-product-cats .wd-meta-sep,
.wd-product-cats a {
    display: none !important;
}

/* ============================================================
   🚫 إخفاء الوصف من بطاقات المنتجات
   ============================================================ */
.wd-product .short-description,
.wd-product .woocommerce-product-details__short-description,
.product-grid-item .short-description {
    display: none !important;
}