/* =====================================================================
 * Qudurat Master CSS — مستخرَج من functions.php (دالة qudurat_master_css)
 * ---------------------------------------------------------------------
 * هذا الملف مطابق 100% للـ CSS الذي كان مُضمَّناً في wp_head.
 * نُقِل إلى ملف خارجي حتى:
 *   - يُحفَظ في cache المتصفح (يُحمَّل مرة واحدة فقط)
 *   - يقلّل حجم HTML بـ ~34 KB لكل صفحة
 *   - يستفيد من LiteSpeed CSS Combine/Minify تلقائياً
 *   - يقلّل وقت Time to First Byte (TTFB)
 *
 * مكان الملف: wp-content/themes/qudurat-child/assets/css/qudurat-master.css
 * يُحمَّل عبر: qudurat_enqueue_master_css() في [14] من functions.php
 * ===================================================================== */

/* === [أ] الهوية البصرية: السيطرة على متغيرات الجذور والألوان === */
:root, html, body {
    --themecolor: #1699CA !important;
    --primary-color: #1699CA !important;
    --button-color: #1699CA !important;
    --primthemecolor: #1699CA !important;
    --secthemecolor: #0A2540 !important;
}

/* === [ب] الأزرار الأساسية وحالات التمرير === */
.wr-tabs-button, .wr-btn-project, .wr-btn, .wr-btn-flat,
.wr-headerbottom .wr-freelancer-tabs .wr-tabs-button {
    background-color: #1699CA !important;
    border-color: #1699CA !important;
    color: #ffffff !important;
}
.wr-tabs-button:hover, .wr-btn-project:hover, .wr-btn:hover,
.wr-headerbottom .wr-freelancer-tabs .wr-tabs-button:hover {
    background-color: #1385af !important;
    color: #ffffff !important;
}
.wt-btn, a.wt-btn, .tk-btn-solid-left, .wr-btn, .wk-btn, .btn, button,
input[type="submit"], .elementor-button, .wt-btnvtwo, .wr-header .wr-btn {
    background: #1699CA !important;
    border-color: #1699CA !important;
    color: #FFFFFF !important;
    transition: all 0.1s ease !important;
}
.wt-btn:hover, a.wt-btn:hover, .wr-btn:hover, button:hover, .elementor-button:hover {
    background: #0A2540 !important;
    border-color: #0A2540 !important;
}
.wt-btn::before, .wt-btn::after, .wr-btn::before, .wr-btn::after,
.wr-navbarbtn a::before, .wr-navbarbtn a::after {
    display: none !important; content: none !important; background: none !important;
}

/* === [ج] مربعات الاختيار والأشرطة والمنزلقات === */
.form-check-input:checked,
.form-check-input:checked[type=checkbox],
.form-check-input:checked[type=radio],
.wr-form-checkbox input:checked + label::before {
    background-color: #1699CA !important;
    border-color: #1699CA !important;
    background-image: none !important;
}
.ui-slider-range, .ui-slider-handle,
.wr-distanceholder .ui-slider-range,
.wr-pricerange .ui-slider-range,
.mCSB_dragger_bar {
    background-color: #1699CA !important;
    background: #1699CA !important;
}
.select2-results__options, .mCustomScrollBox, * {
    scrollbar-color: #1699CA #ffffff !important;
    scrollbar-width: thin !important;
}

/* === [د] أسهم القوائم المنسدلة === */
.wr-dropdownarrow, .at-dropdownarrow,
.wr-myorders.menu-item-has-children span.wr-dropdownarrow,
.wr-projectlistings.menu-item-has-children span.wr-dropdownarrow {
    background-color: #1699CA !important;
    border-color: #1699CA !important;
    color: #ffffff !important;
}
.wr-dropdownarrow i, .at-dropdownarrow i, .wr-icon-chevron-right {
    color: #ffffff !important;
}
html body span.wr-dropdowarrow,
html body .wr-navdashboard .wr-dropdowarrow,
html body .wr-menuopen > .wr-dropdowarrow {
    background: #1699CA !important;
    background-color: #1699CA !important;
    border-color: #1699CA !important;
}
html body span.wr-dropdowarrow i,
html body span.wr-dropdowarrow i::before,
html body .wr-navdashboard .wr-dropdowarrow i,
html body .wr-navdashboard .wr-dropdowarrow i::before,
html body .wr-menuopen > .wr-dropdowarrow i {
    color: #ffffff !important;
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* === [هـ] بطاقات الإحصائيات === */
.wr-freelancer-counter-list li:hover a {
    background-color: #1699CA !important;
    color: #ffffff !important;
}

/* === [و] أزرار الهيدر === */
.wr-navbarbtn a.wr-register, .wr-navbarbtn a.wr-login-popup {
    display: inline-flex !important; align-items: center !important;
    justify-content: center !important; height: 45px !important;
    padding: 0 25px !important; border-radius: 5px !important; font-weight: bold !important;
}
.wr-navbarbtn a.wr-login-popup { background: #0A2540 !important; border-color: #0A2540 !important; color: #FFF !important; }
.wr-navbarbtn a.wr-register { background: #1699CA !important; border-color: #1699CA !important; color: #FFF !important; }

/* === [ز] باقة الاقتصاد === */
/* الكلاس الفعلي في القالب بشرطتين سفليتين (.wr-pricing__content) — كان مكتوباً بشرطة واحدة فبقي الإطار أخضر */
.wr-pricing__content.wr_popular, .wr-package-items .wr_popular { border-color: #0A2540 !important; box-shadow: 0 0 0 1px #0A2540 !important; }
.wr_popular > span, .wr_popular .wr-btn { background-color: #0A2540 !important; color: #FFFFFF !important; }

/* === [ح] رسالة "لا توجد نتائج" === */
.wr-submitreview h4 { font-size: 0 !important; }
.wr-submitreview h4::after {
    content: "عذراً! لا توجد نتائج مطابقة" !important;
    font-size: 22px !important;
    display: block !important;
    color: #0A2540 !important;
    font-weight: bold !important;
}

/* === [ط] معالجة تداخل المنيو والهيدر === */
.rtl .wr-themenavwrap { margin-left: 30px !important; }
.rtl .wr-search-wrapper { max-width: 300px !important; }
header.wr-header-style-three, .wr-header-style-three, .wr-themenav_wrapper { border-top: none !important; }

/* === [ي] أزرار حفظ المشروع (منع الوميض) === */
a.wr-save-project, a.wr-btn-solid-lg-lefticon, .wr-projectbtns a,
a.wr-save-project:hover, a.wr-btn-solid-lg-lefticon:hover, .wr-projectbtns a:hover,
a.wr-save-project:active, a.wr-btn-solid-lg-lefticon:active, .wr-projectbtns a:active,
a.wr-save-project:focus, a.wr-btn-solid-lg-lefticon:focus, .wr-projectbtns a:focus {
    background-color: #1699CA !important;
    background: #1699CA !important;
    border-color: #1699CA !important;
    color: #ffffff !important;
    box-shadow: none !important;
    transition: none !important;
}
a.wr-save-project *, a.wr-btn-solid-lg-lefticon *, .wr-projectbtns a * { color: #ffffff !important; }

/* === [ك] خطوات إضافة الخدمة === */
.wr-addservice-steps .wr-addservice-step-fill,
.wr-addservice-steps li.active .wr-addservice-step,
.wr-dhbtabs.wr-tasktabs .nav-tabs .nav-link.active {
    border-bottom-color: #1699CA !important;
}
.wr-addservice-steps .wr-addservice-step-fill::after,
.wr-addservice-steps .wr-addservice-step-fill::before,
.wr-addservice-steps .wr-addservice-step-fill a::after,
.wr-addservice-steps .wr-addservice-step-fill a::before,
.wr-addservice-steps li.active .wr-addservice-step::after,
.wr-addservice-steps li.active .wr-addservice-step::before,
.wr-dhbtabs.wr-tasktabs .nav-tabs .nav-link.active::after,
.wr-dhbtabs.wr-tasktabs .nav-tabs .nav-link.active::before {
    background-color: #1699CA !important;
    background: #1699CA !important;
    border-color: #1699CA !important;
}
.wr-addservice-steps li.active .wr-addservice-step a span,
.wr-addservice-steps .wr-addservice-step-fill a span,
.wr-addservice-steps li.active .wr-addservice-step a,
.wr-addservice-steps .wr-addservice-step-fill a,
.wr-dhbtabs.wr-tasktabs .nav-tabs .nav-link.active {
    color: #1699CA !important;
}

/* === [ل] الوسوم والمهارات === */
ul.wr-tags-list li a.active, ul.wr-tags-list li a:hover,
.wr-tagsskills li a.active, .wr-tagsskills li a:hover,
ul.wr-skills-list li.active a, ul.wr-skills-list li a:hover,
.tagify__dropdown__item--active,
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #1699CA !important;
    background: #1699CA !important;
    border-color: #1699CA !important;
    color: #ffffff !important;
}
tags.tagify tag, tags.tagify tag.tagify__tag,
tags.tagify tag.tagify__tag > div, tags.tagify tag.tagify__tag > div::before,
.tagify__tag, .tagify__tag > div, .tagify__tag > div::before,
.tagify__tag.tagify--noAnim > div::before {
    box-shadow: 0 0 0 40px #1699CA inset !important;
    background-color: #1699CA !important;
    background: #1699CA !important;
    border-color: #1699CA !important;
}
.tagify__tag:hover > div::before {
    box-shadow: 0 0 0 40px #1282ac inset !important;
    background-color: #1282ac !important;
}
.tagify__tag-text, tags.tagify tag .tagify__tag-text, .tagify__tag__removeBtn { color: #ffffff !important; }
.tagify__tag__removeBtn:hover { background: #1282ac !important; color: #ffffff !important; }

/* === [م] Select2 === */
.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__choice:focus,
.select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #eee !important;
    outline: none !important;
    box-shadow: none !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border: none !important;
    border-right: none !important;
    border-left: none !important;
    outline: none !important;
}
body > .select2-container--open .select2-dropdown .select2-results__option::before,
body > .select2-container--open .select2-dropdown .select2-results__option[aria-selected]::before,
.select2-container--open .select2-results__option::before,
.select2-results__option::before {
    display: none !important;
    content: none !important;
}
body > .select2-container--open .select2-dropdown .select2-results__option,
.select2-container--open .select2-results__option {
    display: flex !important;
    align-items: center !important;
}
body > .select2-container--open .select2-dropdown .select2-results__option[aria-selected="true"]::after,
.select2-container--open .select2-results__option[aria-selected="true"]::after {
    display: inline-block !important;
    content: "\f00c" !important;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900 !important;
    color: #000000 !important;
    margin-right: auto !important;
    font-size: 14px !important;
}
body > .select2-container--open .select2-dropdown .select2-results__option[aria-selected="true"],
.select2-container--open .select2-results__option[aria-selected="true"] {
    background-color: #f8f9fa !important;
    color: #1699CA !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    display: inline-flex !important;
    align-items: center !important;
    flex-direction: row-reverse !important;
    padding: 5px 12px !important;
    margin-top: 5px !important;
    margin-left: 5px !important;
    border-radius: 4px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    position: static !important;
    margin-right: 12px !important;
    margin-left: 0 !important;
    border: none !important;
    font-size: 16px !important;
    font-weight: normal !important;
    color: #ffffff !important;
    padding: 0 !important;
    line-height: 1 !important;
}

/* === [ن] أزرار الحفظ === */
.wr-savebtn {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding-top: 25px !important;
    margin-top: 20px !important;
    border-top: 1px solid #eaeaea !important;
}
.wr-savebtn .wr-btn {
    order: 1 !important;
    min-width: 250px !important;
    margin-bottom: 12px !important;
    font-size: 15px !important;
    font-weight: bold !important;
}
.wr-savebtn span {
    order: 2 !important;
    color: #888888 !important;
    font-size: 13px !important;
    text-align: center !important;
}

/* === [س] Checkboxes/Radios === */
.wr-checkbox {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 10px !important;
}
.wr-checkbox label {
    cursor: pointer !important;
    position: relative !important;
    padding-right: 30px !important;
    padding-left: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    font-weight: 500 !important;
}
.wr-checkbox label::before,
.wr-checkbox label::after {
    display: none !important;
    content: none !important;
}
.wr-checkbox input[type="checkbox"] + label::before {
    display: inline-block !important;
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    width: 18px !important;
    height: 18px !important;
    border: 2px solid #e0e0e0 !important;
    border-radius: 4px !important;
    background-color: #ffffff !important;
    transition: all 0.2s ease !important;
}
.wr-checkbox input[type="checkbox"]:checked + label::before {
    background-color: #1699CA !important;
    border-color: #1699CA !important;
    content: "\2713" !important;
    color: #ffffff !important;
    font-size: 14px !important;
    text-align: center !important;
    line-height: 16px !important;
    font-weight: bold !important;
}
.wr-pricingitems__content > div.wr-pricingtitle:first-child { display: none !important; }
.wr-pricingitems__content { display: flex !important; gap: 10px !important; }
.wr-pricingitems__content > .wr-package-active {
    flex: 1 !important;
    border: 1px solid #eeeeee !important;
    border-radius: 8px !important;
    padding: 15px !important;
    box-sizing: border-box !important;
}
.wr-radio.featured-package label::before {
    display: inline-block !important;
    content: "" !important;
    width: 18px !important;
    height: 18px !important;
    border: 2px solid #e0e0e0 !important;
    border-radius: 4px !important;
    margin-left: 10px !important;
}
.wr-radio.featured-package input[type="radio"]:checked + label::before {
    background-color: #1699CA !important;
    border-color: #1699CA !important;
    content: "\2713" !important;
    color: #ffffff !important;
    font-size: 14px !important;
    text-align: center !important;
    line-height: 16px !important;
}
.wr-radio.featured-package label::after { display: none !important; }

/* === [ع] توسيط زر الحفظ === */
#workreap-model-body .wr-savebtn {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 25px 0 10px 0 !important;
    width: 100% !important;
    border-top: 1px solid #f0f0f0 !important;
    margin-top: 20px !important;
}
#workreap-model-body .wr-savebtn a.wr-btn {
    order: 1 !important;
    min-width: 200px !important;
    margin: 0 0 15px 0 !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    float: none !important;
}
#workreap-model-body .wr-savebtn span {
    order: 2 !important;
    font-size: 13px !important;
    color: #888888 !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    text-align: center !important;
}
.wr-addonspopup .wr-savebtn span + .wr-btn {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

/* === [ف] زر حفظ FAQ === */
.modal-body .wr-formlogin .wr-savebtn {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    padding-top: 15px !important;
    margin-top: 10px !important;
}
.modal-body .wr-formlogin .wr-savebtn span.wr-btn {
    order: 1 !important;
    color: #ffffff !important;
    min-width: 200px !important;
    margin: 0 0 10px 0 !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
}
.modal-body .wr-formlogin .wr-savebtn span:not(.wr-btn) {
    order: 2 !important;
    color: #888888 !important;
    font-size: 13px !important;
    text-align: center !important;
    margin: 0 !important;
    width: 100% !important;
    display: block !important;
}

/* === [ص] توسيط أزرار الحفظ === */
.wr-postservicebtn .wr-savebtn,
.wr-postserviceformbtn .wr-savebtn {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 auto !important;
}
.wr-postservicebtn .wr-savebtn .wr-btn,
.wr-postservicebtn .wr-savebtn button[type="submit"],
.wr-postserviceformbtn .wr-savebtn .wr-btn,
.wr-postserviceformbtn .wr-savebtn button[type="submit"] {
    order: 1 !important;
    margin: 0 auto !important;
    float: none !important;
    display: inline-flex !important;
    justify-content: center !important;
    min-width: 200px !important;
}
.wr-postservicebtn .wr-savebtn span,
.wr-postserviceformbtn .wr-savebtn span {
    order: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    text-align: center !important;
    margin: 12px 0 0 0 !important;
    padding: 0 !important;
    float: none !important;
    color: #888888 !important;
}

/* === [ق] أزرار المشاريع === */
.wr-project-detail a.wr-invite-bidbtn:hover,
.wr-project-wrapper-two .wr-invite-bidbtn:hover,
.wr-project-box-two .wr-invite-bidbtn:hover,
.wr-project-detail a.wr-invite-bidbtn:active,
.wr-project-detail a.wr-invite-bidbtn:focus {
    background-color: #1699CA !important;
    border-color: #1699CA !important;
    color: #ffffff !important;
    transition: all 0.1s ease !important;
}
.wr-project-box:hover .wr-invite-bidbtn,
.wr-project-box-two:hover .wr-invite-bidbtn,
.wr-project-wrapper:hover .wr-invite-bidbtn,
.wr-project-wrapper-two:hover .wr-invite-bidbtn,
.wr-project-detail:hover .wr-invite-bidbtn {
    background-color: #1699CA !important;
    border-color: #1699CA !important;
    color: #ffffff !important;
    transition: all 0.1s ease !important;
}
.wr-invite-bidbtn, .wr-btn-bit.wr-invite-bidbtn,
.wr-invite-bidbtn:hover, .wr-btn-bit.wr-invite-bidbtn:hover,
.wr-bestservice:hover .wr-invite-bidbtn,
.wr-bestservice__content:hover .wr-invite-bidbtn,
.wr-bestservicedetail__user:hover .wr-invite-bidbtn {
    background-color: #1699CA !important;
    border-color: #1699CA !important;
    color: #ffffff !important;
}
.wr-alert-danger .wr-orderbtn .wr-btn {
    background-color: #1699CA !important;
    border-color: #1699CA !important;
    color: #ffffff !important;
}

/* === [ر] الأزرار الصلبة === */
.wr-btn-solid, .wr-btn-solid-sm, .wr-btn-solid-lg, .wr-btn-solid-lg-lefticon,
.wr-btn-solid:hover, .wr-btn-solid-sm:hover, .wr-btn-solid-lg:hover, .wr-btn-solid-lg-lefticon:hover,
.wr-bestservice:hover .wr-btn-solid-lg,
.wr-bestservice__content:hover .wr-btn-solid-lg,
.wr-bestservicedetail__user:hover .wr-btn-solid-lg,
.wr-bestservicedetail__user:hover .wr-price-holder .wr-startingprice .wr-btn-solid-lg,
.wr-bestservicedetail__user:hover .wr-price-holder .wr-startingprice .wr-btn-solid-lg:hover {
    background-color: #1699CA !important;
    border-color: #1699CA !important;
    color: #ffffff !important;
}
.wr-project-box .wr-project-option .wr-btn-solid-lg-lefticon,
.wr-project-box .wr-project-option .wr-btn-solid-lg-lefticon a,
.wr-project-box:hover .wr-project-option .wr-btn-solid-lg-lefticon,
.wr-project-box:hover .wr-project-option .wr-btn-solid-lg-lefticon a,
.wr-project-box .wr-project-option .wr-btn-solid-lg-lefticon:hover,
.wr-project-box .wr-project-option .wr-btn-solid-lg-lefticon a:hover,
.wr-project-box:hover .wr-project-option .wr-btn-solid-lg-lefticon:hover,
.wr-project-box:hover .wr-project-option .wr-btn-solid-lg-lefticon:hover a {
    background-color: #1699CA !important;
    color: #ffffff !important;
    border: none !important;
}

/* === [ش] التخطيط العام === */
.page-template-dashboard .wr-btn.wr-secondary-btn, .page-template-dashboard .wr-btn, h6 .wr-btn, .wr-paybtn .wr-btn, .wr-themeform_wrap .wr-btn {
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    margin-right: 15px !important; margin-left: 15px !important; margin-top: 20px !important; margin-bottom: 10px !important;
}
h6:has(.wr-btn) { display: block !important; margin-top: 25px !important; line-height: 2.5 !important; }
.guppy_contact_email, .guppy-contact-email, .guppy_contacts_list span[title*="@"] { display: none !important; }

/* === [ت] أيقونة العين في كلمة المرور === */
.wr-themeform_wrap span[data-field="password"],
.wr-formlogin span[data-field="password"],
form span.user-password-replace {
    position: absolute !important;
    left: 15px !important;
    right: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 10 !important;
    cursor: pointer !important;
    color: #888888 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.wr-themeform_wrap input[type="password"],
.wr-formlogin input[type="password"],
.wr-formlogin input[name="password"],
.wr-login-popup input[name="password"] {
    padding-left: 45px !important;
    padding-right: 20px !important;
}
.wr-themeform_wrap span[data-field="password"]:hover,
.wr-formlogin span[data-field="password"]:hover {
    color: #1699CA !important;
}
.user-password-filed-wrapper input[type="password"],
.user-password-filed-wrapper input[type="text"],
.user-password-filed-wrapper input.form-control {
    padding-right: 45px !important;
}
.user-password-filed-wrapper .user-password-reveal {
    right: 15px !important;
    left: auto !important;
}

/* === [ث] الهوية الموحدة === */
.wr-hire-me-model .wr-hire-btns .wr-create-proj:hover,
.wr-service-save.wr-jave-service:hover,
.wr-project-save.wr-jave-project:hover,
.wr-freelancer-save.wr-jave-freelancer:hover,
.wr-javesaved,
#toast-container > .toast-success {
    background-color: #1699CA !important;
    border-color: #1699CA !important;
    color: #ffffff !important;
}
.wr-javesaved, .wr-javesaved i { color: #1699CA !important; }
.wr-create-proj:focus { box-shadow: none !important; outline: none !important; }

/* === [خ] === */
.wr-dhb-mainheading__rightarea em { display: none !important; }

/* === [ذ] === */
.wr-dhb-mainheading .wr-select { min-width: 240px !important; }
.wr-dhb-mainheading .wr-select select:not(.select2-hidden-accessible) { opacity: 0 !important; }

/* === [ض] More / Less === */
.wr-showmore-button,
.wr-showmore-btn,
.wr-selected__showmore a[data-type="less"],
.wr-selected__showmore a[data-type="more"],
.wr-showmore-li a[data-type="less"],
.wr-showmore-li a[data-type="more"],
.wr-showless a,
li.wr-showless a {
    font-size: 0 !important;
    color: transparent !important;
    display: inline-block !important;
}
.wr-showmore-button[data-state="more"]::after,
.wr-showmore-btn[data-state="more"]::after,
.wr-selected__showmore a[data-type="more"]::after,
.wr-showmore-li a[data-type="more"]::after {
    content: "عرض المزيد" !important;
    font-size: 14px !important;
    color: #1699CA !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    visibility: visible !important;
}
.wr-showmore-button[data-state="less"]::after,
.wr-showmore-btn[data-state="less"]::after,
.wr-selected__showmore a[data-type="less"]::after,
.wr-showmore-li a[data-type="less"]::after,
.wr-showless a::after,
li.wr-showless a::after {
    content: "عرض أقل" !important;
    font-size: 14px !important;
    color: #1699CA !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    visibility: visible !important;
}

/* === [ظ] ألوان المحادثة === */
.at-userchat_tab .at-tabactive {
    box-shadow: inset 1px -3px 0 -1px #1699CA !important;
}
a.at-sendmsg:hover,
a.at-sendmsg:hover i.guppy-send,
a.at-sendmsg:hover i.guppy-send::before {
    color: #ffffff !important;
}

/* === [غ] === */
a.wr-secondary-btn {
    background-color: #1699CA !important;
    border-color: #1699CA !important;
    color: #ffffff !important;
}
.wr-pricing-toggle-wrapper button.wr-pricing-toggle-btn {
    background-color: #ffffff !important;
    border: 1px solid #cccccc !important;
    color: #555555 !important;
    box-shadow: none !important;
}
.wr-pricing-toggle-wrapper button.wr-pricing-toggle-btn.active {
    background-color: #A3A3A3 !important;
    border-color: #A3A3A3 !important;
    color: #ffffff !important;
}

/* === [أأ] === */
.wr-priceplantitle .wr-sectiontitle { opacity: 0; }

/* === [بب] القائمة الجانبية في الموبايل === */
@media (max-width: 1199px) {
    ul#myTab li.menu-item-has-children {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        position: relative !important;
    }
    ul#myTab li.menu-item-has-children .sub-menu {
        position: static !important;
        transform: none !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        width: 100% !important;
        min-width: 100% !important;
        box-shadow: none !important;
        border: none !important;
        background-color: #fbfbfb !important;
        padding: 0 15px 0 0 !important;
        margin: 0 !important;
    }
    ul#myTab li.menu-item-has-children .sub-menu li {
        width: 100% !important;
        border-bottom: 1px solid #f1f1f1 !important;
    }
    body:not(.logged-in) .wr-navbarbtn { display: none !important; }
    .wr-logoarea { max-width: 160px !important; }
}

/* === [جج] === */
li.wr-offer-del-key {
    display: flex !important;
    align-items: center !important;
}
li.wr-offer-del-key i {
    position: relative !important;
    right: auto !important;
    margin-left: 10px !important;
    padding: 0 !important;
}

/* === [دد] القائمة المنسدلة الفاخرة === */
@media (min-width: 992px) {
    .wr-themenav .menu-header-menu-container ul.sub-menu {
        border-radius: 12px !important;
        box-shadow: 0px 12px 35px rgba(0, 0, 0, 0.08) !important;
        border: 1px solid rgba(0, 0, 0, 0.04) !important;
        padding: 10px 0 !important;
        background-color: #ffffff !important;
        transition: all 0.3s ease-in-out !important;
    }
    .wr-themenav .menu-header-menu-container ul.sub-menu li a {
        font-weight: 500 !important;
        color: #4a4a4a !important;
        padding: 10px 20px !important;
        transition: all 0.3s ease !important;
        background-color: transparent !important;
    }
    .wr-themenav .menu-header-menu-container ul.sub-menu li a:hover {
        background-color: #f4f9fd !important;
        color: #1DA1F2 !important;
        padding-right: 28px !important;
    }
}

/* === [دد-2] تصحيح اتجاه سهم قائمة الملف الشخصي (الأفاتار) في RTL ===
 * إضافة Workreap ترسم السهم (caret) عبر .wr-userlogin .sub-menu::before/::after
 * بموضع أفقي ثابت right:20px — مناسب لـ LTR حيث الأفاتار على اليمين. لكن في RTL
 * تُفتح القائمة من اليسار (left:0) بينما يبقى السهم على اليمين، فيشير للجهة
 * المعاكسة للصورة الشخصية. هنا نعكس موضعه لليسار ليشير نحو الأفاتار.
 * نحافظ على شكل المثلث ولونه وحجمه (clip-path) — نعدّل المحور الأفقي فقط.
 * مقصور على body.rtl حتى لا يتأثر أي سياق LTR.
 * المصدر الأصلي: plugins/workreap/public/css/style.css:5413
 */
body.rtl .wr-userlogin .sub-menu::before {
    right: auto !important;
    left: 20px !important;
}
body.rtl .wr-userlogin .sub-menu::after {
    right: auto !important;
    left: 18.5px !important;
}

/* === [هه] === */
.wr-advancesearch .wr-searchbar .wr-btnarea {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    flex-wrap: nowrap !important;
}
.wr-advancesearch .wr-searchbar .wr-btnarea a,
.wr-advancesearch .wr-searchbar .wr-btnarea button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 48px !important;
    padding: 0 25px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    line-height: normal !important;
}

/* === [وو] === */
.jconfirm-buttons button.wr-btnvthree {
    color: transparent !important;
    position: relative !important;
}
.jconfirm-buttons button.wr-btnvthree::after {
    content: "لا" !important;
    color: #ffffff !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    font-size: 14px !important;
    font-weight: bold !important;
    font-family: inherit !important;
    visibility: visible !important;
}

/* === [زز] === */
.wr-bestservicedetail__user .wr-asideprostatus figure,
.wr-bestservice figure {
    width: 75px !important;
    height: 75px !important;
    margin: 0 auto 10px !important;
}
.wr-bestservicedetail__user .wr-asideprostatus figure img,
.wr-bestservice figure img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
}

/* === [حح] === */
.wr-profileform__detail .form-group input:disabled,
.wr-profileform__detail .form-group input[readonly] {
    padding-right: 45px !important;
    padding-left: 45px !important;
}

/* === [طط] === */
.wr-subtotal .wr-sumtotal {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
}
.wr-subtotal .wr-sumtotal span { margin: 0 !important; padding: 0 !important; }

/* === [يي] === */
input[type="tel"],
input[name*="phone"],
input[name="billing[billing_phone]"] {
    direction: ltr !important;
    text-align: right !important;
}

/* === [كك] === */
.wr-overleymodel .wr-icon-bookmark,
.wr-tags-list li .wr-icon-bookmark {
    background-color: #1699CA !important;
}
.wr-overleymodel .btn-lock {
    background-color: #1699CA !important;
    border-color: #1699CA !important;
    color: #ffffff !important;
}
.wr-overleymodel .btn-lock:hover {
    background-color: #1282ac !important;
    border-color: #1282ac !important;
}
.qudurat-close-overlay {
    position: absolute !important;
    top: 10px !important;
    left: 15px !important;
    font-size: 26px !important;
    color: #aaaaaa !important;
    cursor: pointer !important;
    z-index: 99 !important;
    line-height: 1 !important;
    font-weight: bold !important;
    transition: color 0.2s ease !important;
}
.qudurat-close-overlay:hover { color: #ff3333 !important; }

/* === [لل] === */
.wr-pagination .page-numbers i.wr-icon-chevron-right,
.wr-pagination .page-numbers i.wr-icon-chevron-left {
    color: #999999 !important;
}
.wr-pagination .page-numbers:hover i.wr-icon-chevron-right,
.wr-pagination .page-numbers:hover i.wr-icon-chevron-left,
.wr-pagination .current i.wr-icon-chevron-right,
.wr-pagination .current i.wr-icon-chevron-left {
    color: #ffffff !important;
}

/* === [مم] === */
.rtl .wr-topservice__content .wr-startingprice,
body.rtl .wr-startingprice {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px 15px !important;
    box-sizing: border-box !important;
}
.rtl .wr-topservice__content .wr-startingprice::after,
.rtl .wr-topservice__content .wr-startingprice::before {
    display: none !important;
}
.rtl .wr-topservice__content .wr-startingprice i,
.rtl .wr-topservice__content .wr-startingprice span {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    display: block !important;
    white-space: nowrap !important;
}

/* === [مم-2] === */
.wr-topservicetask__content .wr-startingprice,
.wr-topservicetask__content .wr-address-view {
    padding: 10px 15px !important;
    margin-top: 0 !important;
    box-sizing: border-box !important;
}
.wr-topservicetask__content .wr-btnviewpro {
    /* auto (سلوك الأب) يدفع الزر لقاع البطاقة فتتوازى الأزرار بين البطاقات
       متفاوتة المحتوى؛ الفاصل 14px الذي أراده التعديل القديم صار padding-top */
    margin-top: auto !important;
    padding: 14px 15px 15px !important;
}

/* === [نن] Onboarding Widget === */
.q-onboarding-fab {
    position: fixed !important; bottom: 30px !important; right: 30px !important;
    width: 55px !important; height: 55px !important; background: #1699CA !important;
    color: #fff !important; border-radius: 50% !important; display: flex !important;
    align-items: center !important; justify-content: center !important; font-size: 22px !important;
    cursor: pointer !important; box-shadow: 0 4px 15px rgba(22, 153, 202, 0.4) !important;
    z-index: 999999 !important; transition: transform 0.2s !important;
}
.q-onboarding-fab::after {
    content: '' !important; position: absolute !important; top: 12px !important; right: 12px !important;
    width: 10px !important; height: 10px !important; background: #ff3b30 !important;
    border-radius: 50% !important; border: 2px solid #1699CA !important;
}
.q-onboarding-panel {
    position: fixed !important; bottom: 100px !important; right: 30px !important;
    width: 320px !important; max-width: calc(100vw - 40px) !important; background: #ffffff !important;
    border-radius: 12px !important; box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.15) !important;
    border-top: 4px solid #1699CA !important; z-index: 999999 !important; padding: 20px !important;
    direction: rtl !important; box-sizing: border-box !important; display: none;
    transform-origin: bottom right !important; animation: qPopUp 0.3s ease-out forwards !important;
}
@keyframes qPopUp { from { opacity: 0; transform: scale(0.8); } to { opacity: 1; transform: scale(1); } }
.q-panel-header { display: flex !important; justify-content: space-between !important; align-items: center !important; margin-bottom: 15px !important; border-bottom: 1px solid #f0f0f0 !important; padding-bottom: 10px !important; }
.q-panel-header h4 { font-size: 15px !important; font-weight: bold !important; color: #0A2540 !important; margin: 0 !important; }
.q-panel-close { color: #888 !important; cursor: pointer !important; font-size: 20px !important; }
.q-task-list { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.q-task-list li { margin-bottom: 12px !important; font-size: 13px !important; font-weight: 500 !important; }
.q-task-done { color: #27ae60 !important; display: flex !important; align-items: center !important; gap: 8px !important; }
.q-task-pending a {
    color: #555555 !important; display: flex !important; align-items: center !important; gap: 8px !important;
    text-decoration: none !important; padding: 8px 10px !important; background: #f8f9fa !important;
    border-radius: 6px !important; border: 1px solid #eeeeee !important; transition: all 0.2s !important;
}
.q-task-pending a:hover { background: #1699CA !important; color: #ffffff !important; border-color:#1699CA !important; }
@media (max-width: 480px) {
    .q-onboarding-fab { bottom: 20px !important; right: 20px !important; }
    .q-onboarding-panel { bottom: 85px !important; right: 20px !important; width: calc(100vw - 40px) !important; }
}
/* === [نن-2] إصلاح خط أسود أثناء animation البحث المتقدم === */
/* السبب: تراكب حدود فاتحة #eeeeee خلال 350ms من Bootstrap collapse */
/* الحل: إخفاؤها أثناء .collapsing فقط — تظهر طبيعية عند الفتح الكامل */
#wr_sort_form .wr-advancesearch.collapsing,
#wr_sort_form .wr-advancesearch.collapsing .wr-searchbar {
    border-top: 0 !important;
}
/* === [أداء] منع الانزياح الأفقي المؤقت أثناء التحميل (هاتف) ===
   أثناء تحميل صفحات قوالب الأب (البحث وغيرها) تنشأ لأجزاء من الثانية
   مساحة تمرير أفقية (فقاعة الشات/عناصر عائمة قبل اكتمال تموضعها)
   فتنقلب الصفحة على الجانب ثم "تستقر" — مُوثَّق بلقطات Playwright.
   صفحات الابن محمية أصلاً بـ overflow-x:hidden في ملفاتها؛ هذه القاعدة
   تعمّم الحماية. clip (وليس hidden) لا يُنشئ scroll container
   فلا يكسر position:sticky في أشرطة الأب الجانبية. */
html, body { overflow-x: clip; }