/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/
.platform-card {
    border: 2px solid transparent;
    border-radius: 12px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.platform-card.active-platform {
    border: 2px solid #000 !important;
}

.expand-box {
  transition: all 0.4s ease;
  flex: 1;
  cursor: pointer;
  overflow: hidden;
}

.expand-box.active {
  flex: 3;
}

.card-title {
  transition: 0.4s ease;
  transform: translateY(0);
}

.expand-box.active .card-title {
  transform: translateY(-100px); 
}

@media (max-width: 767px) {
  .expand-box.active .card-title {
    transform: translateY(-150px); 
  }
}

.hidden-content {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  bottom: 20px;
  left: 32px;
  right: 20px;
  transition: 0.3s;
}

.expand-box {
  position: relative;
}

.expand-box.active .hidden-content {
  opacity: 1;
	visibility: visible;
}

.active-platform{
    border:2px solid #000;
    transform:scale(1.03);
    transition:0.3s;
}
.um-col-alt{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.um-col-alt .um-left,
.um-col-alt .um-right{
    width: 100%;
    float: none;
}

.um-col-alt .um-button{
    width: 100%;
    border-radius: 4px;
    text-align: center;
}

/* زرار Register */
.um-col-alt #um-submit-btn{
    background: #000 !important;
    color: #fff !important;
    border: none;
    padding: 14px;
    font-weight: 600;
}

/* لينك Login */
.um-col-alt .um-right{
    text-align: center;
}

.um-col-alt .um-right .um-button.um-alt{
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0;
    color: #000 !important;
    text-decoration: underline;
    font-weight: 500;
}
#selectedPlanContainer .plan-card{
    color:#fff;
}

#selectedPlanContainer .plan-card h2,
#selectedPlanContainer .plan-card p,
#selectedPlanContainer .plan-card li,
#selectedPlanContainer .plan-card span{
    color:#fff !important;
}

#selectedPlanContainer .elementor-icon-list-icon svg{
    width:24px !important;
    height:24px !important;
}

#selectedPlanContainer .subscribeBtn{
    display:none !important;
}
#planPrice > p,
#selectedPlanContainer > div > div.elementor-element.elementor-element-7333a01.elementor-widget.elementor-widget-text-editor > p{
    margin-bottom:0px !important;
}
#selectedPlanContainer .elementor-icon-list-item{
    margin-bottom:12px !important;
}
/* Form */
.wpcf7-form{
    font-family: 'Montserrat', sans-serif !important;
}

/* Remove default CF7 spacing */
.wpcf7-form p{
    margin: 0 0 12px !important;
}

.wpcf7-form br{
    display: none;
}

/* First row */
.cf7-row{
    display: flex;
    gap: 12px;
    margin: 0 !important;
}

.cf7-col{
    flex: 1;
}

/* Labels */
.wpcf7-form label{
    display: block;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px;
    font-weight: 600;
    color: #010203;
    line-height: 2.3;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
    width: 96px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text] {
    padding-left: 107px;
}
/* Inputs */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea{
    width: 100%;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    padding: 12px 16px;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif !important;
    color: #525252 !important;
    background: #fff;
    box-sizing: border-box;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"]{
    height: 48px;
}

.wpcf7-form textarea{
    height: 97px;
    resize: none;
}

/* Focus */
.wpcf7-form input:focus,
.wpcf7-form textarea:focus{
    outline: none;
    border-color: #010203;
}

/* Submit */
.wpcf7-form input[type="submit"]{
    font-family: 'Montserrat', sans-serif !important;
    background: #010203;
    color: #fff;
    border: 0;
    border-radius: 5px;
    padding: 15px 40px;
    min-width: 190px;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
}

.wpcf7-form input[type="submit"]:hover{
    opacity: .9;
}

/* Validation */
.wpcf7-not-valid-tip{
    margin-top: 4px;
    font-size: 12px;
}
.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder{
    color: #525252 !important;
font-size: 14px;
font-weight:500;
    opacity: 1;
    font-family: 'Montserrat', sans-serif !important;
}

.intl-tel-input.separate-dial-code .selected-flag {
	background-color: #fff;
border-radius: 10px 0px 0px 10px;
border-right: 2px solid #E4E7E9 !important;

}


/* Mobile */
@media (max-width: 767px){
    .cf7-row{
        flex-direction: column;
        gap: 12px;
    }

    .wpcf7-form input[type="submit"]{
        width: 100%;
    }
}

#phone_number-169,
#phone_number-170{
    padding-left:85px !important;
}
.um-field-label{
    color:#010203 !important;
    font-family:'Montserrat', sans-serif !important;
    font-size:16px;
    font-weight:600;
}

.um-button{
    font-family:'Montserrat', sans-serif !important;
    font-size:18px;
    font-weight:600 !important;
}
.um-form-field{
    width:100% !important;
    border:1px solid #E6E6E6;
    border-radius:10px !important;
    font-family:'Montserrat', sans-serif !important;
    color:#525252 !important;
    padding:17px 16px !important;
}

#commercial-registration-169{
    padding:17px 16px !important;
}
#um_field_169_phone_number > div.um-field-area > div,
#um_field_170_phone_number > div.um-field-area > div{
 width:100% !important;    
}
.single_add_to_cart_button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
}

.single_add_to_cart_button {
    /*text-indent: -9999px;*/
    overflow: hidden;
    background: #010203 !important;
}


.single_add_to_cart_button svg {
    text-indent: 0;
    position: absolute;
}
#post-621 > div > div > div > div:nth-child(2) > div > table > tbody > tr > td{
    border:none !important;
}
table, td, th {
    border: none !important;
}

@media (max-width: 767px) {
    .quantix-import-btn {
        padding:12px 40px !important;
    }
}
.elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-mini-cart .elementor-menu-cart__main {
    right: 150px !important;
}
html[dir="rtl"] #page > header > div.elementor-element.elementor-element-198b98a.e-con-full.elementor-hidden-mobile.e-flex.e-con.e-parent.e-lazyloaded > div.elementor-element.elementor-element-13eec96.e-con-full.e-flex.e-con.e-child > div.elementor-element.elementor-element-56a4fab.toggle-icon--custom.elementor-menu-cart--cart-type-mini-cart.elementor-menu-cart--empty-indicator-hide.elementor-menu-cart--items-indicator-bubble.elementor-menu-cart--show-remove-button-yes.elementor-widget.elementor-widget-woocommerce-menu-cart.elementor-menu-cart--shown > div > div > div.elementor-menu-cart__container.elementor-lightbox > div {
    right: unset !important;
    left:150px !important;
}

/*=====================================================================*/
/* ===== Sidebar Wrapper ===== */
/* ===== Sidebar ===== */
.csf-sidebar {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* ===== كل box لوحده ===== */
.csf-box {
  background: #fff;
  border: 2px solid #EEEEEE;
  border-radius: 5px;
  padding: 20px 18px 22px;
  margin-bottom:24px;
}

/* ===== Title ===== */
.csf-title {
  font-size: 16px;
  font-weight: 600;
  color: #010203;
  /*border-bottom: 2px solid #111;*/
  padding-bottom: 8px;
  margin: 0 0 16px;
}

/* ===== Items ===== */
.csf-items {
  display: flex;
  flex-direction: column;
  gap: 11px;
}

/* ===== Checkbox Row ===== */
.csf-row {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  font-size: 14px;
  color: #222;
  line-height: 1;
}

.csf-row input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 22px;
  height: 22px;
  min-width: 22px;
  border: 1.5px solid #c0c0c0;
  border-radius: 5px;
  background: #fff;
  cursor: pointer;
  position: relative;
  transition: background .15s, border-color .15s;
  margin: 0;
}

.csf-row input[type="checkbox"]:checked {
  background: #111;
  border-color: #111;
}

.csf-row input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 7px;
  width: 6px;
  height: 10px;
  border: 2px solid #fff;
  border-top: none;
  border-left: none;
  transform: rotate(45deg);
}

/* ===== Price Inputs ===== */
/*.csf-price-inputs {*/
/*  display: flex;*/
/*  gap: 10px;*/
/*  margin-bottom: 20px;*/
/*}*/

/*.csf-price-box {*/
/*  width: 60px;*/
/*  height: 34px;*/
/*  border: 1px solid #ddd;*/
/*  border-radius: 5px;*/
/*  display: flex;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*  background: #fff;*/
/*}*/

/*.csf-price-box input[type="number"] {*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  border: none;*/
/*  outline: none;*/
/*  text-align: center;*/
/*  font-size: 14px;*/
/*  color: #111;*/
/*  background: transparent;*/
/*  -moz-appearance: textfield;*/
/*  padding: 0;*/
/*}*/

/*.csf-price-box input[type="number"]::-webkit-inner-spin-button,*/
/*.csf-price-box input[type="number"]::-webkit-outer-spin-button {*/
/*  -webkit-appearance: none;*/
/*}*/

/* ===== PRICE FILTER ===== */

.csf-price-inputs{
    position:relative;
    height:60px;
    margin-bottom:20px;
}

.csf-price-box{
    position:absolute;
    top:0;
    transition:.15s ease;
}

.csf-price-box{
    width:66px;
    height:44px;
    border:0;
    border-radius:6px;
    background:#fff;
    text-align:center;
    color:#4b4b4b;
    font-size:17px;
    font-weight:400;
    font-family:inherit;

    box-shadow:0 2px 10px #18274B24 !important;

    pointer-events:none;
    padding:0;
}
#csf-min,
#csf-max{
    border:0;
}

/* إزالة أسهم input number */
.csf-price-box input::-webkit-outer-spin-button,
.csf-price-box input::-webkit-inner-spin-button{
    -webkit-appearance:none;
    margin:0;
}

.csf-price-box input[type=number]{
    -moz-appearance:textfield;
}

/* السهم الصغير تحت البابل */
.csf-price-box:after{
    content:'';
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:-8px;

    border-left:8px solid transparent;
    border-right:8px solid transparent;
    border-top:8px solid #fff;
}

/* السلايدر */
.csf-range-wrap{
    position:relative;
    height:24px;
}

.csf-track{
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    height:8px;
    background:#e6e6e6;
    border-radius:20px;
    transform:translateY(-50%);
}

.csf-fill{
    position:absolute;
    top:50%;
    height:8px;
    background:#222;
    border-radius:20px;
    transform:translateY(-50%);
}

.csf-range-wrap input[type="range"]{
    position:absolute;
    width:100%;
    height:24px;
    margin:0;
    pointer-events:none;
    appearance:none;
    -webkit-appearance:none;
    background:none;
}

.csf-range-wrap input[type="range"]::-webkit-slider-runnable-track{
    background:transparent;
}

.csf-range-wrap input[type="range"]::-moz-range-track{
    background:transparent;
}

/* الدواير */
.csf-range-wrap input[type="range"]::-webkit-slider-thumb{
    -webkit-appearance:none;
    appearance:none;

    width:18px;
    height:18px;
    border-radius:50%;

    background:#222;
    border:3px solid #fff;

    box-shadow:0 0 0 2px rgba(0,0,0,.15);

    cursor:pointer;
    pointer-events:auto;
}

.csf-range-wrap input[type="range"]::-moz-range-thumb{
    width:18px;
    height:18px;
    border-radius:50%;

    background:#222;
    border:3px solid #fff;

    cursor:pointer;
    pointer-events:auto;
}
/* ===== Dual Range Slider ===== */
.csf-range-wrap {
  position: relative;
  height: 19px;
  display: flex;
  align-items: center;
}

.csf-track {
  position: absolute;
  left: 0; right: 0; top: 9px;
  height: 4px;
  background: #e0e0e0;
  border-radius: 2px;
  z-index: 0;
}

.csf-fill {
  position: absolute;
  top: 9px;
  /*height: 4px;*/
  background: #111;
  border-radius: 2px;
  z-index: 1;
}

.csf-range-wrap input[type="range"] {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
  -webkit-appearance: none;
  appearance: none;
  pointer-events: none;
  z-index: 2;
  margin: 0;
  padding: 0;
}

.csf-range-wrap input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #111;
  border: 2.5px solid #fff;
  box-shadow: 0 0 0 1.5px #111;
  cursor: pointer;
  pointer-events: auto;
}

.csf-range-wrap input[type="range"]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #111;
  border: 2.5px solid #fff;
  box-shadow: 0 0 0 1.5px #111;
  cursor: pointer;
  pointer-events: auto;
}

/* ===== Buttons ===== */
.csf-btns {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.csf-apply {
  width: 100%;
  padding: 12px;
  background: #111;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background .2s;
}

.csf-apply:hover { background: #333; }

.csf-reset {
  display: block;
  text-align: center;
  font-size: 13px;
  color: #999;
  text-decoration: none;
  padding: 4px;
  transition: color .2s;
}

.csf-reset:hover { color: #111; }

/*===============================================*/
/*my account  style*/
/* Container & Base Font */
.my-account-container {
    font-family: 'Montserrat', sans-serif !important;
    margin: 0 auto;
    padding: 20px;
}

.account-title {
    margin-bottom: 30px;
}

/* Layout Split */
.account-layout {
    display: flex;
    gap: 40px;
    align-items: flex-start;
}

/* Sidebar Styling */
.account-sidebar {
    width: 220px;
    flex-shrink: 0;
}

.sidebar-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 15px;
    text-decoration: none;
    margin-bottom: 5px;
    transition: all 0.3s ease;
}

.sidebar-link.active {
    color: #000;
    font-weight: bold;
    border-left: 3px solid #000;
}

.sidebar-link:not(.active) {
    color: #666;
    font-weight: normal;
    border-left: 3px solid transparent;
}

.sidebar-icon {
    width: 20px;
    height: 20px;
}

/* Main Content Area */
.account-content {
    flex: 1;
}

/* Form Styles */
.form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.grid-full-width {
    grid-column: 1 / -1;
}

.form-group {
    margin-bottom: 20px;
}

.form-label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

.form-input {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-sizing: border-box;
}

.input-disabled {
    background: #f5f5f5;
}

.max-width-wrapper {
    max-width: 600px;
}

/* Buttons */
.btn-submit {
    color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 16px;
    background: #000;
}

.btn-profile-save {
    margin-top: 25px;
    padding: 12px 60px; /* تظبيط الـ padding المتناسق لزر التعديل */
}

.btn-password-save {
    padding: 15px 60px;
}

/* Delete Account Features */
.delete-account-wrapper {
    margin-top: 15px;
}

.btn-delete-link {
    color: #FF3B30;
    text-decoration: none;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.delete-icon {
    width: 24px;
    height: 24px;
}

/* Tab Management System */
.tabs-container {
    display: flex;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 25px;
    border: 1px solid #ddd;
}

.max-width-tabs {
    max-width: 500px;
}

.tab-btn {
    flex: 1;
    padding: 12px;
    border: none;
    cursor: pointer;
    transition: background 0.2s ease;
}

.tab-active {
    background: #000;
    color: #fff;
    font-weight: bold;
}

.tab-inactive {
    background: #f5f5f5;
    color: #333;
}

/* Modals Core Architecture */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 9999;
}

.modal-center {
    display: flex;
    flex-direction: column;
}

#delete-modal.modal-overlay {
    display: none;
    align-items: center;
    justify-content: center;
}

.modal-card {
    background: #fff;
    border-radius: 12px;
    padding: 40px;
    max-width: 500px;
    width: 90%;
}

.modal-center.modal-card {
    text-align: center;
}

.modal-top-margin {
    max-width: 600px;
    margin: 40px auto;
    position: relative;
}

.modal-scrollable {
    overflow-y: auto;
}

.modal-close-btn {
    align-self: flex-end;
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
}

.modal-close-circle {
    position: absolute;
    top: 15px;
    right: 15px;
    background: none;
    border: 1px solid #ddd;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    cursor: pointer;
    font-size: 16px;
}

.modal-avatar-icon {
    font-size: 60px;
    margin-bottom: 15px;
}

.modal-desc {
    color: #666;
}

.modal-form {
    margin-top: 25px;
}

.modal-btn-group {
    display: flex;
    gap: 15px;
}

.btn-modal-cancel {
    flex: 1;
    padding: 15px;
    background: #000;
    color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
}

.btn-modal-delete {
    flex: 1;
    padding: 15px;
    background: #ddd;
    color: #666;
    border: none;
    border-radius: 8px;
    cursor: pointer;
}

/* Orders List View */
.order-row-card {
    display: flex;
    align-items: center;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 15px;
    cursor: pointer;
    transition: box-shadow 0.2s ease;
}

.order-row-card:hover {
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.order-thumb-wrapper {
    position: relative;
    width: 60px;
    height: 60px;
    margin-right: 15px;
}

.order-thumb-img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 8px;
}

.order-badge-count {
    position: absolute;
    bottom: -5px;
    right: -5px;
    background: #333;
    color: #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.order-details-col {
    flex: 1;
}

.order-date-text {
    font-size: 13px;
    color: #666;
}

.order-meta-col {
    text-align: right;
}

.status-badge {
    color: #fff;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    display: block;
    margin-bottom: 5px;
}

.status-completed { background-color: #4CAF50; }
.status-processing { background-color: #FF9800; }
.status-shipped { background-color: #2196F3; }
.status-default { background-color: #999; }

/* Pricing Plans / Packages */
.plans-flex-grid {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.plan-card {
    flex: 1;
    min-width: 220px;
    border-radius: 12px;
    padding: 20px;
    color: #fff;
}

.plan-gradient-light {
    background: linear-gradient(135deg, #4dd9e0, #1a4a5e);
}

.plan-gradient-dark {
    background: linear-gradient(135deg, #2a8a8a, #0a2a3e);
}

.plan-title {
    margin: 0 0 5px;
    color: #fff;
}

.plan-price {
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: bold;
}

.plan-period {
    font-size: 12px;
    font-weight: normal;
}

.plan-desc {
    margin: 0 0 10px;
    font-size: 13px;
    opacity: 0.9;
}

.plan-features-list {
    list-style: none;
    padding: 0;
    margin: 0 0 15px;
    font-size: 13px;
}

.plan-features-list li {
    margin-bottom: 6px;
    display: flex;
    gap: 5px;
    align-items: center;
}

.btn-plan-subscribe {
    display: block;
    text-align: center;
    background: #010203;
    color: #fff;
    padding: 10px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: bold;
}

.max-width-sub-card {
    max-width: 320px;
}

.subscribed-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.active-badge {
    background: rgba(255,255,255,0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px;
}

/* Wallet Banner & Loyalty Components */
.wallet-banner-card {
    background: linear-gradient(135deg, #4dd9e0, #1a4a5e);
    border-radius: 12px;
    padding: 25px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.wallet-label {
    margin: 0 0 5px;
    opacity: 0.8;
}

.wallet-balance-amount {
    margin: 0;
    color: #fff;
}

.btn-wallet-recharge {
    padding: 12px 25px;
    background: #000;
    color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-weight: bold;
}

.payment-methods-wrapper {
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 20px;
}

.payment-method-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px;
    cursor: pointer;
}

.method-row-bg {
    border-bottom: 1px solid #eee;
    background: #f9f9f9;
}

.border-bottom-only {
    border-bottom: 1px solid #eee;
}

.loyalty-desc {
    color: #fff;
    margin: 10px 0 0;
    opacity: 0.8;
    font-size: 13px;
}

.loyalty-coin-icon {
    font-size: 60px;
}

/* General Utilities */
.text-muted { color: #888; }
.msg-success { color: green; }
.msg-error { color: red; }
.display-none { display: none; }
.overflow-hidden { overflow: hidden; }
.no-margin-top { margin-top: 0; }
.no-margin-bottom { margin-bottom: 0; }
.margin-bottom-lg { margin-bottom: 20px; }
.padding-md { padding: 20px; }
.padding-y-md { padding: 20px 0; }
.width-100 { width: 100%; }
.modal-loading-text { text-align: center; padding: 40px; color: #888; }

/* ==========================================================================
   2. Responsive Mobile Styles (Strict Override)
   ========================================================================== */
@media screen and (max-width: 768px) {
    /* إجبار الحاوية الرئيسية على التحول لعمود واحد */
    .account-layout {
        flex-direction: column !important;
        gap: 20px !important;
        display: flex !important;
    }

    /* تحويل القائمة الجانبية لصف أفقي مرن وقابل للتمرير */
    .account-sidebar {
        width: 100% !important;
        max-width: 100% !important;
        flex-shadow: none !important;
        display: flex !important;
        flex-row: row !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
        padding-bottom: 10px !important;
        border-bottom: 2px solid #eee !important;
        gap: 10px !important;
        -webkit-overflow-scrolling: touch !important;
    }

    /* ضبط أزرار القائمة الجانبية لتناسب العرض الأفقي للموبايل */
    .sidebar-link {
        flex: 0 0 auto !important;
        padding: 10px 16px !important;
        font-size: 14px !important;
        border-left: none !important;
        border-bottom: 3px solid transparent !important;
        margin-bottom: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
    }

    .sidebar-link.active {
        border-left: none !important;
        border-bottom: 3px solid #000 !important;
        background-color: #f9f9f9 !important;
    }

    /* المحتوى الرئيسي يأخذ العرض الكامل */
    .account-content {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
    }

    /* تحويل شبكة الحقول لعمود واحد إجباري */
    .form-grid {
        display: block !important; /* إلغاء الـ Grid المعقد على الموبايل لتجنب أي تداخل */
    }

    .form-grid > div {
        width: 100% !important;
        display: block !important;
        margin-bottom: 15px !important;
    }

    /* ضبط الحقول لتملأ الشاشة تماماً مع الحفاظ على البادينج */
    .form-input {
        width: 100% !important;
        display: block !important;
        box-sizing: border-box !important;
        padding: 12px !important;
    }

    /* جعل الأزرار ممتدة على كامل العرض لسهولة الضغط */
    .btn-submit {
        width: 100% !important;
        max-width: 100% !important;
        padding: 14px 20px !important;
        text-align: center !important;
        display: block !important;
        box-sizing: border-box !important;
    }

    .delete-account-wrapper {
        text-align: center !important;
        margin-top: 25px !important;
        display: block !important;
        width: 100% !important;
    }

    /* كروت الطلبات والباقات */
    .order-row-card {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px !important;
    }

    .order-meta-col {
        width: 100% !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        border-top: 1px solid #eee !important;
        padding-top: 10px !important;
    }

    .wallet-banner-card {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 15px !important;
    }

    .btn-wallet-recharge {
        width: 100% !important;
    }
}


.woocommerce-js div.product .stock{
    display:none !important;
}
/*===============================================*/
/*form ar*/


/* تفعيل الخط والاتجاه للفورم العربي فقط */
.cf7-rtl, 
.cf7-rtl .wpcf7-form {
    font-family: 'Almarai', sans-serif !important;
    direction: rtl !important;
    text-align: right !important;
}

/* إزالة المسافات الافتراضية */
.cf7-rtl p {
    margin: 0 0 12px !important;
}

.cf7-rtl br {
    display: none !important;
}

/* تنسيق الصف الأول */
.cf7-rtl .cf7-row {
    display: flex;
    gap: 12px;
    margin: 0 !important;
}

.cf7-rtl .cf7-col {
    flex: 1;
}

/* العناوين (Labels) */
.cf7-rtl label {
    display: block;
    font-family: 'Almarai', sans-serif !important;
    font-size: 16px;
    font-weight: 700;
    color: #010203;
    line-height: 2.3;
}

/* حقول الإدخال */
.cf7-rtl input[type="text"],
.cf7-rtl input[type="email"],
.cf7-rtl input[type="tel"],
.cf7-rtl textarea {
    width: 100%;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    padding: 12px 16px;
    font-size: 14px;
    font-family: 'Almarai', sans-serif !important;
    color: #525252 !important;
    background: #fff;
    box-sizing: border-box;
}

.cf7-rtl input[type="text"],
.cf7-rtl input[type="email"],
.cf7-rtl input[type="tel"] {
    height: 48px;
    direction: rtl;
}

.cf7-rtl textarea {
    height: 97px;
    resize: none;
}

/* التركيز (Focus) */
.cf7-rtl input:focus,
.cf7-rtl textarea:focus {
    outline: none;
    border-color: #010203;
}

/* زر الإرسال */
.cf7-rtl input[type="submit"] {
    font-family: 'Almarai', sans-serif !important;
    background: #010203;
    color: #fff;
    border: 0;
    border-radius: 5px;
    padding: 15px 40px;
    min-width: 190px;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
}

.cf7-rtl input[type="submit"]:hover {
    opacity: .9;
}

/* نصوص التنبيه والخطأ */
.cf7-rtl .wpcf7-not-valid-tip {
    margin-top: 4px;
    font-size: 12px;
    font-family: 'Almarai', sans-serif !important;
}

.cf7-rtl input::placeholder,
.cf7-rtl textarea::placeholder {
    color: #525252 !important;
    font-size: 14px;
    font-weight: 500;
    opacity: 1;
    font-family: 'Almarai', sans-serif !important;
}


.cf7-rtl .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
    width: 96px;
    direction:ltr;
}
.cf7-rtl .intl-tel-input.separate-dial-code .selected-dial-code {
    display: table-cell;
    vertical-align: middle;
    padding-left: unset;
    padding-right: 28px;
}

.cf7-rtl .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, 
.cf7-rtl .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel], 
.cf7-rtl .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text] {
    padding-right: 107px !important;
    padding-left: 16px !important;
}

.cf7-rtl .intl-tel-input.separate-dial-code .selected-flag {
    background-color: #fff;
    border-radius: 0px 10px 10px 0px !important;
    border-left: 2px solid #E4E7E9 !important;
    border-right: none !important;
    left: auto !important;
    right: 0 !important;
}

.cf7-rtl #phone_number-169,
.cf7-rtl #phone_number-170 {
    padding-right: 85px !important;
    padding-left: 16px !important;
}
html[lang="ar"] .cf7-rtl .intl-tel-input.allow-dropdown .flag-container,html[lang="ar"] .intl-tel-input.separate-dial-code .flag-container {
    right:0 !important;
    left: unset;
}
html[lang="ar"] #post-943 .elementor-element-80bd154 h2,
body.rtl #post-943 .elementor-element-80bd154 h2{
    direction: ltr;
    text-align: right;
}

/* الهواتف الذكية */
@media (max-width: 767px) {
    .cf7-rtl .cf7-row {
        flex-direction: column;
        gap: 12px;
    }

    .cf7-rtl input[type="submit"] {
        width: 100% !important;
    }
}
#wcfm-content{
    font-family: 'Montserrat';
}
.wcfm-membership-wrapper {
    background: #EBF9FC;
    border: 4px solid #7AD5E8;

    padding: 40px;
}
#wcfm-content > div > h2{
    text-align:center;
    color:#010203;
}
#wcfm_membership_container p.wcfm_title strong, #wcfm_membership_container span.wcfm_title strong {
    font-style: normal !important;
    color:#010203;
}

#wcfm_membership_container input[type="text"], #wcfm_membership_container input[type="file"], #wcfm_membership_container input[type="password"], #wcfm_membership_container select, #wcfm_membership_container input[type="number"], #wcfm_membership_container input[type="time"], #wcfm_membership_container input[type="search"], #wcfm_membership_container textarea {
    border: 1px solid #E6E6E6 !important;
    border-radius: 10px;
}
#wcfm_membership_container input.wcfm_submit_button, #wcfm_membership_container a.wcfm_submit_button {
    float: left;
    
}
#preset_642 > div{
    font-family: 'Montserrat';
}
#filter_642_0 > h4{
    color:#010203;
    font-size:16px;
    margin-bottom:32px;
}
#preset_642 > div > form > button{
    background-color:#010203;
}
#wcfm-header > div{
    display:none ;
}
#wcfm-main-content {
    padding: 0px;
}
#um_field_1225_phone_number > div.um-field-area > div{
    width:100%;
}
#phone_number-1225{
        padding-left: 85px !important;
}

#preset_1236{
    font-family: 'Almarai';
}
#filter_1236_0 > h4{
    color:#010203;
    font-size:16px;
    margin-bottom:32px;
}
#page > footer > div.elementor-element.elementor-element-b9253f0.e-con-full.e-flex.e-con.e-parent.e-lazyloaded > div.elementor-element.elementor-element-7f118ca.e-con-full.e-flex.e-con.e-child > div.elementor-element.elementor-element-0f2162b.elementor-icon-list--layout-traditional.elementor-list-item-link-full_width.elementor-widget.elementor-widget-icon-list > ul > li:nth-child(1) > a > span.elementor-icon-list-text{
    direction:ltr;
    padding-right:10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* QUANTIX WOOCOMMERCE CHECKOUT STYLING */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.woocommerce-checkout {
    max-width: 1100px;
    margin: 40px auto;
    padding: 20px;
    font-family: 'Montserrat', sans-serif;
}

.woocommerce-checkout h3 {
    font-size: 20px;
    color: #010203;
    font-weight: bold;
    margin-bottom: 20px;
}

.woocommerce form .form-row {
    margin-bottom: 15px;
}

.woocommerce form .form-row label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: #010203;
    font-size: 14px;
}

.woocommerce form .form-row input,
.woocommerce form .form-row select,
.woocommerce form .form-row textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    box-sizing: border-box;
    transition: border-color 0.3s;
}

.woocommerce form .form-row input:focus,
.woocommerce form .form-row select:focus,
.woocommerce form .form-row textarea:focus {
    outline: none;
    border-color: #0DA6C2;
    box-shadow: 0 0 0 3px rgba(13, 166, 194, 0.1);
}

.woocommerce form .form-row-wide {
    width: 100%;
}

/* Checkout Layout */
.checkout-columns {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 30px;
}

.woocommerce-checkout .col-1,
.woocommerce-checkout .col-2 {
    display: block;
}

/* Billing & Shipping Form */
#billing,
#shipping {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 25px;
}

/* Order Review */
.woocommerce-checkout-review-order {
    /*background: #000;*/
    color: #000;
    /*border-radius: 10px 10px 0 0;*/
    padding: 18px 20px;
    margin-bottom: 0;
}

.woocommerce-checkout-review-order h3 {
    color: #fff;
    margin: 0;
}

.shop_table {
    background: #fff;
    color: #000;
    /*border-radius: 0 0 10px 10px;*/
    border-top: none;
    /*padding: 20px;*/
}

.shop_table th {
    font-weight: bold;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.shop_table tr {
    border-bottom: 1px solid #f0f0f0;
}

.shop_table .product-name {
    font-weight: 600;
    color: #010203;
}

/* Order Total */
.woocommerce-checkout .order-total {
    border-top: 2px solid #eee;
    /*padding-top: 15px;*/
    /*margin-top: 15px;*/
    font-size: 16px;
}

.woocommerce-checkout .order-total strong {
    color: #010203;
    font-weight: bold;
}

/* Payment Methods */
.woocommerce-checkout .payment {
    background: #f9f9f9;
    border-radius: 8px;
    /*padding: 20px;*/
    /*margin-top: 25px;*/
}

.woocommerce-checkout .payment ul li {
    list-style: none;
    padding: 10px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.woocommerce-checkout .payment ul li:last-child {
    border-bottom: none;
}

/* Place Order Button */
#place_order {
    width: 100%;
    padding: 15px;
    background: #000;
    color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    margin-top: 20px;
    transition: background 0.3s;
    font-family: 'Montserrat', sans-serif;
}

#place_order:hover {
    background: #333;
}

/* Responsive */
@media (max-width: 768px) {
    .checkout-columns {
        grid-template-columns: 1fr;
    }
    
    #billing,
    #shipping {
        padding: 15px;
    }
}


.woocommerce-checkout {
    max-width: 100% !important;
    margin: 0px 0px;
    padding: 0px;
    font-family: 'Montserrat', sans-serif;
}
#post-1294{
    font-family:'Almarai';
    margin-bottom:50px;
}
#post-10{
    font-family:'Montserrat';
    margin-bottom:50px;
}
#post-284 > div > div > div.elementor-element.elementor-element-42e3727.e-con-full.e-flex.e-con.e-parent.e-lazyloaded > div.elementor-element.elementor-element-de4c1e2.elementor-widget.elementor-widget-shortcode > div > div > div > div:nth-child(1) > div:nth-child(1) > h3{
    color:#Fff !important;
}
html[lang="ar"] #post-1297,
html[lang="ar"] #post-1540{
    font-family:'Almarai';
}
#post-1540 > header > h1{
    display:none;
}
#content > div > div > div.elementor-element.elementor-element-2d9e8b5.e-con-full.e-flex.e-con.e-parent.e-lazyloaded > div.elementor-element.elementor-element-71d3d2d.e-con-full.e-flex.e-con.e-child > div.elementor-element.elementor-element-50bde46.elementor-widget.elementor-widget-taxonomy-filter > search > button:nth-child(1),
#content > div > div > div.elementor-element.elementor-element-2d9e8b5.e-con-full.e-flex.e-con.e-parent.e-lazyloaded > div.elementor-element.elementor-element-71d3d2d.e-con-full.e-flex.e-con.e-child > div.elementor-element.elementor-element-560a2fb.elementor-widget.elementor-widget-taxonomy-filter > search > button:nth-child(1){
    display:none;
}
html[lang="ar"] #post-1297 > div > div > form.checkout.woocommerce-checkout{
    font-family:'Almarai';
}
html[lang="ar"] #shipping_method{
    text-align:right;
}
#shipping_method{
    text-align:left;
}



.wc-mobile-back{
    display:none;
}

@media (max-width:768px){
    .wc-mobile-back{
        display:block;
        margin-bottom:15px;
    }

    .wc-mobile-back button{
        background:#000;
        border:none;
        font-size:16px;
        cursor:pointer;
        padding:5px;
    }
}