/* الألوان والمتغيرات */
:root {
    --gold-main: #cba363;     /* اللون الذهبي الأساسي */
    --gold-dark: #b08d55;     /* ذهبي غامق عند الضغط */
    --beige-bg: #fcfbf8;      /* بيج فاتح جداً للخلفيات */
    --text-dark: #333333;
}

/* إخفاء العناصر غير المرغوبة */
.woocommerce-product-details__short-description + .cart,
.product .summary form.cart,
.woocommerce-variation-add-to-cart,
.product_meta,
.woocommerce-breadcrumb { display: none !important; }

/* 1. تصميم النموذج (بيج وذهبي) */
.dcwc-form-container {
    background: var(--beige-bg);
    padding: 20px;
    border: 1px solid #efe8d8;
    border-radius: 10px;
    margin: 10px 0 25px 0;
    direction: rtl; text-align: right;
    box-shadow: 0 4px 10px rgba(203, 163, 99, 0.1); /* ظل ذهبي خفيف */
}

.form-title {
    margin: 0 0 15px 0; font-size: 18px; color: var(--gold-dark);
    border-bottom: 2px solid #e0d0b6; padding-bottom: 10px;
}

.dcwc-field-group { margin-bottom: 15px; }
.dcwc-input {
    width: 100%; padding: 12px; border: 1px solid #dcdcdc; border-radius: 6px;
    background: #fff; font-size: 15px; transition: border 0.3s;
}
.dcwc-input:focus { border-color: var(--gold-main); outline: none; }
.phone-input-rtl { direction: rtl !important; text-align: right !important; }

/* 2. الأزرار الذهبية والخطوط الكبيرة */
.dcwc-action-row { display: flex; gap: 10px; align-items: center; margin-top: 20px; }

/* زر الشراء */
.dcwc-buy-now-btn, #dcwc-sticky-btn, #dcwc-confirm-order, .dcwc-return-btn {
    background-color: var(--gold-main) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    font-weight: 800 !important; /* خط عريض */
    font-size: 18px !important;   /* خط كبير */
    cursor: pointer;
    transition: background 0.3s;
    text-align: center;
}
.dcwc-buy-now-btn { flex-grow: 1; height: 50px; padding: 0; }
.dcwc-buy-now-btn:hover, #dcwc-sticky-btn:hover, #dcwc-confirm-order:hover {
    background-color: var(--gold-dark) !important;
}

/* عداد الكمية */
.dcwc-qty-wrapper { display: flex; border: 1px solid #dcdcdc; border-radius: 6px; overflow: hidden; background: #fff; height: 50px;}
.qty-btn { background: #f4f4f4; border: none; width: 40px; font-size: 20px; cursor: pointer; color: #555; }
.qty-input { width: 50px; text-align: center; border: none; font-size: 18px; font-weight: bold; color: var(--text-dark); }

/* 3. النافذة المنبثقة (بيج) */
.dcwc-modal { display: none; position: fixed; z-index: 999999; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); backdrop-filter: blur(2px); }
.dcwc-modal-content { 
    background: var(--beige-bg); margin: 15% auto; padding: 25px; width: 90%; max-width: 450px; 
    border-radius: 12px; position: relative; direction: rtl; text-align: right;
    border: 1px solid var(--gold-main);
}
.dcwc-close { float: left; font-size: 30px; cursor: pointer; color: var(--gold-dark); line-height: 20px;}
.customer-info-box { background: #fff; padding: 12px; border-radius: 6px; margin-bottom: 15px; font-size: 14px; border: 1px solid #eee; color: #555;}
.total-row th, .total-row td { color: var(--gold-dark); font-size: 18px; font-weight: bold; border-top: 1px solid #ccc; padding-top: 10px;}
.dcwc-confirm-btn { width: 100%; padding: 15px; font-size: 20px !important; margin-top: 10px; }

/* 4. الشريط العائم */
#dcwc-sticky-bar {
    position: fixed; bottom: 0; left: 0; width: 100%; background: #fff;
    border-top: 2px solid var(--gold-main); box-shadow: 0 -5px 15px rgba(0,0,0,0.1); z-index: 99999; padding: 10px; display: none;
}
.sticky-content { display: flex; justify-content: space-between; align-items: center; max-width: 600px; margin: 0 auto; }
.sticky-img { width: 45px; height: 45px; border-radius: 5px; object-fit: cover; border: 1px solid #eee; }
.sticky-info { flex-grow: 1; margin: 0 10px; }
.sticky-price { font-weight: bold; color: var(--gold-dark); font-size: 16px; }
#dcwc-sticky-btn { padding: 8px 20px; font-size: 14px !important; }

/* 5. صفحة الشكر الجديدة */
.dcwc-thankyou-wrapper {
    background: var(--beige-bg);
    border: 2px solid var(--gold-main);
    border-radius: 15px;
    padding: 30px 20px;
    text-align: center;
    margin-bottom: 30px;
    box-shadow: 0 10px 30px rgba(203, 163, 99, 0.15);
}
.dcwc-celebration-icon { font-size: 60px; margin-bottom: 10px; animation: pop 0.6s ease-out; }
.dcwc-thankyou-title { color: var(--gold-dark); font-size: 24px; font-weight: bold; margin-bottom: 10px; }
.dcwc-thankyou-msg { font-size: 16px; color: #555; margin-bottom: 25px; line-height: 1.6; }
.dcwc-return-btn { display: inline-block; text-decoration: none; padding: 12px 25px; }

@keyframes pop { 0% { transform: scale(0); } 80% { transform: scale(1.2); } 100% { transform: scale(1); } }

@media (max-width: 768px) {
    #dcwc-sticky-bar { display: block; }
    body { padding-bottom: 80px; }
}