/*
Theme Name: Bedaya Water Theme
Theme URI: https://bedayawater.com.jo
Author: Qusai Al-Ziq
Author URI: https://bedayawater.com.jo
Description: قالب ووردبريس مخصص وفاخر لشركة بداية للمياه متوافق بالكامل مع WooCommerce ودعم اللغتين والحماية الفائقة.
Version: 1.0.2
License: GNU General Public License v2 or later
Text Domain: bedaya-water
*/

/* ==========================================================================
   1. Global Protection & Base Styles
   ========================================================================== */
*, *::before, *::after {
    box-sizing: border-box;
    scroll-behavior: smooth;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-touch-callout: none;
}

img, audio, iframe, canvas, svg {
    pointer-events: none;
    -webkit-user-drag: none;
    user-select: none;
}

/* السماح بالتفاعل مع الفيديوهات وأزرار التحكم الخاصة بها */
video {
    pointer-events: auto !important;
}

input, textarea, select {
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
}

body, html, .woocommerce-page {
    font-family: 'Cairo', sans-serif;
    background-color: #0A192F !important; /* أزرق ملكي داكن مستوحى من العبوة */
    color: #F8FAFC !important;
    overflow-x: hidden;
}

/* ==========================================================================
   2. Header & Glassmorphism UI
   ========================================================================== */
.glass-header {
    background: rgba(10, 25, 47, 0.95);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 2px double #D4AF37;
}

/* الخطوط الذهبية المستوحاة من العبوة */
.gold-border-y {
    border-top: 2px solid #D4AF37 !important;
    border-bottom: 2px solid #D4AF37 !important;
}

.gold-border-b {
    border-bottom: 2px solid #D4AF37 !important;
}

/* بطاقات موحدة مع كروت العبوة */
.glass-card {
    background: rgba(15, 23, 42, 0.85) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);
    transition: all 0.4s ease;
}

.glass-card:hover {
    transform: translateY(-6px);
    border-color: #D4AF37 !important;
    box-shadow: 0 20px 40px rgba(212, 175, 55, 0.2);
}

.btn-modern {
    background: linear-gradient(135deg, #D4AF37 0%, #AA7C11 100%) !important;
    color: #0A192F !important;
    box-shadow: 0 8px 20px rgba(212, 175, 55, 0.3) !important;
    border: 1px solid #FFD700 !important;
    font-weight: 800;
}

.btn-modern:hover {
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 12px 28px rgba(212, 175, 55, 0.5) !important;
}

/* ==========================================================================
   3. Unified Dark Luxury Footer (شامل لجميع الصفحات والمتجر)
   ========================================================================== */
footer, 
.site-footer,
.woocommerce-page footer,
.woocommerce-cart footer,
.woocommerce-checkout footer,
.woocommerce-account footer {
    background: linear-gradient(180deg, #0B132B 0%, #030712 100%) !important;
    color: #E2E8F0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    position: relative;
    z-index: 10;
}

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6,
.woocommerce-page footer h1, .woocommerce-page footer h2, 
.woocommerce-page footer h3, .woocommerce-page footer h4 {
    color: #FFFFFF !important;
    font-weight: 700;
}

footer a, .woocommerce-page footer a {
    color: #94A3B8 !important;
    transition: all 0.3s ease;
}

footer a:hover, .woocommerce-page footer a:hover {
    color: #00B4D8 !important;
    padding-right: 4px;
}

footer .footer-bottom, .woocommerce-page footer .footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    background: #020617 !important;
}

/* ==========================================================================
   4. WooCommerce Product Grid & Cards
   ========================================================================== */
.woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
    gap: 1.5rem !important;
    padding: 1.5rem 0 !important;
}

.woocommerce ul.products li.product {
    background: rgba(255, 255, 255, 0.95) !important;
    border-radius: 1.25rem !important;
    padding: 1.25rem !important;
    border: 1px solid #E2E8F0 !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.3s ease !important;
    text-align: center;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 20px 40px rgba(0, 180, 216, 0.12) !important;
    border-color: #00B4D8 !important;
}

.woocommerce ul.products li.product img {
    border-radius: 0.75rem !important;
    max-height: 220px !important;
    object-fit: contain !important;
    margin: 0 auto 1rem auto !important;
}

.woocommerce-loop-product__title {
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    color: #0F172A !important;
}

.woocommerce-Price-amount {
    font-size: 1.2rem !important;
    font-weight: 800 !important;
    color: #0077B6 !important;
}

/* ==========================================================================
   5. Unified Buttons (توحيد كافة الأزرار باللون الكحلي الفاخر)
   ========================================================================== */
.woocommerce .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button.add_to_cart_button,
.woocommerce .single_add_to_cart_button,
.woocommerce a.button.product_type_simple,
.woocommerce a.button.product_type_variable,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt {
    background: #0B132B !important;
    color: #FFFFFF !important;
    border-radius: 9999px !important;
    padding: 0.75rem 1.75rem !important;
    font-weight: 700 !important;
    border: 1px solid #1E293B !important;
    box-shadow: 0 8px 20px rgba(11, 19, 43, 0.25) !important;
    transition: all 0.3s ease !important;
    text-align: center !important;
    display: inline-block !important;
}

.woocommerce .button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .button.add_to_cart_button:hover,
.woocommerce .single_add_to_cart_button:hover,
.woocommerce a.button.product_type_simple:hover,
.woocommerce a.button.product_type_variable:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover {
    background: #0077B6 !important;
    color: #FFFFFF !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 28px rgba(0, 119, 182, 0.4) !important;
    border-color: #00B4D8 !important;
}

/* ==========================================================================
   6. WooCommerce Cart, Checkout & Account UI
   ========================================================================== */
.woocommerce-cart .cart-collaterals,
.woocommerce-checkout #order_review,
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce form.checkout_coupon, 
.woocommerce form.login, 
.woocommerce form.register {
    background: #FFFFFF !important;
    border-radius: 1.25rem !important;
    padding: 1.5rem !important;
    border: 1px solid #E2E8F0 !important;
    box-shadow: 0 10px 25px rgba(0, 119, 182, 0.05) !important;
}

.woocommerce table.shop_table {
    border-radius: 1rem !important;
    border: 1px solid #E2E8F0 !important;
    overflow: hidden !important;
    background: #FFFFFF !important;
}

.woocommerce table.shop_table th {
    background-color: #0B132B !important;
    color: #FFFFFF !important;
    border-bottom: none !important;
}
/* إخفاء نصوص الأسعار في جميع أرجاء الموقع */
/* إخفاء خيارات المبالغ والمجاميع الهيكلية في السلة والدفع */
.cart-subtotal, 
.order-total, 
.tax-rate, 
.wc-item-meta, 
.product-price, 
.product-subtotal,
.shop_table .amount,
.woocommerce-checkout-review-order-table tfoot {
    display: none !important;
}/* إخفاء عمود السعر وإجمالي المنتجات داخل جدول السلة */
.glass-card .woocommerce table.shop_table .product-price,
.glass-card .woocommerce table.shop_table .product-subtotal,
.glass-card .woocommerce table.shop_table th.product-price,
.glass-card .woocommerce table.shop_table th.product-subtotal {
    display: none !important;
}

/* إخفاء قسم مجاميع السلة السفلي (Cart Totals) */
.glass-card .woocommerce .cart-collaterals .cart_totals,
.glass-card .woocommerce .cart-collaterals .cart-subtotal,
.glass-card .woocommerce .cart-collaterals .order-total {
    display: none !important;
}
/* Responsive Fix */
@media (max-width: 768px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1rem !important;
    }
}
/* إخفاء خيار "الشحن لعنوان مختلف" وكل خيارات الأسعار بالموقع */
#ship-to-different-address,
.shipping_address,
.wc_payment_offsets,
.woocommerce-Price-amount,
.amount,
.product-price,
.product-subtotal,
.cart-subtotal,
.order-total,
.tax-rate,
.cart_totals,
.woocommerce-checkout-review-order-table tfoot {
    display: none !important;
}

/* تنسيق حقول إتمام الطلب لتلائم التصميم الملكي الكحلي والذهبي */
.glass-card .woocommerce-billing-fields__field-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

@media (min-width: 768px) {
    .glass-card .woocommerce-billing-fields__field-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
    #billing_first_name_field,
    #billing_phone_field,
    #billing_address_1_field {
        grid-column: span 2;
    }
}