/*
Theme Name: Mirasat Child Theme
Theme URI: http://mirasat.like-themes.com/
Author: Like Themes
Author URI: http://like-themes.com/
Description: Blank Child Theme for Mirasat
Template: mirasat
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: four-columns, right-sidebar, full-width-template
Text Domain: mirasat

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* ===== IPTV Maroc - WPForms Select Arrow Centered ===== */
div.wpforms-container-full select,
div.wpforms-container select,
.wpforms-container select.wpforms-field-medium {
  width: 100% !important;
  max-width: 100% !important;
  height: 47px !important;
  min-height: 47px !important;
  padding: 0 42px 0 14px !important;
  border: 1.5px solid #dddddd !important;
  border-radius: 8px !important;
  background-color: #fafafa !important;
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2714%27%20height%3D%279%27%20viewBox%3D%270%200%2014%209%27%3E%3Cpath%20stroke%3D%27%23d6111e%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20fill%3D%27none%27%20d%3D%27M1%201l6%206%206-6%27%2F%3E%3C%2Fsvg%3E') !important;
  background-repeat: no-repeat !important;
  background-position: right 16px center !important;
  background-size: 14px 9px !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  font-size: 14px !important;
  color: #171422 !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}
div.wpforms-container-full select:focus,
.wpforms-container select:focus {
  border-color: #d6111e !important;
  background-color: #ffffff !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(214,17,30,0.10) !important;
}

/* ============================================================
   IPTV MAROC - DESIGN CHECKOUT (NOUVEAU)
   ============================================================ */

/* 1. إجبار القالب على استخدام الخلفية الفاتحة لصفحة الدفع */
body.woocommerce-checkout,
body.woocommerce-checkout #page,
body.woocommerce-checkout .site-content,
body.woocommerce-checkout #content,
body.woocommerce-checkout #main,
body.woocommerce-checkout .main-wrapper,
body.woocommerce-checkout .container.main-wrapper {
    background: #f1f0f5 !important;
    background-image: none !important;
}

/* 2. تخطيط الصفحة (تقسيم إلى عمودين) */
body.woocommerce-checkout .woocommerce {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 30px 20px 60px !important;
    background: transparent !important;
}

body.woocommerce-checkout form.checkout {
    display: grid !important;
    grid-template-columns: 1fr 400px !important;
    gap: 30px !important;
    align-items: start !important;
}

@media (max-width: 992px) {
    body.woocommerce-checkout form.checkout {
        grid-template-columns: 1fr !important;
    }
}

/* 3. العمود الأيمن: معلومات الفاتورة */
body.woocommerce-checkout #customer_details,
body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout .woocommerce-additional-fields {
    background: #ffffff !important;
    border-radius: 14px !important;
    border: 1.5px solid #e2e0ec !important;
    padding: 25px !important;
    box-shadow: 0 2px 14px rgba(0,0,0,.05) !important;
    grid-column: 1 !important;
    margin: 0 !important;
}

body.woocommerce-checkout .woocommerce-billing-fields::before,
body.woocommerce-checkout .woocommerce-additional-fields::before {
    display: none !important;
}

/* 4. العمود الأيسر: مراجعة الطلب والدفع */
body.woocommerce-checkout h3#order_review_heading,
body.woocommerce-checkout #order_review {
    background: #ffffff !important;
    color: #171422 !important;
    border: 1.5px solid #e2e0ec !important;
    box-shadow: 0 2px 14px rgba(0,0,0,.05) !important;
    margin: 0 !important;
}

body.woocommerce-checkout h3#order_review_heading {
    border-radius: 14px 14px 0 0 !important;
    padding: 20px 24px !important;
    border-bottom: none !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

body.woocommerce-checkout #order_review {
    border-radius: 0 0 14px 14px !important;
    padding: 0 24px 24px !important;
    border-top: none !important;
}

/* 5. إصلاح ألوان النصوص والجداول داخل الصناديق */
body.woocommerce-checkout h3 {
    color: #171422 !important; 
    border-bottom: 2px solid #e2e0ec !important;
    padding-bottom: 10px !important;
}

body.woocommerce-checkout label,
body.woocommerce-checkout table.shop_table th,
body.woocommerce-checkout table.shop_table td,
body.woocommerce-checkout table.shop_table span.amount,
body.woocommerce-checkout table.shop_table .product-name {
    color: #171422 !important;
}

body.woocommerce-checkout table.shop_table th,
body.woocommerce-checkout table.shop_table td {
    border-color: #e2e0ec !important;
}

/* 6. تنسيق الحقول (Inputs) لتصبح فاتحة */
body.woocommerce-checkout form .form-row input.input-text, 
body.woocommerce-checkout form .form-row textarea,
body.woocommerce-checkout form .form-row select,
body.woocommerce-checkout .select2-container--default .select2-selection--single {
    background: #ffffff !important;
    border: 1.5px solid #e2e0ec !important;
    color: #171422 !important;
    border-radius: 9px !important;
    padding: 12px 14px !important;
    height: auto !important;
    box-shadow: none !important;
}

body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #171422 !important;
}

body.woocommerce-checkout form .form-row input.input-text:focus, 
body.woocommerce-checkout form .form-row textarea:focus,
body.woocommerce-checkout .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #d6111e !important;
    box-shadow: 0 0 0 3px rgba(214,17,30,.1) !important;
}

/* 7. منطقة طرق الدفع (البنوك) */
body.woocommerce-checkout #payment {
    background: #f9f9f9 !important;
    border-radius: 10px !important;
    padding: 20px !important;
}

body.woocommerce-checkout #payment ul.payment_methods li {
    background: #ffffff !important;
    color: #171422 !important;
    border: 1px solid #e2e0ec !important;
    border-radius: 8px !important;
    padding: 10px !important;
    margin-bottom: 10px !important;
}

body.woocommerce-checkout #payment div.payment_box {
    background: #fff5f5 !important;
    color: #444 !important;
    border-left: 4px solid #d6111e !important;
}

/* 8. زر تأكيد الطلب */
body.woocommerce-checkout #payment #place_order {
    background: linear-gradient(135deg, #d6111e, #a00c16) !important;
    color: #ffffff !important;
    border-radius: 11px !important;
    padding: 16px 20px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    width: 100% !important;
    border: none !important;
    margin-top: 15px !important;
}