/*
 * المهندس طارق - ملف التنسيقات المخصصة
 */

@media (max-width: 1024px) {
    .wd-nav-wrapper.wd-mb-action-swipe {
        mask-image: none !important;
    }
}

form#dokan-store-listing-filter-form-wrap {
    display: block !important;
}

/* 3salya */
@media only screen and (max-width: 500px) {
    .dokan-withdraw-content .dokan-withdraw-area .entry-content .dokan-panel .dokan-panel-body .dokan-panel-inner-container .dokan-w5 {
        right: 0;
        left: 0;
    }
}

.iziModal {
    margin-left: 5px;
    margin-right: 5px;
}

.iziModal-header.iziModal-noSubtitle {
    right: 0 !important;
}

ul.slicewp-nav-tab-wrapper li:last-of-type {
    display: none !important;
}

.woocommerce-MyAccount-content p a {
    color: #62AA80;
}

#dokan-vendor-register .form-row-wide label a,
a.woocommerce-terms-and-conditions-link,
a.woocommerce-privacy-policy-link,
.show_if_seller .form-row-wide label a {
    color: red;
    text-decoration: underline;
}

.checkout-order-review {
    float: left !important;
}

.dokan-withdraw-content .dokan-withdraw-area .dokan-panel-body .dokan-panel-inner-container .dokan-w5 {
    position: initial;
    position: static;
    transform: none;
}

/* الفرص الاستثمارية */
a.portfolio-thumbnail {
    pointer-events: none !important;
    cursor: default !important;
}

.portfolio-hover-inverse .entry-header {
    overflow: hidden;
    background-color: #fff !important;
    background-image: url(https://investorksa.net/wp-content/uploads/2023/09/cropped-1c195e51e68b1ea9bb5ddf059d9dd697-ai.png) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.portfolio-entry .wd-entities-title {
    margin-bottom: 0;
    text-transform: uppercase !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
}

@media (max-width: 750px) {
    article.portfolio-entry {
        position: static !important;
        width: 30% !important;
        display: inline-block !important;
        padding: 16px;
        margin: 0 !important;
    }
}

/* الفرص الاستثمارية */
input#whatsapp_number {
    direction: ltr !important;
}

button.dokan-live-chat.dokan-live-chat-whatsapp.button.alt {
    margin-right: 225px !important;
    display: none !important;
}

@media (max-width: 768px) {
    .wd-sticky-btn form.cart {
        display: flex !important;
        flex-wrap: nowrap !important;
    }

    button.dokan-live-chat.dokan-live-chat-whatsapp.button.alt {
        margin-right: 0 !important;
    }
}

@media (max-width: 767px) {
    a.whatsapp-live-widget {
        max-width: 50px !important;
        max-height: 50px !important;
        padding: 8px !important;
        bottom: 104px !important;
        right: 40px !important;
    }
}

.quick-shop-form.text-center.wd-scroll-content form.variations_form.cart.wd-reset-bottom-lg.wd-reset-bottom-md.wd-label-top-lg.wd-label-top-md .single_variation_wrap a.whatsapp-live-widget {
    display: none !important;
}

label.dokan-w3.dokan-control-label {
    text-align: right !important;
}

form.cart>* {
    flex: 1 1 32% !important;
}

p.form-row.form-group.form-row-wide:has(#image) {
    display: none;
}

.wd-quantity-overlap div.quantity:not(.hidden)+.single_add_to_cart_button {
    padding: 0 !important;
}

.quick-shop-wrapper form.cart {
    overflow: hidden !important;
}

.wd-quantity-overlap div.quantity input[type="button"] {
    display: none !important;
}

.wd-quantity-overlap div.quantity input[type] {
    display: none !important;
}

table.variations tr:last-child .cell {
    text-align: right !important;
}

.quick-shop-wrapper .quick-shop-form {
    padding: 0 !important;
}

.wd-quantity-enabled .quick-shop-wrapper div.quantity {
    display: none !important;
}

.cat-design-alt.categories-with-shadow .category-image-wrapp {
    box-shadow: none !important;
}

a.sale_schedule {
    float: left !important;
    background-color: lightgray;
    border-radius: 10px;
    padding: 3px;
}

.dokan-form-group.form-row-full {
    display: none !important;
}

.dokan-form-group.hide_if_variation_virtual {
    display: none !important;
}

.product-edit-new-container .dokan-attribute-variation-options .dokan-product-variation-wrapper .dokan-variations-container .dokan-product-variation-itmes .dokan-variable-attributes .weight-dimension .dimensions_field .dokan-w3 {
    margin-bottom: 15px !important;
    margin-right: 0px !important;
}

div#payment {
    float: right !important;
    text-align: right !important;
}

div#customer_details {
    float: right !important;
    text-align: right !important;
}

.dokan_v_id .dokan-form-horizontal {
    text-align: right !important;
}

.product-edit-new-container .dokan-price-container .sale_schedule,
.product-edit-new-container .dokan-price-container .cancel_sale_schedule {
    float: left !important;
}

.dokan-clearfix.dokan-tax-container.show_if_variable.show_if_simple.show_if_subscription {
    display: none !important;
}

a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.add-to-cart-loop.wd-tltp.wd-tooltip-inited {
    width: 100%;
}

.wd-action-btn.wd-style-icon .button {
    background-color: transparent !important;
}

.product-wrapper :is(.btn, .button, button, [type="submit"], [type="button"]) {
    background-color: #10813f !important;
}

#wc-logo {
    max-width: 30% !important;
    text-align: center;
    display: inline-block;
}

ul.store-category-checklist {
    font-weight: bold !important;
}

ul.store-sub-category-checklist {
    font-weight: normal !important;
}

ul.store-category-checklist-sub {
    font-weight: normal !important;
}

@media (max-width: 767px) {
    #dokan-seller-listing-wrap ul.dokan-seller-wrap li .store-content {
        text-align: right !important;
    }
}

@media (max-width: 1024px) {
    .wd-buttons :is(.wd-quick-view-icon, .wd-compare-btn) {
        display: block !important;
    }
}

/**Mohamed**/
@media (max-width: 950px) and (min-width: 721px) {
    .slicewp-date-picker-predefined-date-ranges {
        position: absolute;
        right: -160px;
        background: #fff;
        font-size: small;
    }

    .slicewp-date-picker {
        right: -30px;
        position: absolute;
    }
}

@media (min-width: 950px) {
    .slicewp-date-picker-predefined-date-ranges {
        position: absolute;
        right: 0;
        background: #fff;
    }

    .slicewp-date-picker {
        right: 200px;
        position: absolute;
    }
}

button.slicewp-button-primary.slicewp-input-copy {
    margin: 0 5px;
}

.x-btn-div {
    width: 100%;
    height: 0px;
    position: fixed;
    bottom: 63px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999999;
}

.x-btn-div a {
    width: 150px;
    height: 50px;
    position: absolute;
    bottom: 0;
    background: #10813F;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    color: #fff;
}

.x-btn-div a i {
    top: 0;
    left: 50%;
    color: #fff;
    margin: 0;
    z-index: 1;
    position: initial;
    font-size: 20px;
    transform: initial;
    text-align: center;
    transition: all 0.2s ease-out;
}

[for="dokan_address[city]"] .required:nth-child(2),
[for="dokan_address[street_1]"] .required:nth-child(2) {
    display: none;
}

.page-id-1542 .wpuf-message {
    display: none !important;
}

.page-id-2259 .jssocials-shares {
    display: none !important;
}

.dokan-form-group.dokan-w5.dokan-left:has(input#dokan_address\[zip\]),
.dokan-text-left.dokan-address-fields div.dokan-form-group:has([for="dokan_address[street_2]"]) {
    display: none;
}

.dokan-form-group.dokan-w6.dokan-left.dokan-right-margin-30:has([for="dokan_address[city]"]) {
    width: 100%;
}

p.form-row.form-group:has(label[for="dokan-company-id-number"]) {
    margin-top: 5px !important;
}

li.dokan-store-follow-store-button-container.dokan-right {
    margin-top: 0 !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
}

img.wd-lazy-load.wd-lazy-fade.avatar.avatar-32.photo.wd-loaded {
    max-width: 32px;
    height: 32px;
}

.dokan-single-store .profile-frame .profile-info-box.profile-layout-layout3 .profile-info-summery-wrapper .profile-info-summery .profile-info .dokan-store-info {
    flex-direction: column-reverse !important;
}

@media (max-width: 1024px) {
    .dokan-store .site-content {
        display: block !important;
    }
}

.iziModal {
    height: 358px !important;
}

a.dokan-btn.dokan-btn-theme {
    margin-top: 25px !important;
}

.iziModal-header.iziModal-noSubtitle {
    right: 14px !important;
    padding-right: 10px !important;
}

.wd-slide-inner,
.elementor-340 .elementor-element.elementor-element-cb43839,
.elementor-340,
.elementor-340 .elementor-element.elementor-element-cb43839,
.elementor-section-boxed.wd-negative-gap .elementor-container,
.elementor-318,
.elementor-318 .elementor-element.elementor-element-cb43839,
.elementor-2369 .elementor-element.elementor-element-c3020a6,
.elementor-2369 .elementor-element.elementor-element-cb43839,
.elementor-2369,
.elementor-2389,
.elementor-2389 .elementor-element.elementor-element-cb43839 {
    height: 100% !important;
    padding: 0 !important;
}

.elementor-widget-wrap {
    background-size: cover;
}

.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap {
    display: flex;
    align-content: center;
}

.elementor-element-cb822ed,
.elementor-element-3af7733 {
    width: 86% !important;
}

.portfolio-entry {
    max-width: 180px !important;
    width: 180px !important;
    height: 180px !important;
    display: block;
}

.portfolio-entry .entry-header {
    height: 100% !important;
}

.portfolio-entry .entry-header,
.portfolio-entry .entry-thumbnail,
.portfolio-hover .portfolio-thumbnail,
.portfolio-entry .entry-thumbnail img {
    height: 100% !important;
}

/**Mohamed**/
.card-img-top {
    max-height: 300px;
}

.dokan-single-store .profile-frame .profile-info-box.profile-layout-layout3 .profile-info-summery-wrapper .profile-info-summery .profile-info .dokan-store-info {
    display: flex;
}

body ul.wpuf-form li.field-size-small .wpuf-fields,
body ul.wpuf-form li.field-size-medium .wpuf-fields,
ul.wpuf-form li .wpuf-address-field.country_select,
body ul.wpuf-form li .wpuf-address-field.stat {
    float: right !important;
}

body ul.wpuf-form li .wpuf-address-field,
.wpuf-sub-fields,
.wpuf-form-sub-label {
    display: flex !important;
    flex-direction: row-reverse !important;
    justify-content: flex-end !important;
}

.portfolio-entry {
    max-width: 300px !important;
}

@media (max-width: 430px) {
    .dokan-table tbody tr td {
        display: block;
    }

    table.dokan-table td:not(.column-primary)::before {
        position: static;
        width: 100%;
    }

    body ul.wpuf-form li.field-size-small .wpuf-fields,
    body ul.wpuf-form li.field-size-medium .wpuf-fields,
    ul.wpuf-form li .wpuf-address-field.country_select,
    body ul.wpuf-form li .wpuf-address-field.stat {
        width: 100%;
    }
}

.dokan-subscription-content .pack_content_wrapper .product_pack_item .pack_price {
    background-color: #62aa80 !important;
}

#dokan-geolocation-locations-map.dokan-geolocation-locations-map-top {
    height: 600px !important;
}

:is(.dokan-add-new-product-popup, .dokan-dashboard-wrap) :is(.dokan-form-control, input[type="text"], input[type="number"], input[type="search"], input[type="password"], input[type="email"], textarea) {
    background-color: var(--wd-form-bg) !important;
}

.jssocials-share-logo {
    font-size: 40px;
}

.jssocials-shares {
    display: flex;
    flex-wrap: nowrap;
    gap: 30px;
    margin-top: 10px;
    justify-content: space-between;
}

.jssocials-share {
    margin: auto 0;
    padding: 0;
    display: grid;
}

.jssocials-share .jssocials-share-link {
    color: #fff;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
}

ul.dokan-account-migration-lists li .right-content a {
    background-color: #10813f !important;
}

.wd-switch-to-register {
    background-color: #10813f !important;
}

.page-title-default {
    background-color: #62aa80 !important;
}

.flickity-button.next {
    background-color: #62aa80 !important;
}

.flickity-button.previous {
    background-color: #62aa80 !important;
}

.wd-dropdown-search-cat.wd-design-default {
    min-width: 300px;
    background-color: rgba(255, 255, 255, 0.9) !important;
    border: 2px solid black;
    border-radius: 15px;
}

#dokan-store-listing-filter-form-wrap .store-lists-other-filter-wrap .store-lists-category .category-box {
    min-width: 750px !important;
}

.whb-header-bottom .wd-dropdown {
    background-color: rgba(208, 190, 163, 0.5) !important;
    border: 2px solid black;
    border-radius: 15px;
}

.wd-dropdown-menu:is(.wd-design-sized, .wd-design-full-width, .wd-design-full-height) .wd-sub-menu>li {
    margin-bottom: 10px !important;
    margin-left: 5px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 10px;
}

.wd-buttons[class*="wd-pos-r"] .wd-tooltip-label {
    top: 50%;
    right: unset !important;
    margin-top: -17px;
    margin-right: 8px;
}

.wd-buttons.wd-pos-r-t {
    position: absolute;
    top: 10px;
    right: unset !important;
}

.woocommerce-cart-form__quote-item img {
    width: 100px;
}

.wd-hover-fw-button .wd-add-btn {
    margin-top: 10px;
    position: relative;
    display: none;
}

.whb-general-header .wd-nav.wd-nav-secondary>li>a {
    font-weight: 800 !important;
    color: rgb(0 0 0);
    font-family: 'Cairo';
}

html .wd-nav.wd-nav-secondary>li>a {
    font-family: "Mulish", Arial, Helvetica, sans-serif;
    font-weight: 800;
    font-family: 'Cairo' !important;
}

.whb-s62vgl37p052mdljwdfp.wd-search-form.wd-header-search-form .searchform {
    border: 1px solid #eee !important;
}

:is(.dokan-add-new-product-popup, .dokan-dashboard-wrap) :is(.dokan-form-control, input[type="text"], input[type="number"], input[type="search"], input[type="password"], input[type="email"], textarea) {
    text-align: right;
}

.fas.fa-map-marked-alt.buttonizer-icon-0-0-11 {
    margin: 0px 0px 3px 21px !important;
}

.dokan-right-margin-30 {
    margin-right: 0px !important;
}

.dokan-withdraw-content .dokan-withdraw-area .dokan-panel-body .dokan-panel-inner-container .dokan-w5 {
    position: initial;
}

.dokan-subscription-content .pack_content_wrapper .product_pack_item .pack_price {
    width: 105px;
}

.amount {
    color: #0071bc;
}

.dokan-subscription-content .pack_content_wrapper .product_pack_item .pack_price {
    background: #1246ab;
    height: 104px;
}

.tawk-text-center#gkm60g437vs1684150954833 {
    visibility: hidden !important;
}

form.cart>* {
    flex: 1 1 25%;
}

html[lang="ar"] #dokan-seller-listing-wrap ul.dokan-seller-wrap li {
    float: right;
}

html[lang="ar"] .pagination-wrap ul.pagination>li>span {
    float: right;
}

html[lang="ar"] .pagination-wrap ul.pagination>li>a {
    float: right;
}

html[lang="ar"] .dokan-settings-content .dokan-settings-area .dokan-store-settign-header-wrap {
    float: right;
}

.page-id-2590 .whb-header {
    margin-bottom: 0px;
}

.page-id-2590 .site-content {
    margin-bottom: 0px;
}

.NoticeBar {
    display: none;
}

/*media Query Mobile*/
@media only screen and (max-width: 480px) {
    .elementor-340 .elementor-element.elementor-element-7ca3846 {
        width: 100% !important;
    }

    .elementor-489 .elementor-element.elementor-element-b10be62 {
        width: 100% !important;
    }

    .elementor-489 .elementor-element.elementor-element-24ebaac {
        width: 100% !important;
    }

    .elementor-489 .elementor-element.elementor-element-a253ba8 {
        width: 100% !important;
    }

    .elementor-489 .elementor-element.elementor-element-6732435 {
        width: 100% !important;
    }

    .elementor-489 .elementor-element.elementor-element-17a79ba {
        width: 100% !important;
    }

    .elementor-489 .elementor-element.elementor-element-8a117ff {
        width: 100% !important;
    }

    .elementor-489 .elementor-element.elementor-element-d5bff09 {
        width: 100% !important;
    }

    :not(#\ ):not(#\ ):not(#\ ).buttonizer-group-0-0-1 {
        right: 30% !important;
        bottom: 17% !important;
    }

    .elementor-2369 .elementor-element.elementor-element-7ca3846 {
        width: 100% !important;
    }

    .elementor-2389 .elementor-element.elementor-element-7ca3846 {
        width: 100% !important;
    }
}

/* Media Query Tablet */
@media (min-width: 600px) {
    .elementor-2389 .elementor-element.elementor-element-7ca3846 {
        width: 45% !important;
    }

    .elementor-2369 .elementor-element.elementor-element-7ca3846 {
        width: 45% !important;
    }
}

.page-id-1543 #dokan-geolocation-locations-map.dokan-geolocation-locations-map-top {
    height: 1000px;
    align-content: baseline;
}

.page-id-2556 #dokan-geolocation-locations-map.dokan-geolocation-locations-map-top {
    height: 1000px;
    align-content: baseline;
}

.dokan-btn.dokan-btn-theme.dokan-btn-sm.dokan-live-chat.dokan-live-chat-whatsapp {
    top: 0px !important;
}

a.whatsapp-live-widget {
    position: fixed;
    width: 70px;
    background: #fff;
    padding: 10px 6px 12px 12px !important;
    border-radius: 50px;
    border: 1px solid #eee;
    right: 20px;
    bottom: 80px;
}

#wpcf7-f12-p279-o1 {
    direction: inherit;
}

@media only screen and (max-width: 600px) {
    .dokan-subscription-content .pack_content_wrapper .product_pack_item {
        width: 100%;
        margin: 20px 20px 55px 20px;
    }
}

/**Mohamed **/
@media (max-width: 430px) {
    .dokan-dashboard .dokan-product-listing .dokan-product-listing-area .product-listing-top .dokan-add-product-link {
        width: 36%;
    }
}

.single-portfolio .portfolio-entry {
    height: auto !important;
    max-width: none !important;
    width: auto !important;
}

table.shop_table.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping th {
    display: none;
}

.dokan-panel.dokan-panel-default:has(.dokan-verify-links) {
    display: none !important;
}

button#menu-item-upload,
button#menu-item-browse {
    background: #efefef;
    color: #000;
    border: 1px solid #000;
}

@media only screen and (max-width: 600px) {
    div.wd-portfolio-holder {
        height: auto !important;
    }

    .masonry-container.wd-portfolio-holder.row.wd-spacing-0 .portfolio-entry {
        position: relative !important;
        right: 0 !important;
        top: 0 !important;
        max-width: 50% !important;
        margin-top: 20px;
    }

    .portfolio-entry .wd-entities-title a {
        font-size: 9px;
    }
}

/* Abdelrahman */
.woocommerce-shipping-fields h3 {
    display: none;
}

.d-none {
    display: none !important;
}

.iziModal-header.iziModal-noSubtitle {
    right: 0 !important;
}

li#menu-item-4360,
li#menu-item-7860,
#menu-item-31530,
#menu-item-31529,
#menu-item-33503 {
    margin-bottom: 10px !important;
    margin-left: 5px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 10px;
    text-align: center;
    padding-right: 10px;
}

li#menu-item-4360 a,
li#menu-item-7860,
#menu-item-33503 a {
    color: #000 !important;
}

li#menu-item-4360 a:hover,
li#menu-item-7860 a:hover {
    color: #10813F !important;
}

@media (min-width: 768px) {
    form.woocommerce-checkout {
        flex-wrap: nowrap !important;
    }
}

div#register-login {
    display: none;
}

.page-id-5874:has(#slicewp-affiliate-login-form) div#register-login {
    display: block !important;
}

#menu-item-9555 li {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 10px;
    text-align: center;
    padding-right: 10px;
    margin-top: 7px;
}

#menu-item-9555 li a {
    color: #000;
}

#menu-item-9555 li a:hover {
    color: #10813F;
}

.checkout-order-review:has(.shipman#shipman-722) #shipping_method li,
.checkout-order-review:has(.shipman#shipman-723) #shipping_method li,
li:has(#shipping_method_0_wbs7eb92229f_18),
li:has(#shipping_method_0_wbs7be2cb928_10) {
    display: none;
}

li:has(#shipping_method_0_flat_rate43),
li:has(#shipping_method_0_local_pickup2),
.checkout-order-review:has(#shipman-722) li:has(.shipping_method#shipping_method_0_wbs7508e92ba_18),
.checkout-order-review:has(#shipman-723) li:has(.shipping_method#shipping_method_0_wbs7be2cb928_10) {
    display: block !important;
}

/**Mohamed-ashamallah**/
.jssocials-share .jssocials-share-link {
    border-radius: 28px !important;
}

.jssocials-share {
    background: none !important;
}

/**SBLINI DEVELOPMENT**/
#slicewp-affiliate-account svg,
#slicewp-affiliate-account .dashicons {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 18px;
    vertical-align: middle;
}

#slicewp-affiliate-account button svg {
    margin-right: 5px;
}

@media (max-width: 767px) {
    .dokan-dashboard-wrap {
        overflow: visible;
        position: inherit;
        transition: max-height 0.4s ease-in-out;
        margin-bottom: 0px;
        z-index: 1;
        height: auto !important;
    }

    .dokan-dash-sidebar {
        z-index: 1;
        position: inherit;
        overflow: visible;
        transition: max-height 0.4s ease-in-out;
        height: auto !important;
    }
}

/* Yousef Ahmed */
:root {
    --woocommerce-coming-soon-color: #ffffff !important;
}

.elementor-element-d03790e:lang(en) {
    direction: rtl !important;
}

.elementor-element-d03790e h4:lang(en) {
    text-align: left !important;
}

.elementor-element-d03790e p:lang(en) {
    text-align: left !important;
}

.elementor-element-4b41c422:lang(en) {
    text-align: left !important;
}

.product-element-bottom:lang(en) {
    direction: ltr !important;
}

@media only screen and (min-width: 600px) {
    .elementor-element-c9342a2 .elementor-element-populated:lang(en) {
        bottom: 35px !important;
    }

    .elementor-element-3af7733:lang(en) {
        line-height: 20pt !important;
    }
}

.title-after_title:lang(en) {
    text-align: left !important;
}

.woodmart-title-container:lang(en) {
    text-align: left !important;
}

.info-box-content:lang(en) {
    text-align: left !important;
}

.whb-main-header:lang(en) {
    direction: ltr !important;
}

.elementor-widget-text-editor ul:lang(en) {
    direction: ltr !important;
}

.elementor-element-015b07a .liner-continer:lang(en) {
    text-align: left !important;
}

.elementor-element-031970a .liner-continer:lang(en) {
    text-align: left !important;
}

.elementor-element-c99fbaf:lang(en) {
    direction: ltr !important;
    text-align: left !important;
}

.elementor-element-f61e3cb .wd-text-block:lang(en) {
    text-align: left !important;
    margin: unset !important;
}

.elementor-element-f61e3cb .elementor-widget-container:lang(en) {
    direction: ltr !important;
    text-align: left !important;
}

.elementor-widget-wd_text_block .elementor-widget-container .text-right:lang(en) {
    margin-left: -35px !important;
}

.elementor-widget-heading h2.elementor-heading-title:lang(en) {
    margin-left: 10px !important;
}

/* yousef */
.text-left {
    text-align: unset;
}

.mc4wp-form-fields input[type="submit"] {
    background-color: #10813F;
    color: #ffffff;
}

/* إصلاح فراغ قائمة لوحة تحكم البائع - موبايل */
@media (max-width: 1024px) {
    .dokan-dashboard-menu {
        height: 100px !important;
    }
}

@media (max-width: 767px) {
    .dokan-dash-sidebar {
        z-index: 999;
    }
}

@media (max-width: 450px) {
    #dokan-store-listing-filter-form-wrap:before {
        left: 10%;
    }

    .apply-filter {
        margin-top: 20px;
    }

    .apply-filter #cancel-filter-btn {
        display: block !important;
    }

    .dokan-dashboard .dokan-dash-sidebar,
    .dokan-dashboard .dokan-dashboard-content {
        float: none;
        width: 100%;
        padding: 20px 0;
    }

    .dokan-dashboard .dokan-dash-sidebar .dokan-table,
    .dokan-dashboard .dokan-dashboard-content .dokan-table {
        display: table;
    }

    .dokan-dashboard .dokan-dash-sidebar article,
    .dokan-dashboard .dokan-dashboard-content article {
        overflow: scroll;
    }

    .dokan-dashboard .dokan-dash-sidebar .dokan-settings-area .dokan-banner,
    .dokan-dashboard .dokan-dashboard-content .dokan-settings-area .dokan-banner {
        width: auto;
        height: auto;
        margin-bottom: 15px;
        min-height: unset;
    }

    .dokan-dashboard .dashboard-content-area .dokan-announcement-widget .dokan-right {
        float: right !important;
    }

    .dokan-dashboard .dashboard-content-area .dokan-announcement-widget .dokan-left {
        float: left !important;
    }

    .dokan-dashboard .dashboard-content-area .dokan-dash-left {
        padding-right: 0 !important;
    }

    .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu:before,
    .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu:after {
        content: " ";
        display: table;
    }

    .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu:after {
        clear: both;
    }

    .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li {
        float: left;
        width: 100%;
    }

    .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li a {
        padding: 12px 18px;
    }

    .dokan-dashboard .dokan-orders-area .dokan-order-filter-serach {
        padding: 10px 0 10px 0;
    }

    .dokan-dashboard .dokan-orders-area .dokan-order-filter-serach .dokan-btn {
        padding: 6px 13px;
    }

    .dokan-dashboard .dokan-product-listing .dokan-product-listing-area .product-listing-top {
        border-bottom: 0;
    }

    .dokan-dashboard .dokan-product-listing .dokan-product-listing-area .product-listing-top ul.dokan-listing-filter {
        width: 100%;
    }

    .dokan-dashboard .dokan-product-listing .dokan-product-listing-area .product-listing-top .dokan-add-product-link {
        display: flex;
        justify-content: space-between;
        width: auto;
        float: none;
    }

    .dokan-dashboard .dokan-product-listing .dokan-product-listing-area .dokan-product-date-filter {
        display: flex;
        flex-flow: column wrap;
        justify-content: space-between;
    }

    .dokan-dashboard .dokan-product-listing .dokan-product-listing-area .dokan-product-date-filter .dokan-form-group {
        margin-bottom: 10px;
    }

    .dokan-dashboard .dokan-product-listing .dokan-product-listing-area .dokan-product-search-form {
        display: flex;
        justify-content: space-between;
        flex-flow: row-reverse nowrap;
    }

    .dokan-dashboard .dokan-product-listing .dokan-product-listing-area .dokan-product-search-form .dokan-form-group {
        margin-bottom: 0;
        margin-right: 0;
        width: 73%;
    }

    .dokan-dashboard .dokan-product-listing .dokan-product-listing-area .dokan-product-search-form .dokan-btn {
        width: 25%;
    }

    .dokan-dashboard .dokan-product-listing .dokan-product-listing-area #dokan-bulk-action-selector {
        width: 73%;
        margin-right: 2%;
    }

    .dokan-dashboard .dokan-product-listing .dokan-product-listing-area #dokan-bulk-action-submit {
        width: 25%;
        margin-right: 0;
    }

    .dokan-dashboard .dokan-product-listing .dokan-product-listing-area #product-filter .dokan-btn {
        width: 100%;
    }

    .dokan-dashboard .dokan-right,
    .dokan-dashboard .dokan-left {
        float: none !important;
    }

    .dokan-dashboard .dokan-w6,
    .dokan-dashboard .dokan-w8,
    .dokan-dashboard .dokan-w4 {
        float: none;
        width: 100%;
    }

    .dokan-dashboard .dokan-reports-content .dokan-reports-area .dokan-reports-wrap .report-left,
    .dokan-dashboard .dokan-reports-content .dokan-reports-area .dokan-reports-wrap .report-right {
        width: 100%;
    }

    .dokan-dashboard .dokan-product-edit-area .dokan-product-edit-left,
    .dokan-dashboard .dokan-product-edit-area .dokan-product-edit-right {
        float: none;
        width: 100%;
    }

    .dokan-dashboard .content-half-part {
        float: none;
        width: 100%;
        margin-bottom: 8px;
    }

    .dokan-dashboard .content-half-part:last-child {
        padding-left: 0px;
    }

    .dokan-dashboard .content-half-part:first-child {
        padding-right: 0px;
    }

    .dokan-dashboard ul.dokan_tabs {
        padding-left: 0;
        margin-right: 0;
    }

    .dokan-dashboard ul.dokan_tabs li {
        margin-bottom: 10px;
    }

    .dokan-single-store .profile-frame .profile-info-box {
        width: 100%;
    }

    .dokan-single-store .profile-frame .profile-info-box.profile-layout-layout1 .profile-info-summery-wrapper .profile-info-summery .profile-info .dokan-store-info {
        max-width: 280px;
    }

    .dokan-seller-wrap .dokan-single-seller .store-wrapper .store-footer {
        display: flex;
    }
}

/* جديد اصلاح مشكلة السلايدر */
:root {
    --e-global-color-primary: #62AA80;
    --e-global-color-secondary: #54595F;
    --e-global-color-text: #7A7A7A;
    --e-global-color-accent: #62AA80;
    --e-global-typography-primary-font-family: "Roboto";
    --e-global-typography-primary-font-weight: 600;
    --e-global-typography-secondary-font-family: "Roboto Slab";
    --e-global-typography-secondary-font-weight: 400;
    --e-global-typography-text-font-family: "Roboto";
    --e-global-typography-text-font-weight: 400;
    --e-global-typography-accent-font-family: "Roboto";
    --e-global-typography-accent-font-weight: 500;
}

.wd-buttons.wd-pos-r-t {
    left: 0 !important;
}

.product-labels {
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 9;
}

/* custom modal ai */
/* custom modal ai */
@media (max-width: 768px) {
    .dokan-custom-modal.components-modal__frame {
        width: 90% !important;
    }
}

.dokan-custom-modal .flex.gap-4.justify-end.items-center.border-t.p-3 {
    display: flex !important;
    gap: 12px !important;
    justify-content: flex-end !important;
    align-items: center !important;
    padding: 14px 16px !important;
    background: rgba(255, 255, 255, 0.55) !important;
    backdrop-filter: blur(14px) !important;
    border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
}

.dokan-custom-modal button {
    position: relative !important;
    overflow: hidden !important;
    border: none !important;
    border-radius: 18px !important;
    padding: 12px 22px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
    transition: all 0.25s ease !important;
}

/* زر الإنشاء */
.dokan-custom-modal .dokan-btn {
    color: #fff !important;
    background: linear-gradient(135deg, #0F813F, #2ecc71) !important;
    box-shadow: 0 10px 25px rgba(15, 129, 63, 0.25) !important;
}

.dokan-custom-modal .dokan-btn:hover:not(:disabled) {
    transform: translateY(-2px) !important;
    box-shadow: 0 16px 35px rgba(15, 129, 63, 0.35) !important;
    filter: brightness(1.05) !important;
}

/* زر الإلغاء */
.dokan-custom-modal .dokan-btn-secondary {
    color: #fff !important;
    background: linear-gradient(135deg, #ff4d4d, #ff2e63) !important;
    box-shadow: 0 10px 25px rgba(255, 46, 99, 0.2) !important;
}

.dokan-custom-modal .dokan-btn-secondary:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 16px 35px rgba(255, 46, 99, 0.35) !important;
    filter: brightness(1.05) !important;
}

/* تأثير لمعان خفيف */
.dokan-custom-modal button::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.25), transparent) !important;
    transform: translateX(-120%) skewX(-20deg) !important;
}

.dokan-custom-modal button:hover::before {
    animation: shine 0.9s ease !important;
}

@keyframes shine {
    0% {
        transform: translateX(-120%) skewX(-20deg) !important;
    }

    100% {
        transform: translateX(120%) skewX(-20deg) !important;
    }
}

.dokan-custom-modal button:active:not(:disabled) {
    transform: translateY(0) !important;
}

.dokan-custom-modal button:disabled {
    opacity: 0.45 !important;
    cursor: not-allowed !important;
    filter: grayscale(0.3) !important;
    box-shadow: none !important;
}

@media (max-width: 768px) {
    .dokan-custom-modal .flex.gap-4.justify-end.items-center.border-t.p-3 {
        flex-direction: row !important;
    }

    .dokan-custom-modal button {
        flex: 1 !important;
        text-align: center !important;
    }
}

/* ══════════════════════════════════════════════
   1. مكتبة الوسائط - Media Library
   ══════════════════════════════════════════════ */

/* زر الإغلاق X - أقصى اليسار داخل الإطار */
.media-modal .media-modal-close {
    left: 0 !important;
    right: auto !important;
    top: 0 !important;
    position: absolute !important;
    background: #e74c3c !important;
    border-radius: 0 0 6px 0 !important;
    opacity: 1 !important;
    transition: background 0.15s !important;
}

.media-modal .media-modal-close:hover {
    background: #c0392b !important;
}

.media-modal .media-modal-close .media-modal-icon::before {
    color: #fff !important;
}

/* حقل البحث - الإصلاح الجذري */
#media-search-input {
    float: none !important;
    margin: 0 !important;
    margin-top: 0 !important;
    display: inline-block !important;
    vertical-align: middle !important;
    line-height: normal !important;
    height: 30px !important;
    padding: 4px 10px !important;
    border: 1px solid #c3c4c7 !important;
    border-radius: 6px !important;
    font-family: 'Cairo', Tahoma, sans-serif !important;
    font-size: 13px !important;
    direction: rtl !important;
    text-align: right !important;
    box-sizing: border-box !important;
    background: #fff !important;
    color: #333 !important;
    width: 220px !important;
}

#media-search-input:focus {
    border-color: #10813F !important;
    box-shadow: 0 0 0 2px rgba(16, 129, 63, 0.15) !important;
    outline: none !important;
}

/* تبويبات مكتبة الوسائط */
.media-menu-item,
a.media-menu-item {
    font-family: 'Cairo', Tahoma, sans-serif !important;
}

.active.media-menu-item,
a.media-menu-item.active {
    color: #10813F !important;
    border-bottom: 2px solid #10813F !important;
}

/* زر اختيار وقص */
.button.media-button.button-primary,
.media-button-select {
    background: #10813F !important;
    border-color: #10813F !important;
    border-radius: 20px !important;
    font-family: 'Cairo', Tahoma, sans-serif !important;
    font-weight: 700 !important;
}

.button.media-button.button-primary:hover,
.media-button-select:hover {
    background: #0a6030 !important;
    border-color: #0a6030 !important;
}


/* ══════════════════════════════════════════════
   2. جدول المنتجات - Products Table
   ══════════════════════════════════════════════ */

/* رأس الجدول أخضر */
#dokan-products-data-view table.dataviews-view-table thead tr, #dokan-orders-data-view table.dataviews-view-table thead tr { background: #138A45 !important; } #dokan-products-data-view table.dataviews-view-table thead th, #dokan-orders-data-view table.dataviews-view-table thead th { background: #138A45 !important; color: #138A45 !important; font-weight: 700 !important; padding: 2px !important; border: none !important; }

/* checkbox في رأس الجدول */
table.dataviews-view-table thead th.dataviews-view-table__checkbox-column {
    background: #138A45 !important;
}

/* صفوف الجدول */
table.dataviews-view-table tbody tr {
    border-top: 0.5px solid #e5e7eb !important;
    transition: background 0.15s !important;
}

table.dataviews-view-table tbody tr:nth-child(even) {
    background: rgba(16, 129, 63, 0.04) !important;
}

table.dataviews-view-table tbody tr:hover {
    background: rgba(16, 129, 63, 0.09) !important;
}

table.dataviews-view-table tbody td {
    padding: 12px 16px !important;
    border: none !important;
    vertical-align: middle !important;
}

/* عمود Actions */
table.dataviews-view-table thead .dataviews-view-table__actions-column {
    background: #10813F !important;
    color: #fff !important;
}

/* زر النقاط الثلاث */
.dataviews-all-actions-button {
    background: #10813F !important;
    color: #fff !important;
    border-radius: 6px !important;
    border: none !important;
}

.dataviews-all-actions-button:hover {
    background: #0a6030 !important;
}

.dataviews-all-actions-button svg {
    fill: #fff !important;
}

/* شارة Published */
span.dokan-badge-success {
    background: #d4fbef !important;
    color: #00563f !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

/* In stock */
table.dataviews-view-table .text-green-600 {
    color: #10813F !important;
    font-weight: 600 !important;
}

/* التابات - إعادة للوضع الطبيعي */
div[data-slot="tabs-list"] button[role="tab"] {
    background: transparent !important;
    color: #777 !important;
    border-bottom: 2px solid transparent !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

div[data-slot="tabs-list"] button[role="tab"]:hover {
    background: transparent !important;
    color: #333 !important;
}

div[data-slot="tabs-list"] button[role="tab"][data-active] {
    background: transparent !important;
    color: #10813F !important;
    border-bottom: 2px solid #10813F !important;
    font-weight: 700 !important;
}


/* ══════════════════════════════════════════════
   3. جدول الطلبات - Orders Table
   ══════════════════════════════════════════════ */

table.woocommerce-orders-table thead tr,
.dokan-dashboard-wrap table.dokan-table thead tr {
    background: #10813F !important;
}

table.woocommerce-orders-table thead th,
.dokan-dashboard-wrap table.dokan-table thead th {
    background: #10813F !important;
    color: #fff !important;
    font-weight: 700 !important;
    padding: 14px 16px !important;
    border: none !important;
}

table.woocommerce-orders-table tbody tr,
table.dokan-table tbody tr {
    border-top: 0.5px solid #e5e7eb !important;
    transition: background 0.15s !important;
}

table.woocommerce-orders-table tbody tr:nth-child(even),
table.dokan-table tbody tr:nth-child(even) {
    background: rgba(16, 129, 63, 0.04) !important;
}

table.woocommerce-orders-table tbody tr:hover,
table.dokan-table tbody tr:hover {
    background: rgba(16, 129, 63, 0.09) !important;
}

table.woocommerce-orders-table tbody td,
table.dokan-table tbody td {
    padding: 12px 16px !important;
    border: none !important;
    vertical-align: middle !important;
}

/* رقم الطلب */
table.woocommerce-orders-table .woocommerce-orders-table__cell-order-number a,
table.dokan-table td a {
    color: #10813F !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* شارات الحالة */
mark.order-status {
    padding: 4px 12px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

mark.order-status.status-completed {
    background: #d4fbef !important;
    color: #00563f !important;
}

mark.order-status.status-cancelled {
    background: #fef3f3 !important;
    color: #7f191c !important;
}

mark.order-status.status-processing {
    background: #dbeafe !important;
    color: #1e3a8a !important;
}

mark.order-status.status-on-hold {
    background: #fffbeb !important;
    color: #78350f !important;
}

mark.order-status.status-pending {
    background: #f3f4f6 !important;
    color: #374151 !important;
}

mark.order-status.status-refunded {
    background: #f3e8ff !important;
    color: #6b21a8 !important;
}

/* زر عرض الطلب */
table.woocommerce-orders-table a.woocommerce-button,
table.woocommerce-orders-table a.button,
table.dokan-table a.button {
    background: #10813F !important;
    color: #fff !important;
    border: none !important;
    padding: 7px 18px !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: background 0.15s !important;
    box-shadow: none !important;
}

table.woocommerce-orders-table a.woocommerce-button:hover,
table.woocommerce-orders-table a.button:hover,
table.dokan-table a.button:hover {
    background: #0a6030 !important;
    color: #fff !important;
}


/* ══════════════════════════════════════════════
   4. Responsive - الموبايل
   ══════════════════════════════════════════════ */

@media (max-width: 768px) {

    /* حقل البحث في الوسائط */
    #media-search-input {
        width: 100% !important;
        height: 38px !important;
        font-size: 16px !important;
        border-radius: 8px !important;
    }

    /* جداول الطلبات والمنتجات */
    table.woocommerce-orders-table thead th,
    table.woocommerce-orders-table tbody td,
    table.dokan-table thead th,
    table.dokan-table tbody td,
    table.dataviews-view-table thead th,
    table.dataviews-view-table tbody td {
        padding: 10px 8px !important;
        font-size: 12px !important;
    }

    table.woocommerce-orders-table a.woocommerce-button,
    table.woocommerce-orders-table a.button,
    table.dokan-table a.button {
        padding: 6px 12px !important;
        font-size: 12px !important;
    }
}

/* ══════════════════════════════════════════════
   5. إصلاح نافذة الصور بالذكاء الاصطناعي
   ══════════════════════════════════════════════ */

/* إصلاح حاوية الصورة الحالية - إزالة h-full */
.components-modal__screen-overlay .px-6 .md\:grid>div:first-child>div {
    height: auto !important;
}

/* إصلاح محاذاة الـ grid - items-start بدل items-center */
.components-modal__screen-overlay .px-6 .md\:grid {
    align-items: start !important;
}

/* الصورة تملأ المربع بشكل صحيح */
.components-modal__screen-overlay .px-6 .md\:grid>div:first-child>div img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* منع الصورة من النزول على الـ textarea */
.components-modal__screen-overlay .px-6>div {
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
}

/* ══════════════════════════════════════════════
   6. لوحة تحكم البائع - موبايل (إصلاحات إضافية)
   ══════════════════════════════════════════════ */

/* ازالة اللون الاخضر من صور المنتجات */
.dataviews-view-list__item,
.dataviews-view-list__item[data-active-item="true"],
.dataviews-view-list__item-wrapper,
.dataviews-view-list__item-wrapper>div {
    background-color: #ffffff !important;
    background: #ffffff !important;
}

/* المشكلة في محاذاة الحقول داخل كل كرت */
.dataviews-view-list__fields {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
}

.dataviews-view-list__field {
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

.dataviews-view-list__field-value {
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
}

/* ══════════════════════════════════════════════
   7. زر واتساب العائم - WhatsApp Button
   ══════════════════════════════════════════════ */
.wa-float-wrap {
    position: fixed;
    bottom: 80px;
    left: 26px;
    z-index: 99999;
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none !important;
    animation: waFadeUp .7s ease both;
}

.wa-float-wrap .wa-circle {
    position: relative;
    width: 60px;
    height: 60px;
    background: #25D366;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 5px 18px rgba(37, 211, 102, .55);
    transition: transform .3s ease, box-shadow .3s ease;
    flex-shrink: 0;
}

.wa-float-wrap .wa-circle svg {
    width: 33px;
    height: 33px;
    fill: #fff;
    position: relative;
    z-index: 2;
}

.wa-float-wrap .wa-circle::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: rgba(37, 211, 102, .45);
    animation: waPulse 2.2s ease-out infinite;
    z-index: 1;
}

.wa-float-wrap .wa-circle::after {
    content: "";
    position: absolute;
    bottom: 3px;
    right: 3px;
    width: 13px;
    height: 13px;
    background: #4ade80;
    border: 2px solid #fff;
    border-radius: 50%;
    z-index: 3;
    animation: waBlink 2s ease infinite;
}

.wa-float-wrap .wa-card {
    background: #fff;
    border-radius: 14px;
    padding: 10px 16px;
    box-shadow: 0 6px 24px rgba(0, 0, 0, .13);
    opacity: 0;
    transform: translateX(-12px);
    transition: opacity .35s ease, transform .35s ease;
    pointer-events: none;
    white-space: nowrap;
    border-right: 4px solid #25D366;
}

.wa-float-wrap .wa-card .wa-card-title {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #111;
    direction: rtl;
}

.wa-float-wrap .wa-card .wa-card-sub {
    display: block;
    font-size: 11px;
    color: #25D366;
    direction: ltr;
    margin-top: 2px;
}

.wa-float-wrap:hover .wa-circle {
    transform: scale(1.12);
    box-shadow: 0 8px 28px rgba(37, 211, 102, .7);
}

.wa-float-wrap:hover .wa-card {
    opacity: 1;
    transform: translateX(0);
}

@keyframes waPulse {
    0% {
        transform: scale(1);
        opacity: .7;
    }

    100% {
        transform: scale(2);
        opacity: 0;
    }
}

@keyframes waFadeUp {
    from {
        opacity: 0;
        transform: translateY(28px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes waBlink {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: .4;
    }
}

@media (max-width: 640px) {
    .wa-float-wrap {
        bottom: 70px;
        left: 18px;
    }

    .wa-float-wrap .wa-circle {
        width: 54px;
        height: 54px;
    }

    .wa-float-wrap .wa-circle svg {
        width: 29px;
        height: 29px;
    }

    .wa-float-wrap .wa-card {
        display: none;
    }
}

/* إخفاء كرت باقة الموارد البشرية */
#tab-panel-0-packs-view>div>div:nth-child(2)>div>div.p-6.first\:rounded-t>div>div:nth-child(4) {
    display: none !important;
}

/* ══════════════════════════════════════════════
   8. أيقونة واسم المتجر في كرت المنتج
   ══════════════════════════════════════════════ */
.product-vendor-name {
    margin-top: 5px;
    font-size: 11.5px;
}

.product-vendor-name a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #60a5fa;
    text-decoration: none;
    background: rgba(96, 165, 250, 0.08);
    border: 1px solid #dbeafe;
    border-radius: 8px;
    padding: 4px 12px 4px 8px;
    transition: all 0.2s ease;
}

.product-vendor-name a:hover {
    background: rgba(96, 165, 250, 0.15);
    border-color: #bfdbfe;
    color: #3b82f6;
}

.product-vendor-name .vendor-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.product-vendor-name .vendor-icon::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #60a5fa;
    transition: background-color 0.2s ease;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l1-5h16l1 5'/%3E%3Cpath d='M3 9a2 2 0 0 0 4 0 2 2 0 0 0 4 0 2 2 0 0 0 4 0 2 2 0 0 0 4 0'/%3E%3Cpath d='M5 9v11h14V9'/%3E%3Crect x='9' y='14' width='6' height='6'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l1-5h16l1 5'/%3E%3Cpath d='M3 9a2 2 0 0 0 4 0 2 2 0 0 0 4 0 2 2 0 0 0 4 0 2 2 0 0 0 4 0'/%3E%3Cpath d='M5 9v11h14V9'/%3E%3Crect x='9' y='14' width='6' height='6'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.product-vendor-name a:hover .vendor-icon::before {
    background-color: #3b82f6;
}

.product-vendor-name .vendor-name {
    line-height: 1;
    font-weight: 600;
    color: #60a5fa;
}

.product-vendor-name a:hover .vendor-name {
    color: #3b82f6;
}

/* ============================================================
   منصة مستثمر — Unified CSS
   WooCommerce Tabs + Dokan Dashboard
   ============================================================ */


/* ==========================================================
   SECTION 1: WooCommerce / WoodMart — تابز المنتج
   ========================================================== */

/* 1. الحاوية */
ul.woocommerce-tabs[role="tablist"],
ul.wd-nav-tabs[role="tablist"] {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    padding: 8px !important;
    background: transparent !important;
    border-radius: 14px !important;
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    list-style: none !important;
    margin: 0 0 20px !important;
}

ul.wd-style-underline-reverse::before,
ul.wd-style-underline-reverse::after {
    display: none !important;
}

/* 2. كل li */
ul.woocommerce-tabs[role="tablist"] li,
ul.wd-nav-tabs[role="tablist"] li {
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 3. التاب الافتراضي */
ul.woocommerce-tabs[role="tablist"] a.wd-nav-link,
ul.wd-nav-tabs[role="tablist"] a.wd-nav-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 9px 20px !important;
    font-family: 'Cairo', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #6b7280 !important;
    background: #ffffff !important;
    border: 1.5px solid #e5e7eb !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    white-space: nowrap !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
    position: relative !important;
    letter-spacing: 0.01em !important;
}

/* إزالة pseudo-elements الافتراضية */
ul.woocommerce-tabs[role="tablist"] a.wd-nav-link::before,
ul.woocommerce-tabs[role="tablist"] a.wd-nav-link::after,
ul.wd-nav-tabs[role="tablist"] a.wd-nav-link::before,
ul.wd-nav-tabs[role="tablist"] a.wd-nav-link::after {
    display: none !important;
    content: none !important;
}

/* 4. Hover */
ul.woocommerce-tabs[role="tablist"] a.wd-nav-link:hover,
ul.wd-nav-tabs[role="tablist"] a.wd-nav-link:hover {
    background: #f0fdf4 !important;
    border-color: #6ee7b7 !important;
    color: #1E563B !important;
    box-shadow: 0 2px 8px rgba(30, 86, 59, 0.1) !important;
    transform: translateY(-1px) !important;
}

/* 5. التاب النشط */
ul.woocommerce-tabs[role="tablist"] li.active a.wd-nav-link,
ul.wd-nav-tabs[role="tablist"] li.active a.wd-nav-link,
ul.woocommerce-tabs[role="tablist"] a.wd-nav-link[aria-selected="true"],
ul.wd-nav-tabs[role="tablist"] a.wd-nav-link[aria-selected="true"] {
    background: linear-gradient(135deg, #1E563B, #2d7a55) !important;
    border-color: transparent !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 14px rgba(30, 86, 59, 0.35) !important;
    transform: translateY(-1px) !important;
}

/* 6. Badge / عداد */
ul.woocommerce-tabs[role="tablist"] .wd-tab-badge,
ul.wd-nav-tabs[role="tablist"] .wd-tab-badge {
    background: #f3f4f6 !important;
    color: #9ca3af !important;
    border: 0.5px solid #e5e7eb !important;
    border-radius: 20px !important;
    padding: 1px 8px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}

ul.woocommerce-tabs[role="tablist"] li.active .wd-tab-badge,
ul.wd-nav-tabs[role="tablist"] li.active .wd-tab-badge {
    background: rgba(255, 255, 255, 0.25) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

/* 7. النص داخل التاب */
ul.woocommerce-tabs[role="tablist"] span.nav-link-text,
ul.wd-nav-tabs[role="tablist"] span.nav-link-text {
    position: unset !important;
    display: inline !important;
    padding: 0 !important;
    line-height: normal !important;
}

/* 8. محتوى التاب */
.woocommerce-Tabs-panel,
.wc-tab,
.woocommerce-tabs .panel {
    border-top: 3px solid #1E563B !important;
    border-radius: 0 0 14px 14px !important;
    background: #ffffff !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
}

/* 9. أكورديون */
.wd-accordion-item .wd-accordion-title {
    color: #4b5563 !important;
    font-weight: 600 !important;
    font-family: 'Cairo', sans-serif !important;
    border-right: 3px solid transparent !important;
    transition: all 0.2s ease !important;
    border-radius: 8px !important;
}

.wd-accordion-item.active .wd-accordion-title {
    color: #1E563B !important;
    border-right-color: #1E563B !important;
    background: linear-gradient(to left, #EAF7F0, #f0fdf4) !important;
}

/* 9b. محتوى داخل التاب — إصلاح وتحسين */
.wc-tab-inner.wd-entry-content,
.wc-tab-inner.wd-scroll-content,
.wd-entry-content.wd-scroll-content {
    max-height: none !important;
    overflow: visible !important;
    padding: 20px 24px !important;
    font-family: 'Cairo', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.9 !important;
    color: #374151 !important;
}

/* العناوين */
.wc-tab-inner h5 {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #1E563B !important;
    margin-bottom: 14px !important;
    padding-bottom: 8px !important;
    border-bottom: 2px solid #EAF7F0 !important;
}

/* الفقرات */
.wc-tab-inner p {
    margin-bottom: 10px !important;
    color: #4b5563 !important;
    line-height: 1.9 !important;
}

/* القوائم */
.wc-tab-inner ul,
.wc-tab-inner ol {
    padding-right: 20px !important;
    margin-bottom: 14px !important;
}

.wc-tab-inner ul li,
.wc-tab-inner ol li {
    margin-bottom: 8px !important;
    color: #4b5563 !important;
    line-height: 1.8 !important;
    list-style: disc !important;
}

.wc-tab-inner ol li {
    list-style: decimal !important;
}

/* النص العريض */
.wc-tab-inner b,
.wc-tab-inner strong {
    color: #1E563B !important;
    font-weight: 700 !important;
}

/* ==========================================================
   SECTION 2: Dokan Dashboard — لوحة تحكم البائع
   ========================================================== */

/* 1. تابز Dokan فقط */
.dokan-dashboard [role="tablist"],
#dokan-wrap [role="tablist"] {
    flex-wrap: wrap !important;
    height: auto !important;
    padding: 5px !important;
    gap: 4px !important;
    background: #f1f5f9 !important;
    border-radius: 12px !important;
    border-bottom: none !important;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.07) !important;
}

.dokan-dashboard [role="tablist"] [role="tab"],
#dokan-wrap [role="tablist"] [role="tab"] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 6px 14px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #4b5563 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    white-space: nowrap !important;
}

.dokan-dashboard [role="tablist"] [role="tab"]:hover,
#dokan-wrap [role="tablist"] [role="tab"]:hover {
    background: rgba(22, 163, 74, 0.1) !important;
    color: #16a34a !important;
}

.dokan-dashboard [role="tablist"] [role="tab"][data-active],
.dokan-dashboard [role="tablist"] [role="tab"][aria-selected="true"],
#dokan-wrap [role="tablist"] [role="tab"][data-active],
#dokan-wrap [role="tablist"] [role="tab"][aria-selected="true"] {
    background: linear-gradient(135deg, #16a34a, #22c55e) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    box-shadow: 0 2px 8px rgba(22, 163, 74, 0.3) !important;
}

.dokan-dashboard [role="tablist"] [role="tab"] span,
#dokan-wrap [role="tablist"] [role="tab"] span {
    font-size: 10px !important;
    background: rgba(0, 0, 0, 0.1) !important;
    border-radius: 99px !important;
    padding: 1px 6px !important;
    color: inherit !important;
}

.dokan-dashboard [role="tablist"] [role="tab"][data-active] span,
.dokan-dashboard [role="tablist"] [role="tab"][aria-selected="true"] span,
#dokan-wrap [role="tablist"] [role="tab"][data-active] span,
#dokan-wrap [role="tablist"] [role="tab"][aria-selected="true"] span {
    background: rgba(255, 255, 255, 0.25) !important;
    color: #ffffff !important;
}

/* 2. أيقونات */
.lucide-funnel {
    stroke: #ffffff !important;
}

[aria-label="Scroll tabs right"] .lucide-chevron-right {
    stroke: #ffffff !important;
}

/* 3. زر الثلاث نقاط */
.dataviews-all-actions-button {
    width: 26px !important;
    height: 26px !important;
    min-width: unset !important;
    padding: 0 !important;
    border-radius: 6px !important;
}

.dataviews-all-actions-button svg {
    fill: #ffffff !important;
}

button[id*="dropdown"] {
    width: 22px !important;
    height: 22px !important;
    min-width: unset !important;
    padding: 0 !important;
    background: linear-gradient(135deg, #16a34a, #22c55e) !important;
    border-radius: 6px !important;
    box-shadow: 0 1px 4px rgba(22, 163, 74, 0.3) !important;
}

button[id*="dropdown"] svg {
    fill: #ffffff !important;
    width: 14px !important;
    height: 14px !important;
}

/* 4. رأس الجدول */
.dataviews-view-table th {
    vertical-align: middle !important;
    padding: 6px 8px !important;
}

/* إصلاح عمود Actions - sticky */
#dokan-products-data-view table.dataviews-view-table thead th.dataviews-view-table__actions-column--sticky,
#dokan-products-data-view table.dataviews-view-table thead th.dataviews-view-table__actions-column {
   background-color: #138A45 !important;
color: #138A45 !important;
}

/* 5. بطاقات الجوال */
.dataviews-view-list__item-wrapper {
    position: relative !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    margin-bottom: 8px !important;
    padding: 12px 14px !important;
    display: flex !important;
    flex-direction: row !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.2s ease !important;
}

.dataviews-view-list__item-wrapper:hover {
    border-color: #86efac !important;
    background: #f0fdf4 !important;
    box-shadow: 0 4px 12px rgba(22, 163, 74, 0.1) !important;
    transform: translateY(-1px) !important;
}

.dataviews-view-list__item {
    position: absolute !important;
    inset: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 0 !important;
}

.dataviews-view-list__item-wrapper>div {
    position: relative !important;
    z-index: 2 !important;
}

.dataviews-view-list__item-wrapper span,
.dataviews-view-list__item-wrapper div,
.dataviews-view-list__item-wrapper p,
.dataviews-view-list__item-wrapper a {
    color: #374151 !important;
}

.dataviews-view-list__item-actions {
    position: relative !important;
    z-index: 3 !important;
}

.dataviews-view-list__item-actions .components-button.is-small.has-icon {
    width: 24px !important;
    height: 24px !important;
    min-width: unset !important;
    min-height: unset !important;
    padding: 0 !important;
    background: linear-gradient(135deg, #16a34a, #22c55e) !important;
    border-radius: 6px !important;
    box-shadow: 0 1px 4px rgba(22, 163, 74, 0.3) !important;
}

.dataviews-view-list__item-actions .components-button.is-small.has-icon svg {
    fill: #ffffff !important;
    width: 14px !important;
    height: 14px !important;
}

.dataviews-view-list__item[aria-pressed="true"],
button[id*="item-wrapper"][aria-pressed="true"] {
    background: #16a34a !important;
    background-color: #16a34a !important;
    border-color: #16a34a !important;
}

.dataviews-view-list__item[aria-pressed="true"] span,
.dataviews-view-list__item[aria-pressed="true"] div,
.dataviews-view-list__item[aria-pressed="true"] p,
button[id*="item-wrapper"][aria-pressed="true"] span,
button[id*="item-wrapper"][aria-pressed="true"] div,
button[id*="item-wrapper"][aria-pressed="true"] p {
    color: #ffffff !important;
}

.dataviews-view-list__item .dokan-badge-success,
button[id*="item-wrapper"] .dokan-badge-success {
    background: #dcfce7 !important;
    color: #166534 !important;
    border-radius: 6px !important;
    padding: 2px 8px !important;
    font-weight: 600 !important;
}

/* 6. بطاقات طلبات الجوال */
#dokan-orders-data-view .dataviews-view-list__item-wrapper {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    margin-bottom: 8px !important;
    padding: 12px 14px !important;
    position: relative !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.2s ease !important;
}

#dokan-orders-data-view .dataviews-view-list__item-wrapper:hover {
    border-color: #86efac !important;
    background: #f0fdf4 !important;
    box-shadow: 0 4px 12px rgba(22, 163, 74, 0.1) !important;
}

#dokan-orders-data-view .dataviews-view-list__item-wrapper span,
#dokan-orders-data-view .dataviews-view-list__item-wrapper div,
#dokan-orders-data-view .dataviews-view-list__item-wrapper p {
    color: #374151 !important;
}

#dokan-orders-data-view .dataviews-view-list__item {
    position: absolute !important;
    inset: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 1 !important;
}

#dokan-orders-data-view button[id*="dropdown"] {
    width: 22px !important;
    height: 22px !important;
    min-width: unset !important;
    padding: 0 !important;
    background: linear-gradient(135deg, #16a34a, #22c55e) !important;
    border-radius: 6px !important;
}

#dokan-orders-data-view button[id*="dropdown"] svg {
    fill: #ffffff !important;
    width: 14px !important;
    height: 14px !important;
}

/* 7. أزرار الهيدر */
.dokan-header-actions div button.dokan-btn-secondary,
.dokan-header-actions div button.dokan-btn-secondary span,
.dokan-header-actions div button.dokan-btn-secondary svg,
button.justify-center.dokan-btn-secondary {
    color: #ffffff !important;
}

button.justify-center.dokan-btn-secondary svg {
    stroke: #ffffff !important;
}

/* 8. قائمة Export */
.absolute.right-0 {
    border-radius: 12px !important;
    border: 1px solid #e5e7eb !important;
    overflow: hidden !important;
    padding: 4px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1) !important;
}

.absolute.right-0 button.w-full,
.absolute button.text-gray-700 {
    background: #ffffff !important;
    color: #374151 !important;
    font-size: 12px !important;
    padding: 8px 14px !important;
    text-align: right !important;
    border-radius: 8px !important;
    transition: all 0.15s ease !important;
}

.absolute.right-0 button.w-full:hover,
.absolute button.text-gray-700:hover {
    background: #f0fdf4 !important;
    color: #16a34a !important;
}

/* 9. زر الفلتر */
.dataviews-filters-button,
[class*="dataviews"] .components-button.is-compact,
.components-button.dataviews-filters-button {
    height: 24px !important;
    padding: 0 10px !important;
    font-size: 11px !important;
    min-height: unset !important;
    border-radius: 6px !important;
}

/* 10. النافذة المنبثقة */
.components-modal__screen-overlay button.dokan-btn-secondary {
    color: #ffffff !important;
    background: linear-gradient(135deg, #0891b2, #0e7490) !important;
    border-color: transparent !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(8, 145, 178, 0.3) !important;
}

.components-modal__screen-overlay button.dokan-btn-secondary:hover {
    background: linear-gradient(135deg, #0e7490, #155e75) !important;
}

/* 11. قائمة الوسائط */
button.media-menu-item {
    padding: 7px 16px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    border: 1px solid #e5e7eb !important;
    background: #ffffff !important;
    color: #374151 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

button.media-menu-item:hover {
    background: #ecfeff !important;
    border-color: #22d3ee !important;
    color: #0891b2 !important;
    box-shadow: 0 2px 8px rgba(8, 145, 178, 0.15) !important;
}

button.media-menu-item.active,
button.media-menu-item[aria-selected="true"] {
    background: linear-gradient(135deg, #22d3ee, #0891b2) !important;
    border-color: transparent !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(8, 145, 178, 0.3) !important;
}

/* 12. شريط المعلومات */
p.dokan-info {
    background: linear-gradient(135deg, #dc2626, #9f1239) !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    padding: 12px 18px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    border: none !important;
    box-shadow: 0 4px 14px rgba(220, 38, 38, 0.3) !important;
    letter-spacing: 0.01em !important;
}

/* 13. خلفية كرت الصورة — أبيض */
[id*="view-list"] div.w-12.h-12.rounded-lg.overflow-hidden.bg-gray-100.shrink-0,
div.w-12.h-12.rounded-lg.overflow-hidden.bg-gray-100.shrink-0 {
    background-color: #ffffff !important;
    background: #ffffff !important;
    border: 1px solid #f3f4f6 !important;
    outline: none !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
    border-radius: 10px !important;
}

img.w-full.h-full.object-cover {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 10px !important;
}


/* ==========================================================
   SECTION 3: Responsive — الجوال
   ========================================================== */

@media (max-width: 768px) {

    /* WooCommerce tabs */
    ul.woocommerce-tabs[role="tablist"] a.wd-nav-link,
    ul.wd-nav-tabs[role="tablist"] a.wd-nav-link {
        font-size: 12px !important;
        padding: 7px 13px !important;
    }

    /* Dokan tabs */
    .dokan-dashboard [role="tablist"] [role="tab"],
    #dokan-wrap [role="tablist"] [role="tab"] {
        font-size: 12px !important;
        padding: 5px 10px !important;
    }

    /* أزرار الهيدر */
    div.dokan-header-actions {
        flex-wrap: nowrap !important;
        flex-direction: row !important;
        gap: 4px !important;
        overflow: visible !important;
        width: 100% !important;
    }

    div.dokan-header-actions button,
    div.dokan-header-actions a.dokan-btn {
        flex: 1 1 0 !important;
        padding: 4px 6px !important;
        font-size: 10px !important;
        height: 28px !important;
        min-width: 0 !important;
        white-space: nowrap !important;
        text-align: center !important;
        justify-content: center !important;
        border-radius: 8px !important;
    }

    div.dokan-header-actions button svg {
        width: 10px !important;
        height: 10px !important;
    }

    button.dokan-btn.bg-purple-600 {
        font-size: 9px !important;
        padding: 4px 6px !important;
        height: 28px !important;
    }

    button.dokan-btn.bg-purple-600 svg {
        width: 10px !important;
        height: 10px !important;
    }
}

/* تقارب الصفوف و الاعمدة في صفحة المنتجات بلوحة تحكم البائع */
#dokan-products-data-view .dataviews-view-table td,
#dokan-products-data-view .dataviews-view-table th {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

#dokan-products-data-view .dataviews-view-table .gap-3 {
    gap: 4px !important;
}

#dokan-products-data-view .dataviews-view-table .px-2 {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

#dokan-products-data-view .dataviews-view-table td,
#dokan-products-data-view .dataviews-view-table th {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

/* انكماش القائمة لوحة تحكم البائع */
@media (max-width: 768px) {
    .dokan-dash-sidebar.closed {
        display: none !important;
    }
}
/* زر عرض السلة واشتري الآن سماوي */
a.button.btn.btn-default.btn-cart.wc-forward {
    background: #00bcd4 !important;
    border: 1px solid #00bcd4 !important;
    color: #fff !important;
    box-shadow: none !important;
}

button#wd-add-to-cart.wd-buy-now-btn {
    background: #00bcd4 !important;
    border: 1px solid #00bcd4 !important;
    color: #fff !important;
}

/* إخفاء المتغيرات من كروت المنتجات فقط */
form.wd-quick-shop-2 table.variations,
form.wd-quick-shop-2 .single_variation_wrap,
.wvs-archive-variations-wrapper,
.wvs_archive_reset_variations {
    display: none !important;
}

/* إخفاء شورت كود wpghost بعد تسجيل الدخول */
body.logged-in #post-10>div>section>div>div>div>div>p:nth-child(4) {
    display: none !important;
}

/* ══════════════════════════════════════════════
9. صفحة شركاء النجاح - SliceWP
══════════════════════════════════════════════ */
#slicewp-affiliate-register-form {
    max-width: 600px;
    margin: 0 auto;
    padding: 40px;
    background: #fff;
    border: 1px solid #c8e6d0;
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(15, 129, 63, 0.08);
    direction: rtl;
    text-align: right;
}

#slicewp-affiliate-register-form .slicewp-user-notice.slicewp-warning {
    background: #fff8f0;
    border: 1px solid #ffe0b2;
    border-radius: 10px;
    padding: 14px 18px;
    margin-bottom: 24px;
    color: #555;
    font-size: 14px;
    line-height: 1.8;
}

#slicewp-affiliate-register-form .slicewp-field-wrapper {
    margin-bottom: 20px;
}

#slicewp-affiliate-register-form .slicewp-field-label-wrapper label {
    display: block;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
    font-size: 14px;
}

#slicewp-affiliate-register-form .slicewp-field-required-marker {
    color: #c0392b;
    margin-right: 4px;
}

#slicewp-affiliate-register-form input[type="text"],
#slicewp-affiliate-register-form input[type="email"],
#slicewp-affiliate-register-form textarea {
    width: 100%;
    padding: 11px 16px;
    border: 1px solid #c8e6d0;
    border-radius: 8px;
    font-size: 14px;
    color: #333;
    background: #f9fdf9;
    box-sizing: border-box;
    direction: rtl;
    transition: border-color 0.3s, box-shadow 0.3s;
}

#slicewp-affiliate-register-form input[type="text"]:focus,
#slicewp-affiliate-register-form input[type="email"]:focus,
#slicewp-affiliate-register-form textarea:focus {
    outline: none;
    border-color: #0F813F;
    box-shadow: 0 0 0 3px rgba(15, 129, 63, 0.1);
    background: #fff;
}

#slicewp-affiliate-register-form input[disabled] {
    background: #f0f0f0;
    color: #888;
    cursor: not-allowed;
}

#slicewp-affiliate-register-form textarea {
    min-height: 100px;
    resize: vertical;
}

#slicewp-affiliate-register-form .slicewp-field-wrapper-mailchimp-mailing-list-agreement .slicewp-field-label-wrapper,
#slicewp-affiliate-register-form .slicewp-field-wrapper-terms-and-conditions .slicewp-field-label-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    direction: rtl;
}

#slicewp-affiliate-register-form input[type="checkbox"] {
    width: 18px;
    height: 18px;
    accent-color: #0F813F;
    flex-shrink: 0;
    margin: 0;
}

#slicewp-affiliate-register-form .slicewp-field-wrapper-mailchimp-mailing-list-agreement label,
#slicewp-affiliate-register-form .slicewp-field-wrapper-terms-and-conditions label {
    font-size: 13px;
    color: #555;
    margin-bottom: 0;
}

#slicewp-affiliate-register-form .slicewp-field-wrapper-terms-and-conditions a {
    color: #0F813F;
    text-decoration: underline;
}

#slicewp-affiliate-register-form .slicewp-button-primary {
    width: 100%;
    padding: 14px;
    background: linear-gradient(135deg, #0F813F, #2ecc71);
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 8px;
    transition: transform 0.2s, box-shadow 0.3s;
    box-shadow: 0 4px 12px rgba(15, 129, 63, 0.3);
}

#slicewp-affiliate-register-form .slicewp-button-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(15, 129, 63, 0.4);
}

.slicewp-user-notice.slicewp-warning {
    background: #fff8f0;
    border: 1px solid #ffe0b2;
    border-radius: 12px;
    padding: 20px 24px;
    color: #555;
    font-size: 15px;
    line-height: 1.8;
    direction: rtl;
    text-align: right;
    margin-bottom: 24px;
}

#register-login {
    background: #f9fdf9;
    border: 1px solid #c8e6d0;
    border-radius: 12px;
    padding: 20px 24px;
    direction: rtl;
    text-align: right;
    margin-top: 16px;
}

#register-login p {
    margin: 0;
    font-size: 15px;
    color: #333;
}

.elementor-element-153992e h4 {
    font-size: 20px;
    font-weight: 700;
    color: #0F813F;
    border-right: 4px solid #0F813F;
    padding-right: 12px;
    margin-bottom: 16px;
    direction: rtl;
}

.elementor-element-cffbe25 .elementor-shortcode {
    background: #f9fdf9;
    border: 1px solid #c8e6d0;
    border-radius: 12px;
    padding: 24px;
    text-align: center;
    color: #888;
    font-size: 14px;
    direction: rtl;
}

/* ══════════════════════════════════════════════
10. صفحة حذف الحساب
══════════════════════════════════════════════ */
#plugin_delete_me_shortcode_form {
    max-width: 500px;
    margin: 0px auto;
    padding: 40px;
    background: #fff;
    border: 1px solid #c8e6d0;
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(15, 129, 63, 0.08);
    text-align: right;
    direction: rtl;
}

#plugin_delete_me_shortcode_form p:first-child {
    background: #fff8f8;
    border: 1px solid #ffd0d0;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 28px;
    color: #333;
    line-height: 1.8;
}

#plugin_delete_me_shortcode_form p:first-child font {
    font-size: 22px !important;
    font-weight: 700;
    color: #c0392b;
    display: block;
    margin-bottom: 10px;
}

#plugin_delete_me_shortcode_form label {
    display: block;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
    font-size: 15px;
}

#plugin_delete_me_shortcode_form input[type="password"] {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #c8e6d0;
    border-radius: 8px;
    font-size: 15px;
    transition: border-color 0.3s, box-shadow 0.3s;
    box-sizing: border-box;
    direction: rtl;
}

#plugin_delete_me_shortcode_form input[type="password"]:focus {
    outline: none;
    border-color: #0F813F;
    box-shadow: 0 0 0 3px rgba(15, 129, 63, 0.1);
}

#plugin_delete_me_shortcode_form input[type="submit"] {
    width: 100%;
    padding: 14px;
    background: #c0392b;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 8px;
    transition: background 0.3s, transform 0.2s, box-shadow 0.3s;
    box-shadow: 0 4px 12px rgba(192, 57, 43, 0.3);
}

#plugin_delete_me_shortcode_form input[type="submit"]:hover {
    background: #a93226;
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(192, 57, 43, 0.4);
}

/* ══════════════════════════════════════════════
11. زر إضافة للسلة - Single Product
══════════════════════════════════════════════ */
button.single_add_to_cart_button.button.alt.added:hover:before {
    content: "";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "woodmart-font";
    font-weight: 400;
    font-size: 20px;
    color: #fff;
    transition: opacity .15s ease, transform .25s ease;
}

button.single_add_to_cart_button.button.alt:not(.added):not(.loading):hover:before {
    content: "";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "woodmart-font";
    font-weight: 400;
    font-size: 20px;
    color: #fff;
    transition: opacity .15s ease, transform .25s ease;
}

.added.single_add_to_cart_button:before,
button.single_add_to_cart_button.button.alt:not(.added):not(.loading):hover:before {
    opacity: 1;
    transition: opacity .25s ease;
}

button.single_add_to_cart_button.button.alt.added:hover,
button.single_add_to_cart_button.button.alt.loading,
button.single_add_to_cart_button.button.alt:not(.added):not(.loading):hover {
    color: #cb000000 !important;
}

.loading.single_add_to_cart_button:after {
    color: #fff !important;
}

/* تقليص المسافة بين الفوتر والصفحات لوحة تحكم البائع */
@media (max-width: 782px) {
    .dokan-dashboard-wrap {
        min-height: unset !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    .dokan-dashboard-content {
        min-height: unset !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
}

/* ══════════════════════════════════════════════
12. صفحة المفضلة - Wishlist
══════════════════════════════════════════════ */
#post-291>div>div.woocommerce-MyAccount-content.wd-grid-col>div {
    background: #fff !important;
    border: 1.5px solid #dff0e6 !important;
    border-radius: 20px !important;
    padding: 28px !important;
    box-shadow: 0 4px 20px rgba(15, 129, 63, 0.06) !important;
}

/* عنوان قائمة المفضلة */
#post-291 .wl-wishlists-title,
#post-291 .woocommerce-MyAccount-content h2,
#post-291 .woocommerce-MyAccount-content h3 {
    color: #0F813F !important;
    font-weight: 800 !important;
    font-size: 20px !important;
    border-bottom: 1.5px solid #dff0e6 !important;
    padding-bottom: 12px !important;
    margin-bottom: 20px !important;
}

/* زر إنشاء قائمة */
#post-291 .wl-create-wishlist-btn,
#post-291 .button.wl-add-to-wishlist-btn,
#post-291 a.button {
    background: linear-gradient(135deg, #0F813F, #2ecc71) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 10px 24px !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 14px rgba(15, 129, 63, 0.25) !important;
    transition: transform .2s !important;
}

#post-291 a.button:hover {
    transform: translateY(-2px) !important;
    color: #fff !important;
}

/* أيقونة القلب */
#post-291 .wl-empty-wishlist-icon svg,
#post-291 .wl-empty-wishlist-icon {
    color: #c8e6d0 !important;
    fill: #c8e6d0 !important;
}

/* نص لا توجد منتجات */
#post-291 .wl-empty-wishlist-message,
#post-291 .woocommerce-MyAccount-content p {
    color: #7a9e85 !important;
    font-size: 15px !important;
    text-align: center !important;
}

/* ══════════════════════════════════════════════
13. صفحات الشروط والأحكام وسياسة الخصوصية
══════════════════════════════════════════════ */

/* --- الشروط والأحكام --- */
#post-3 {
    background: #f8faf9 !important;
}

#post-3 .elementor-section {
    max-width: 900px !important;
    margin: 0 auto !important;
}

#post-3 .elementor-widget-text-editor p,
#post-3 .elementor-text-editor p {
    font-size: 16px !important;
    line-height: 2.1 !important;
    color: #3a5a45 !important;
    margin-bottom: 20px !important;
    font-family: 'Tajawal', sans-serif !important;
}

#post-3 .elementor-widget-text-editor h2,
#post-3 .elementor-text-editor h2 {
    font-size: 22px !important;
    font-weight: 900 !important;
    color: #0d1f13 !important;
    margin-top: 44px !important;
    margin-bottom: 16px !important;
    padding: 14px 20px !important;
    background: linear-gradient(135deg, rgba(15, 129, 63, 0.07), rgba(46, 204, 113, 0.04)) !important;
    border-right: 4px solid #0F813F !important;
    border-radius: 0 12px 12px 0 !important;
}

#post-3 .elementor-widget-text-editor h3,
#post-3 .elementor-text-editor h3 {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #0F813F !important;
    margin-top: 30px !important;
    margin-bottom: 12px !important;
    padding-right: 14px !important;
    border-right: 3px solid #2ecc71 !important;
}

#post-3 .elementor-widget-text-editor h1,
#post-3 .elementor-text-editor h1 {
    font-size: 30px !important;
    font-weight: 900 !important;
    color: #0F813F !important;
    text-align: center !important;
    margin-bottom: 32px !important;
    padding-bottom: 16px !important;
    border-bottom: 2px solid #dff0e6 !important;
}

#post-3 .elementor-widget-text-editor ul,
#post-3 .elementor-text-editor ul {
    list-style: none !important;
    padding-right: 0 !important;
    margin-bottom: 20px !important;
}

#post-3 .elementor-widget-text-editor ul li,
#post-3 .elementor-text-editor ul li {
    font-size: 16px !important;
    line-height: 1.9 !important;
    color: #3a5a45 !important;
    margin-bottom: 10px !important;
    padding-right: 28px !important;
    position: relative !important;
}

#post-3 .elementor-widget-text-editor ul li::before,
#post-3 .elementor-text-editor ul li::before {
    content: '✓' !important;
    position: absolute !important;
    right: 0 !important;
    color: #0F813F !important;
    font-weight: 900 !important;
    font-size: 14px !important;
}

#post-3 .elementor-widget-text-editor ol,
#post-3 .elementor-text-editor ol {
    padding-right: 24px !important;
    margin-bottom: 20px !important;
}

#post-3 .elementor-widget-text-editor ol li::marker,
#post-3 .elementor-text-editor ol li::marker {
    color: #0F813F !important;
    font-weight: 800 !important;
}

#post-3 .elementor-widget-text-editor a,
#post-3 .elementor-text-editor a {
    color: #0F813F !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    border-bottom: 1.5px solid rgba(15, 129, 63, 0.3) !important;
    transition: border-color .2s !important;
}

#post-3 .elementor-widget-text-editor a:hover,
#post-3 .elementor-text-editor a:hover {
    border-color: #0F813F !important;
}

#post-3 .elementor-widget-text-editor strong,
#post-3 .elementor-text-editor strong {
    color: #1a2e1f !important;
    font-weight: 800 !important;
}

#post-3 .elementor-widget-text-editor hr,
#post-3 .elementor-text-editor hr {
    border: none !important;
    height: 2px !important;
    background: linear-gradient(90deg, #0F813F, #2ecc71, transparent) !important;
    margin: 36px 0 !important;
}

#post-3 .elementor-widget-text-editor blockquote,
#post-3 .elementor-text-editor blockquote {
    background: linear-gradient(135deg, rgba(15, 129, 63, 0.06), rgba(46, 204, 113, 0.03)) !important;
    border-right: 4px solid #0F813F !important;
    border-radius: 0 14px 14px 0 !important;
    padding: 20px 24px !important;
    margin: 24px 0 !important;
}

/* --- سياسة الخصوصية --- */
#post-5998 {
    background: #f8faf9 !important;
}

#post-5998 .elementor-section {
    max-width: 900px !important;
    margin: 0 auto !important;
}

#post-5998 .elementor-widget-text-editor p,
#post-5998 .elementor-text-editor p {
    font-size: 16px !important;
    line-height: 2.1 !important;
    color: #3a5a45 !important;
    margin-bottom: 20px !important;
    font-family: 'Tajawal', sans-serif !important;
}

#post-5998 .elementor-widget-text-editor h2,
#post-5998 .elementor-text-editor h2 {
    font-size: 22px !important;
    font-weight: 900 !important;
    color: #0d1f13 !important;
    margin-top: 44px !important;
    margin-bottom: 16px !important;
    padding: 14px 20px !important;
    background: linear-gradient(135deg, rgba(15, 129, 63, 0.07), rgba(46, 204, 113, 0.04)) !important;
    border-right: 4px solid #0F813F !important;
    border-radius: 0 12px 12px 0 !important;
}

#post-5998 .elementor-widget-text-editor h3,
#post-5998 .elementor-text-editor h3 {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #0F813F !important;
    margin-top: 30px !important;
    margin-bottom: 12px !important;
    padding-right: 14px !important;
    border-right: 3px solid #2ecc71 !important;
}

#post-5998 .elementor-widget-text-editor h1,
#post-5998 .elementor-text-editor h1 {
    font-size: 30px !important;
    font-weight: 900 !important;
    color: #0F813F !important;
    text-align: center !important;
    margin-bottom: 32px !important;
    padding-bottom: 16px !important;
    border-bottom: 2px solid #dff0e6 !important;
}

#post-5998 .elementor-widget-text-editor ul,
#post-5998 .elementor-text-editor ul {
    list-style: none !important;
    padding-right: 0 !important;
    margin-bottom: 20px !important;
}

#post-5998 .elementor-widget-text-editor ul li,
#post-5998 .elementor-text-editor ul li {
    font-size: 16px !important;
    line-height: 1.9 !important;
    color: #3a5a45 !important;
    margin-bottom: 10px !important;
    padding-right: 28px !important;
    position: relative !important;
}

#post-5998 .elementor-widget-text-editor ul li::before,
#post-5998 .elementor-text-editor ul li::before {
    content: '✓' !important;
    position: absolute !important;
    right: 0 !important;
    color: #0F813F !important;
    font-weight: 900 !important;
    font-size: 14px !important;
}

#post-5998 .elementor-widget-text-editor ol,
#post-5998 .elementor-text-editor ol {
    padding-right: 24px !important;
    margin-bottom: 20px !important;
}

#post-5998 .elementor-widget-text-editor ol li::marker,
#post-5998 .elementor-text-editor ol li::marker {
    color: #0F813F !important;
    font-weight: 800 !important;
}

#post-5998 .elementor-widget-text-editor a,
#post-5998 .elementor-text-editor a {
    color: #0F813F !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    border-bottom: 1.5px solid rgba(15, 129, 63, 0.3) !important;
    transition: border-color .2s !important;
}

#post-5998 .elementor-widget-text-editor a:hover,
#post-5998 .elementor-text-editor a:hover {
    border-color: #0F813F !important;
}

#post-5998 .elementor-widget-text-editor strong,
#post-5998 .elementor-text-editor strong {
    color: #1a2e1f !important;
    font-weight: 800 !important;
}

#post-5998 .elementor-widget-text-editor hr,
#post-5998 .elementor-text-editor hr {
    border: none !important;
    height: 2px !important;
    background: linear-gradient(90deg, #0F813F, #2ecc71, transparent) !important;
    margin: 36px 0 !important;
}

#post-5998 .elementor-widget-text-editor blockquote,
#post-5998 .elementor-text-editor blockquote {
    background: linear-gradient(135deg, rgba(15, 129, 63, 0.06), rgba(46, 204, 113, 0.03)) !important;
    border-right: 4px solid #0F813F !important;
    border-radius: 0 14px 14px 0 !important;
    padding: 20px 24px !important;
    margin: 24px 0 !important;
}

/* ══════════════════════════════════════════════
   14. الهيدر والفوتر - التدرجات اللونية
   ══════════════════════════════════════════════ */

/* خط الهيدر متدرج */
.whb-header-bottom {
  background: linear-gradient(90deg, #0F813F, #2ecc71) !important;
  background-color: transparent !important;
}

/* فوتر متدرج */
body > div.wd-page-wrapper.website-wrapper > footer > div.container.main-footer.wd-entry-content > div > section.wd-negative-gap.elementor-section.elementor-top-section.elementor-element.elementor-element-f10cf45.elementor-section-content-middle.wd-section-stretch.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default {
  background: linear-gradient(90deg, #0F813F, #2ecc71) !important;
  background-color: transparent !important;
}

body > div.wd-page-wrapper.website-wrapper > div > div > div.wd-page-title-bg.wd-fill {
  background: linear-gradient(135deg, #3d7a5a, #63AA80, #8fcca8) !important;
  background-color: transparent !important;
}

#mc4wp-form-1 > div.mc4wp-form-fields > div > p.col-auto > input[type=submit] {
  background: linear-gradient(135deg, #E1E1E6, #f5f5f8) !important;
  background-color: transparent !important;
  color: #333 !important;
  border: none !important;
}

/* ══════════════════════════════════════════════
   15. فلتر المنتجات والسايدبار - Woodmart
   ══════════════════════════════════════════════ */

.filters-area,
#main-content > aside > div.widget-area {
  background: transparent !important;
}

.filters-area .widget,
#main-content > aside > div.widget-area .widget {
  background: #ffffff !important;
  border: 1.5px solid #c8e6d0 !important;
  border-radius: 16px !important;
  padding: 18px !important;
  margin-bottom: 14px !important;
  box-shadow: 0 4px 16px rgba(15,129,63,0.06) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* خط أخضر علوي على كل widget */
.filters-area .widget::before,
#main-content > aside > div.widget-area .widget::before {
  content: '' !important;
  position: absolute !important;
  top: 0; right: 0; left: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, #0F813F, #2ecc71) !important;
  border-radius: 16px 16px 0 0 !important;
}

/* عناوين الفلتر */
.filters-area .widget-title,
.filters-area .widgettitle,
#main-content > aside > div.widget-area .widget-title,
#main-content > aside > div.widget-area .widgettitle {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #0F813F !important;
  padding-bottom: 12px !important;
  border-bottom: 1.5px solid #dff0e6 !important;
  margin-bottom: 14px !important;
}

/* القوائم */
.filters-area ul,
#main-content > aside > div.widget-area ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.filters-area ul li,
#main-content > aside > div.widget-area ul li {
  padding: 8px 0 !important;
  border-bottom: 1px solid #f0faf4 !important;
  font-size: 13px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  transition: background .15s !important;
}

.filters-area ul li:last-child,
#main-content > aside > div.widget-area ul li:last-child {
  border-bottom: none !important;
}

/* الروابط */
.filters-area ul li a,
#main-content > aside > div.widget-area ul li a {
  color: #3a5a45 !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  transition: color .2s !important;
  font-size: 13px !important;
}

.filters-area ul li a:hover,
#main-content > aside > div.widget-area ul li a:hover {
  color: #0F813F !important;
  font-weight: 700 !important;
}

/* العنصر النشط */
.filters-area ul li.chosen > a,
#main-content > aside > div.widget-area ul li.chosen > a {
  color: #0F813F !important;
  font-weight: 800 !important;
}

/* عدد المنتجات */
.filters-area ul li .count,
#main-content > aside > div.widget-area ul li .count {
  background: linear-gradient(135deg, rgba(15,129,63,0.08), rgba(46,204,113,0.08)) !important;
  color: #0F813F !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 2px 8px !important;
  border-radius: 50px !important;
  border: 1px solid #c8e6d0 !important;
  min-width: 24px !important;
  text-align: center !important;
}

/* Checkbox */
.filters-area input[type="checkbox"],
#main-content > aside > div.widget-area input[type="checkbox"] {
  accent-color: #0F813F !important;
  width: 15px !important;
  height: 15px !important;
  cursor: pointer !important;
}

/* فلتر السعر */
.filters-area .ui-slider,
#main-content > aside > div.widget-area .ui-slider {
  background: #dff0e6 !important;
  border: none !important;
  height: 5px !important;
  border-radius: 5px !important;
  margin: 14px 0 !important;
}

.filters-area .ui-slider-range,
#main-content > aside > div.widget-area .ui-slider-range {
  background: linear-gradient(90deg, #0F813F, #2ecc71) !important;
  border-radius: 5px !important;
}

.filters-area .ui-slider-handle,
#main-content > aside > div.widget-area .ui-slider-handle {
  background: #0F813F !important;
  border: 2.5px solid #fff !important;
  border-radius: 50% !important;
  width: 18px !important;
  height: 18px !important;
  top: -7px !important;
  box-shadow: 0 2px 10px rgba(15,129,63,0.35) !important;
  cursor: pointer !important;
  transition: transform .15s !important;
}

.filters-area .ui-slider-handle:hover,
#main-content > aside > div.widget-area .ui-slider-handle:hover {
  transform: scale(1.15) !important;
}

/* تسمية السعر */
.filters-area .price_slider_amount,
#main-content > aside > div.widget-area .price_slider_amount {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-top: 10px !important;
}

.filters-area .price_slider_amount .price_label,
#main-content > aside > div.widget-area .price_slider_amount .price_label {
  font-size: 13px !important;
  color: #3a5a45 !important;
  font-weight: 600 !important;
}

/* زر تصفية السعر */
.filters-area .price_slider_amount button,
#main-content > aside > div.widget-area .price_slider_amount button {
  background: linear-gradient(135deg, #0F813F, #2ecc71) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 7px 18px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  font-family: 'Tajawal', sans-serif !important;
  cursor: pointer !important;
  box-shadow: 0 4px 12px rgba(15,129,63,0.25) !important;
  transition: transform .2s, box-shadow .2s !important;
}

.filters-area .price_slider_amount button:hover,
#main-content > aside > div.widget-area .price_slider_amount button:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(15,129,63,0.35) !important;
}

/* زر إظهار/إخفاء الفلتر */
.wd-filter-toggle,
button.wd-filter-toggle {
  background: linear-gradient(135deg, #0F813F, #2ecc71) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 8px 20px !important;
  font-weight: 700 !important;
  font-family: 'Tajawal', sans-serif !important;
  box-shadow: 0 4px 14px rgba(15,129,63,0.25) !important;
  transition: transform .2s !important;
}

.wd-filter-toggle:hover,
button.wd-filter-toggle:hover {
  transform: translateY(-1px) !important;
}

/* ══════════════════════════════════════════════
   16. صفحة تواصل معنا - Contact Us
   ══════════════════════════════════════════════ */

/* عنوان الصفحة */
#post-279 .page-title,
#post-279 h1.entry-title,
#post-279 h1.page-title {
  color: #0F813F !important;
  font-weight: 900 !important;
  text-align: center !important;
  font-size: 36px !important;
  margin-bottom: 40px !important;
  position: relative;
}
#post-279 .page-title::after,
#post-279 h1.entry-title::after {
  content: '';
  display: block;
  width: 60px;
  height: 3px;
  background: linear-gradient(90deg, #0F813F, #2ecc71);
  border-radius: 3px;
  margin: 12px auto 0;
}

/* حاوية الصفحة */
#post-279 .entry-content,
#post-279 .page-content {
  background: #f8faf9;
  padding: 20px 0 60px !important;
}

/* Contact Form 7 */
#post-279 .wpcf7 {
  background: #ffffff;
  border: 1.5px solid #dff0e6;
  border-radius: 20px;
  padding: 36px 32px !important;
  box-shadow: 0 4px 24px rgba(15,129,63,0.07);
}

#post-279 .wpcf7 label {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #3a5a45 !important;
  margin-bottom: 6px !important;
  display: block !important;
}

#post-279 .wpcf7 input[type="text"],
#post-279 .wpcf7 input[type="email"],
#post-279 .wpcf7 input[type="tel"],
#post-279 .wpcf7 input[type="url"],
#post-279 .wpcf7 select,
#post-279 .wpcf7 textarea {
  width: 100% !important;
  padding: 12px 16px !important;
  border: 1.5px solid #dff0e6 !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  font-family: 'Tajawal', sans-serif !important;
  color: #1a2e1f !important;
  background: #f8faf9 !important;
  transition: border-color .2s, box-shadow .2s !important;
  outline: none !important;
  direction: rtl !important;
  margin-bottom: 4px !important;
}

#post-279 .wpcf7 input:focus,
#post-279 .wpcf7 textarea:focus {
  border-color: #0F813F !important;
  box-shadow: 0 0 0 3px rgba(15,129,63,0.1) !important;
  background: #fff !important;
}

#post-279 .wpcf7 textarea {
  min-height: 140px !important;
  resize: vertical !important;
}

#post-279 .wpcf7 input[type="submit"] {
  background: linear-gradient(135deg, #0F813F, #2ecc71) !important;
  color: #fff !important;
  border: none !important;
  padding: 13px 36px !important;
  border-radius: 50px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  font-family: 'Tajawal', sans-serif !important;
  cursor: pointer !important;
  transition: transform .2s, box-shadow .2s !important;
  box-shadow: 0 6px 20px rgba(15,129,63,0.3) !important;
  display: inline-block !important;
  float: none !important;
}

#post-279 .wpcf7 input[type="submit"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 28px rgba(15,129,63,0.4) !important;
}

#post-279 .wpcf7 p:last-of-type,
#post-279 .wpcf7 .wpcf7-submit-container {
  text-align: right !important;
  clear: both !important;
  overflow: hidden !important;
}

#post-279 .wpcf7 .wpcf7-response-output {
  border-radius: 12px !important;
  padding: 12px 18px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  margin-top: 16px !important;
  border: none !important;
}

#post-279 .wpcf7 .wpcf7-mail-sent-ok {
  background: #e8f5ee !important;
  color: #0F813F !important;
  border: 1.5px solid #c8e6d0 !important;
}

#post-279 .wpcf7 .wpcf7-validation-errors,
#post-279 .wpcf7 .wpcf7-mail-sent-ng {
  background: #fff0f0 !important;
  color: #c0392b !important;
  border: 1.5px solid #f5c6c6 !important;
}

#post-279 .wpcf7 .wpcf7-not-valid-tip {
  color: #c0392b !important;
  font-size: 12px !important;
  margin-top: 4px !important;
}

#post-279 iframe {
  border-radius: 20px 20px 0 0 !important;
  border: none !important;
}



/* تجميع الاكواد في مكان موحد */

/* القائمة الجانبية */
.dokan-dash-sidebar {
    background: #ffffff !important;
    border-radius: 20px !important;
    border: 1px solid rgba(0,0,0,0.06) !important;
    padding: 20px 14px !important;
    overflow: visible !important;
    box-shadow: 0 2px 16px rgba(0,0,0,0.05) !important;
    position: relative !important;
    z-index: 5 !important;
}

.dokan-dashboard .dokan-dashboard-content {
    position: relative !important;
    z-index: 1 !important;
}

.dokan-dash-sidebar ul li a {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 11px 16px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    margin-bottom: 3px !important;
    background: rgba(137,137,137,0.08) !important;
    border: 1px solid rgba(137,137,137,0.15) !important;
    color: #333333 !important;
}
.dokan-dash-sidebar ul li a:hover {
    background: rgba(137,137,137,0.15) !important;
    color: #0F813F !important;
    padding-right: 20px !important;
    border-color: rgba(137,137,137,0.25) !important;
}
.dokan-dash-sidebar ul li.active a {
    background: linear-gradient(135deg, #0F813F, #1aa854) !important;
    box-shadow: 0 4px 12px rgba(15,129,63,0.25) !important;
    font-weight: 600 !important;
    color: #ffffff !important;
}
.dokan-dash-sidebar ul li a i {
    font-size: 15px !important;
    width: 22px !important;
    text-align: center !important;
    opacity: 0.8 !important;
}
.dokan-dash-sidebar ul li.active a i {
    opacity: 1 !important;
}
.dokan-dash-sidebar ul li.dokan-go-home,
.dokan-dash-sidebar ul li.dokan-account-migration {
    border-top: 1px solid rgba(0,0,0,0.05) !important;
    margin-top: 10px !important;
    padding-top: 10px !important;
}
.dokan-dash-sidebar ul.dokan-seller-wrap {
    border-top: 1px solid rgba(0,0,0,0.05) !important;
    padding-top: 14px !important;
    margin-top: 10px !important;
}

/* القوائم الفرعية */
#dokan-navigation ul li.has-submenu ul.navigation-submenu {
    display: none !important;
    position: static !important;
    width: 100% !important;
    box-shadow: none !important;
    border: none !important;
    margin-right: 0 !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    float: none !important;
}

#dokan-navigation ul li.has-submenu:hover ul.navigation-submenu {
    display: block !important;
    background: rgba(137,137,137,0.08) !important;
    border-radius: 12px !important;
    padding: 6px !important;
    margin: 4px 0 !important;
    border: 1px solid rgba(137,137,137,0.15) !important;
    width: 100% !important;
}
#dokan-navigation ul li.has-submenu ul.navigation-submenu li a {
    font-size: 13px !important;
    padding: 8px 14px !important;
    background: transparent !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 400 !important;
    margin-bottom: 2px !important;
    opacity: 0.85 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #333333 !important;
}
#dokan-navigation ul li.has-submenu ul.navigation-submenu li a:hover {
    background: rgba(15,129,63,0.08) !important;
    color: #0F813F !important;
    opacity: 1 !important;
    padding-right: 18px !important;
    border: none !important;
}

#mobile-menu-icon {
    display: none !important;
}
@media (min-width: 768px) and (max-width: 1024px) {
    label#mobile-menu-icon {
        display: none !important;
    }
    
    #dokan-navigation {
        display: none;
    }
}
/* ===== الآيباد - إظهار زر القائمة ===== */
@media (min-width: 783px) and (max-width: 1024px) {
    #mobile-menu-icon {
        font-size: 0 !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        direction: rtl !important;
        width: 100% !important;
        padding: 10px 16px !important;
        background: #f0faf4 !important;
        border: 1.5px solid #0F813F !important;
        border-radius: 12px !important;
        cursor: pointer !important;
        box-sizing: border-box !important;
        margin-bottom: 10px !important;
        box-shadow: 0 2px 8px rgba(15,129,63,0.1) !important;
    }

    #mobile-menu-icon::before {
        content: '☰' !important;
        font-size: 18px !important;
        color: #0F813F !important;
    }

    #mobile-menu-icon::after {
        content: 'قائمة لوحة تحكم البائع' !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        color: #0F813F !important;
    }
}
@media (max-width: 782px) {
    #dokan-navigation ul li.has-submenu {
        display: flex !important;
        flex-direction: column !important;
    }
    #dokan-navigation ul li.has-submenu > a {
        order: 1 !important;
    }
    #dokan-navigation ul li.has-submenu ul.navigation-submenu {
        order: 2 !important;
    }
    #dokan-navigation ul li.has-submenu.active ul.navigation-submenu {
        background: #f0faf4 !important;
        border-radius: 12px !important;
        border: 1.5px solid rgba(15,129,63,0.2) !important;
        padding: 6px !important;
        margin: 6px 0 4px !important;
    }
    #dokan-navigation ul li.has-submenu.active ul.navigation-submenu li {
        border-bottom: 1px solid rgba(15,129,63,0.12) !important;
    }
    #dokan-navigation ul li.has-submenu.active ul.navigation-submenu li:last-child {
        border-bottom: none !important;
    }
    #dokan-navigation ul li.has-submenu.active ul.navigation-submenu li a {
        padding: 10px 14px !important;
        border-radius: 8px !important;
        color: #1a1a1a !important;
        font-size: 13px !important;
        font-weight: 500 !important;
    }
    #dokan-navigation ul li.has-submenu.active ul.navigation-submenu li a:hover {
        background: rgba(15,129,63,0.1) !important;
        color: #0F813F !important;
        padding-right: 18px !important;
    }
    .woocommerce-section-header {
        margin-right: unset !important;
        margin-left: unset !important;
    }
    #mobile-menu-icon {
        font-size: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex-direction: row !important;
        width: 100% !important;
        padding: 10px 16px !important;
        background: #f0faf4 !important;
        border: 1.5px solid #0F813F !important;
        box-shadow: 0 2px 8px rgba(15,129,63,0.1) !important;
        border-radius: 12px !important;
        cursor: pointer !important;
        box-sizing: border-box !important;
        gap: 8px !important;
        direction: rtl !important;
        margin-top: -20px !important;
        position: relative !important;
        z-index: 2 !important;
    }
    #mobile-menu-icon::before {
        content: '☰' !important;
        font-size: 18px !important;
        color: #0F813F !important;
        flex-shrink: 0 !important;
    }
    #mobile-menu-icon::after {
        content: 'قائمة لوحة تحكم البائع' !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        color: #0F813F !important;
        white-space: nowrap !important;
        position: static !important;
        pointer-events: none !important;
    }
}

/* ===== صفحة حسابى ===== */
.woocommerce-MyAccount-title {
    color: #0F813F !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    text-align: right !important;
    border-bottom: 2px solid #e6f5ec !important;
    padding-bottom: 14px !important;
    margin-bottom: 20px !important;
    display: block !important;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
}
.woocommerce-MyAccount-navigation ul li a {
    display: block !important;
    padding: 10px 16px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #444 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    margin-bottom: 3px !important;
}
.woocommerce-MyAccount-navigation ul li a:hover {
    background: #f0faf4 !important;
    color: #0F813F !important;
    padding-right: 20px !important;
}
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li.active a {
    background: linear-gradient(135deg, #0F813F, #1aa854) !important;
    color: #fff !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 12px rgba(15,129,63,0.25) !important;
}

.wd-account-dashboard-item {
    border-radius: 16px !important;
    border: 1.5px solid #e6f5ec !important;
    box-shadow: 0 4px 16px rgba(15,129,63,0.08) !important;
    transition: all 0.2s ease !important;
    position: relative !important;
    overflow: hidden !important;
}
.wd-account-dashboard-item::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background: linear-gradient(90deg, #0F813F, #2ecc71) !important;
}
.wd-account-dashboard-item:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 24px rgba(15,129,63,0.15) !important;
    border-color: #0F813F !important;
}
.wd-account-dashboard-item figure,
.wd-account-dashboard-item img,
.wd-account-dashboard-item svg {
    filter: invert(35%) sepia(90%) saturate(400%) hue-rotate(110deg) !important;
    transition: transform 0.2s ease !important;
}
.wd-account-dashboard-item .wd-account-dashboard-title {
    font-weight: 700 !important;
    color: #1a1a1a !important;
    font-size: 14px !important;
}

/* ===== الجدول ===== */
.woocommerce-MyAccount-content table {
    width: 100% !important;
    table-layout: auto !important;
    border: 1.5px solid #c8e6d0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 16px rgba(15,129,63,0.08) !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}
.woocommerce-MyAccount-content table thead tr {
    background: linear-gradient(135deg, #0F813F, #1aa854) !important;
}
.woocommerce-MyAccount-content table thead tr th {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    padding: 14px 16px !important;
    border: none !important;
    text-align: center !important;
    white-space: nowrap !important;
}
.woocommerce-MyAccount-content table tbody tr:nth-child(odd) {
    background: #f0faf4 !important;
}
.woocommerce-MyAccount-content table tbody tr:nth-child(even) {
    background: #f8fdf9 !important;
}
.woocommerce-MyAccount-content table tbody tr td {
    padding: 12px 16px !important;
    border: none !important;
    border-bottom: 1px solid #e6f5ec !important;
    white-space: nowrap !important;
    overflow: visible !important;
}
.woocommerce-MyAccount-content table tbody tr td:first-child,
.woocommerce-MyAccount-content table thead tr th:first-child {
    padding-right: 20px !important;
}
.woocommerce-MyAccount-content table tbody tr td:last-child,
.woocommerce-MyAccount-content table thead tr th:last-child {
    padding-left: 20px !important;
}

@media (max-width: 768px) {
    .woocommerce-MyAccount-title {
        text-align: center !important;
        font-size: 20px !important;
    }
    .woocommerce-MyAccount-navigation {
        display: none !important;
    }
    ul.wd-my-account-links {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 12px !important;
        padding: 16px !important;
        list-style: none !important;
        margin: 0 !important;
    }
    ul.wd-my-account-links > li {
        margin: 0 !important;
        background: #ffffff !important;
        border-radius: 16px !important;
        border: 1.5px solid #e6f5ec !important;
        box-shadow: 0 4px 16px rgba(15,129,63,0.08) !important;
        transition: all 0.2s ease !important;
        position: relative !important;
        overflow: hidden !important;
        min-height: 100px !important;
    }
    ul.wd-my-account-links > li::before {
        content: '' !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        height: 3px !important;
        background: linear-gradient(90deg, #0F813F, #2ecc71) !important;
    }
    ul.wd-my-account-links > li > a {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 20px 10px 16px !important;
        text-decoration: none !important;
        height: 100% !important;
        gap: 8px !important;
    }
    ul.wd-my-account-links > li .wd-nav-icon {
        font-size: 28px !important;
        width: 28px !important;
        height: 28px !important;
        color: #0F813F !important;
        display: block !important;
    }
    ul.wd-my-account-links > li .nav-link-text {
        font-size: 12.5px !important;
        font-weight: 700 !important;
        color: #1a1a1a !important;
        text-align: center !important;
        display: block !important;
    }
    ul.wd-my-account-links > li:last-child:nth-child(odd) {
        grid-column: span 1 !important;
        max-width: 100% !important;
        margin: 0 !important;
    }
    .woocommerce-MyAccount-content table {
        display: block !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
}

.woocommerce-MyAccount-content {
    overflow: visible !important;
}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-number {
    white-space: nowrap !important;
    min-width: 80px !important;
    padding-right: 16px !important;
}

/* ===== صفحة تفاصيل الحساب ===== */
.woocommerce-EditAccountForm input[type="text"],
.woocommerce-EditAccountForm input[type="email"],
.woocommerce-EditAccountForm input[type="password"] {
    width: 100% !important;
    background: #f4faf6 !important;
    border: 1.5px solid #c8e6d0 !important;
    border-radius: 10px !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
    color: #1a1a1a !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;
    outline: none !important;
}
.woocommerce-EditAccountForm input:focus {
    border-color: #0F813F !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(15,129,63,0.1) !important;
}
.woocommerce-EditAccountForm label {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #0F813F !important;
    margin-bottom: 6px !important;
    display: block !important;
}
.woocommerce-EditAccountForm fieldset {
    border: 1.5px solid #c8e6d0 !important;
    border-radius: 12px !important;
    padding: 20px !important;
    margin: 20px 0 !important;
    background: #f9fdf9 !important;
}
.woocommerce-EditAccountForm fieldset legend {
    color: #0F813F !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    padding: 0 10px !important;
}
.woocommerce-EditAccountForm button[type="submit"] {
    background: linear-gradient(135deg, #0F813F, #2ecc71) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 12px 32px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 4px 14px rgba(15,129,63,0.3) !important;
    width: 100% !important;
}
.woocommerce-EditAccountForm button[type="submit"]:hover {
    background: linear-gradient(135deg, #0a6030, #0F813F) !important;
    box-shadow: 0 6px 18px rgba(15,129,63,0.4) !important;
    transform: translateY(-1px) !important;
}
.woocommerce-EditAccountForm input[type="radio"] {
    accent-color: #0F813F !important;
    width: 16px !important;
    height: 16px !important;
    margin-left: 6px !important;
}
.woocommerce-EditAccountForm .woocommerce-form-row {
    margin-bottom: 16px !important;
}

@media (max-width: 768px) {
    .woocommerce-EditAccountForm button[type="submit"] {
        padding: 14px !important;
        font-size: 16px !important;
    }
    .woocommerce-EditAccountForm fieldset {
        padding: 14px !important;
    }
}

/* ===== باقات البائع ===== */
#tab-panel-0-packs-view .grid.md\:grid-cols-2 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
}
#tab-panel-0-packs-view .grid.md\:grid-cols-2 > div {
    border: 1.5px solid rgba(15,129,63,0.3) !important;
    background: rgba(15,129,63,0.04) !important;
    border-radius: 12px !important;
    transition: all 0.2s ease !important;
}
#tab-panel-0-packs-view .grid.md\:grid-cols-2 > div:hover {
    border-color: #0F813F !important;
    background: rgba(15,129,63,0.08) !important;
    box-shadow: 0 4px 12px rgba(15,129,63,0.12) !important;
}
#tab-panel-0-packs-view > div > div.dokan-layout.mb-5 {
    border: 1.5px solid rgba(15,129,63,0.3) !important;
    background: rgba(15,129,63,0.04) !important;
    border-radius: 12px !important;
}
#tab-panel-0-packs-view > div > div.dokan-layout.mb-5 > div {
    background: transparent !important;
}
#tab-panel-0-packs-view > div > div.dokan-layout.mb-5 > div > div.border-b.px-6.py-4.first\:rounded-t.bg-gray-50 {
    background: rgba(15,129,63,0.08) !important;
    border-bottom: 1.5px solid rgba(15,129,63,0.2) !important;
}
#tab-panel-0-packs-view .border-b.px-6.py-4 h4 {
    color: #0F813F !important;
    font-weight: 700 !important;
}
button#tab-panel-0-packs,
button#tab-panel-0-packs.dokan-active-tab {
    color: #fff !important;
}

@media (max-width: 768px) {
    #tab-panel-0-packs-view .grid.md\:grid-cols-2 {
        grid-template-columns: 1fr !important;
    }
}

/* ===== حقول الإدخال العامة ===== */
#post input[type="text"],
#post input[type="number"],
#post input[type="email"],
#post input[type="url"],
#post textarea,
#post select {
    width: 100% !important;
    background: #f9fdf9 !important;
    border: 1.5px solid #c8e6d0 !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
    color: #1a1a1a !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s !important;
    outline: none !important;
}
#post input[type="text"]:focus,
#post input[type="number"]:focus,
#post input[type="email"]:focus,
#post input[type="url"]:focus,
#post textarea:focus,
#post select:focus {
    border-color: #0F813F !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(15, 129, 63, 0.08) !important;
}
#post label,
#post .dokan-form-group label {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #0F813F !important;
    margin-bottom: 6px !important;
    display: block !important;
}
#post .dokan-form-group {
    margin-bottom: 18px !important;
}
#post .dokan-product-meta,
#post .dokan-form-top-area {
    background: #fff !important;
    border-radius: 12px !important;
    padding: 20px !important;
    border: 1px solid #d4edda !important;
    margin-bottom: 20px !important;
    box-shadow: 0 1px 4px rgba(15, 129, 63, 0.06) !important;
}
#post .dokan-section-heading,
#post h3,
#post .product-edit-container h3 {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0F813F !important;
    border-bottom: 2px solid #e6f5ec !important;
    padding-bottom: 10px !important;
    margin-bottom: 16px !important;
}
#post .dokan-btn,
#post input[type="submit"],
#post button[type="submit"],
#post .button {
    background: linear-gradient(135deg, #0F813F, #2ecc71) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 10px 24px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
    box-shadow: 0 4px 12px rgba(15,129,63,0.25) !important;
}
#post .dokan-btn:hover,
#post input[type="submit"]:hover,
#post button[type="submit"]:hover {
    background: linear-gradient(135deg, #0a6030, #0F813F) !important;
    box-shadow: 0 6px 16px rgba(15,129,63,0.35) !important;
    transform: translateY(-1px) !important;
}
#post .dokan-btn-default,
#post .button.button-secondary {
    background: linear-gradient(135deg, rgba(15,129,63,0.1), rgba(15,129,63,0.2)) !important;
    color: #0F813F !important;
    border: 1.5px solid rgba(15,129,63,0.3) !important;
    box-shadow: none !important;
}
#post .dokan-btn-default:hover {
    background: linear-gradient(135deg, #0F813F, #2ecc71) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: 0 4px 12px rgba(15,129,63,0.25) !important;
    transform: translateY(-1px) !important;
}
#post input[type="checkbox"],
#post input[type="radio"] {
    accent-color: #0F813F !important;
    width: 16px !important;
    height: 16px !important;
}
#post .dokan-accordion-item,
#post .product-accordion {
    border: 1px solid #d4edda !important;
    border-radius: 10px !important;
    margin-bottom: 12px !important;
    overflow: hidden !important;
}
#post .dokan-form-group.dokan-price-container {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
    float: none !important;
    clear: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
#post .dokan-form-group.dokan-price-container::before,
#post .dokan-form-group.dokan-price-container::after {
    display: none !important;
}
#post .dokan-price-container .content-half-part {
    float: none !important;
    width: auto !important;
    clear: none !important;
    background: #f0faf4 !important;
    border: 1.5px solid #0F813F !important;
    border-radius: 10px !important;
    padding: 16px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}
#post .dokan-price-container .content-half-part label {
    display: block !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #0F813F !important;
    margin-bottom: 10px !important;
}
#post .dokan-price-container .dokan-input-group {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    border: 1px solid #0F813F !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #fff !important;
    width: 100% !important;
}
#post .show_if_simple .regular-price .dokan-input-group span,
#post .show_if_simple .sale-price .dokan-input-group span,
#post .show_if_external .regular-price .dokan-input-group span,
#post .show_if_external .sale-price .dokan-input-group span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 48px !important;
    width: auto !important;
    background: #e6f5ec !important;
    color: #0F813F !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 0 10px !important;
    height: 40px !important;
    flex-shrink: 0 !important;
    border-right: 1px solid #0F813F !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
    white-space: nowrap !important;
}
#post .dokan-price-container input[type="text"],
#post .dokan-price-container input[type="number"] {
    flex: 1 !important;
    min-width: 0 !important;
    height: 40px !important;
    border: none !important;
    outline: none !important;
    padding: 0 8px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    background: #fff !important;
    float: none !important;
    width: auto !important;
    box-sizing: border-box !important;
}
#post .dokan-shipping-dimention-options {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
}
#post .dokan-shipping-dimention-options input {
    background: #f0faf4 !important;
    border: 1.5px solid #0F813F !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
    color: #1a1a1a !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    height: 42px !important;
}
#post .dokan-shipping-dimention-options input:focus {
    border-color: #0a6030 !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(15, 129, 63, 0.08) !important;
    outline: none !important;
}
.dokan-dashboard-content.dokan-product-edit header h1 {
    color: #0F813F !important;
    font-weight: 700 !important;
    border-bottom: 2px solid #e6f5ec !important;
    padding-bottom: 10px !important;
}
#post .select2-container .select2-selection--multiple,
#post .select2-container .select2-selection--single {
    background: #f9fdf9 !important;
    border: 1.5px solid #c8e6d0 !important;
    border-radius: 8px !important;
    min-height: 42px !important;
    padding: 4px 8px !important;
    box-sizing: border-box !important;
}
#post .select2-container--focus .select2-selection--multiple,
#post .select2-container--focus .select2-selection--single,
#post .select2-container--open .select2-selection--multiple,
#post .select2-container--open .select2-selection--single {
    border-color: #0F813F !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(15, 129, 63, 0.08) !important;
}
#post .select2-selection__choice {
    background: linear-gradient(135deg, #0F813F, #12a050) !important;
    border: none !important;
    border-radius: 6px !important;
    color: #fff !important;
    font-size: 12px !important;
    padding: 2px 8px !important;
}
#post .select2-selection__choice__remove {
    color: #fff !important;
    margin-left: 4px !important;
    font-weight: 700 !important;
}
#post .select2-dropdown {
    border: 1.5px solid #0F813F !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(15, 129, 63, 0.1) !important;
}
#post .select2-results__option {
    font-size: 13px !important;
    padding: 8px 12px !important;
}
#post .select2-results__option--highlighted {
    background: linear-gradient(135deg, #0F813F, #12a050) !important;
    color: #fff !important;
}
#post .dokan-product-short-description,
#post #wp-post_excerpt-editor-container,
#post .wp-editor-container,
#post .dokan-product-description,
#post #wp-post_content-editor-container,
#post #wp-post_content-wrap {
    border: 1.5px solid #c8e6d0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #f9fdf9 !important;
}
#post .wp-editor-tools,
#post #wp-post_excerpt-editor-tools,
#post #wp-post_content-editor-tools {
    background: #f0faf4 !important;
    border-bottom: 1.5px solid #c8e6d0 !important;
    padding: 4px !important;
}

@media (max-width: 768px) {
    #post .dokan-form-group.dokan-price-container {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
    #post input[type="text"],
    #post input[type="number"],
    #post select,
    #post textarea {
        font-size: 13px !important;
        padding: 9px 12px !important;
    }
    #post .dokan-product-meta,
    #post .dokan-form-top-area {
        padding: 14px !important;
        border-radius: 10px !important;
    }
    #post .dokan-btn,
    #post input[type="submit"],
    #post button[type="submit"] {
        width: 100% !important;
        padding: 12px !important;
        font-size: 15px !important;
    }
    #post .dokan-shipping-dimention-options {
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
    }
}

/* ===== لوحة تحكم البائع ===== */
.dashboard-content-area {
    background: linear-gradient(145deg, #ffffff, #f9fdf9) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    box-shadow: 0 4px 20px rgba(15, 129, 63, 0.08) !important;
    position: relative !important;
    overflow: visible !important;
}
.dashboard-content-area::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 4px !important;
    background: linear-gradient(90deg, #0F813F, #2ecc71) !important;
    border-radius: 16px 16px 0 0 !important;
}
.dashboard-content-area input[type="text"],
.dashboard-content-area input[type="number"],
.dashboard-content-area input[type="email"],
.dashboard-content-area input[type="url"],
.dashboard-content-area textarea,
.dashboard-content-area select {
    background: #f4faf6 !important;
    border: 1.5px solid #c8e6d0 !important;
    border-radius: 10px !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
    color: #1a1a1a !important;
    transition: all 0.2s ease !important;
    outline: none !important;
}
.dashboard-content-area input:focus,
.dashboard-content-area select:focus,
.dashboard-content-area textarea:focus {
    border-color: #0F813F !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(15, 129, 63, 0.1) !important;
}
.dashboard-content-area label {
    font-size: 12.5px !important;
    font-weight: 700 !important;
    color: #0F813F !important;
    margin-bottom: 6px !important;
    display: block !important;
}
.dashboard-content-area h1,
.dashboard-content-area h2,
.dashboard-content-area h3 {
    font-weight: 800 !important;
    color: #0F813F !important;
    border-bottom: 2px solid #e6f5ec !important;
    padding-bottom: 12px !important;
    margin-bottom: 20px !important;
}

.dashboard-content-area button,
.dashboard-content-area input[type="submit"],
.dashboard-content-area .dokan-btn {
    background: linear-gradient(135deg, #0F813F, #2ecc71) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 11px 28px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 4px 12px rgba(15, 129, 63, 0.25) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

/* استثناء أزرار رؤوس الأعمدة */
.dashboard-content-area .dataviews-view-table-header-button,
#dokan-products-data-view .dataviews-view-table-header-button,
#dokan-orders-data-view .dataviews-view-table-header-button {
    background: transparent !important;
    background-image: none !important;
color: #138A45 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    border: none !important;
    padding: 0  !important;
    font-weight: 700 !important;
    transform: none !important;
    height: auto !important;
    min-height: unset !important;
}

.dashboard-content-area button:hover,
.dashboard-content-area input[type="submit"]:hover {
    background: linear-gradient(135deg, #0a6030, #0F813F) !important;
    box-shadow: 0 6px 16px rgba(15, 129, 63, 0.35) !important;
    transform: translateY(-1px) !important;
}
.dashboard-content-area #woocommerce-layout__primary button,
.dashboard-content-area .woocommerce-layout button,
.dashboard-content-area .woocommerce-section-header button {
    background: transparent !important;
    color: inherit !important;
    border: none !important;
    box-shadow: none !important;
    transform: none !important;
    padding: 4px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.dashboard-content-area #woocommerce-layout__primary button svg,
.dashboard-content-area .woocommerce-layout button svg,
.dashboard-content-area .woocommerce-section-header button svg {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    fill: currentColor !important;
    color: #0F813F !important;
}
#woocommerce-layout__primary > div.woocommerce-layout__main > div > div.woocommerce-filters > div > div > div > button > div {
    border: 1.5px solid rgba(15,129,63,0.3) !important;
    border-radius: 10px !important;
    padding: 8px 14px !important;
    background: #f4faf6 !important;
    color: #1a1a1a !important;
    transition: all 0.2s ease !important;
}
#woocommerce-layout__primary > div.woocommerce-layout__main > div > div.woocommerce-filters > div > div > div > button > div:hover {
    border-color: #0F813F !important;
    box-shadow: 0 0 0 3px rgba(15,129,63,0.1) !important;
}
.woocommerce-legend__item-container {
    background: rgba(15,129,63,0.05) !important;
    border: 1.5px solid rgba(15,129,63,0.3) !important;
    border-radius: 8px !important;
    padding: 6px 10px !important;
    margin: 2px !important;
    transition: all 0.2s ease !important;
}
.woocommerce-legend__item-container:hover {
    border-color: #0F813F !important;
    background: rgba(15,129,63,0.1) !important;
}
.woocommerce-legend__list {
    gap: 4px !important;
    display: flex !important;
    flex-wrap: wrap !important;
}
.woocommerce-legend__item {
    margin: 0 !important;
    padding: 0 !important;
}
#woocommerce-layout__primary .woocommerce-dashboard__store-performance ul li,
#woocommerce-layout__primary .woocommerce-dashboard__store-performance ul li a,
#woocommerce-layout__primary .woocommerce-stat-figure,
#woocommerce-layout__primary .woocommerce-dashboard-section,
#woocommerce-layout__primary .components-card,
#woocommerce-layout__primary .woocommerce-summary__item {
    background: rgba(15,129,63,0.05) !important;
    border: 1.5px solid rgba(15,129,63,0.2) !important;
    border-radius: 12px !important;
    transition: all 0.2s ease !important;
}
#woocommerce-layout__primary .woocommerce-dashboard__store-performance ul li:hover,
#woocommerce-layout__primary .woocommerce-summary__item:hover,
#woocommerce-layout__primary .components-card:hover {
    background: rgba(15,129,63,0.08) !important;
    border-color: #0F813F !important;
    box-shadow: 0 0 0 3px rgba(15,129,63,0.06) !important;
}
#woocommerce-layout__primary .woocommerce-summary__item.is-selected,
#woocommerce-layout__primary .woocommerce-summary__item--is-selected {
    background: rgba(15,129,63,0.12) !important;
    border-color: #0F813F !important;
    box-shadow: 0 4px 12px rgba(15,129,63,0.15) !important;
}
#woocommerce-layout__primary .woocommerce-layout__header {
    background: rgba(15,129,63,0.03) !important;
    border-bottom: 1.5px solid rgba(15,129,63,0.15) !important;
}
#woocommerce-layout__primary .woocommerce-summary__item-value {
    color: #0F813F !important;
    font-weight: 700 !important;
}
#woocommerce-layout__primary table thead tr th {
    background: rgba(15,129,63,0.08) !important;
    color: #0F813F !important;
    font-weight: 700 !important;
    border-bottom: 2px solid rgba(15,129,63,0.2) !important;
}
#woocommerce-layout__primary table tbody tr:nth-child(even) {
    background: rgba(15,129,63,0.03) !important;
}
#woocommerce-layout__primary table tbody tr {
    border-bottom: 1px solid rgba(15,129,63,0.1) !important;
    transition: background 0.15s !important;
}
#woocommerce-layout__primary table tbody tr:hover {
    background: rgba(15,129,63,0.06) !important;
}
.dokan-dashboard-content .dokan-alert-info,
.dokan-dashboard-content .dokan-alert,
.dokan-dashboard-content .dokan-panel-alert {
    background: linear-gradient(135deg, #0F813F, #2ecc71) !important;
    border: none !important;
    border-radius: 12px !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(15,129,63,0.25) !important;
    padding: 12px 20px !important;
    margin-bottom: 16px !important;
}
.dokan-dashboard-content .dokan-alert-info *,
.dokan-dashboard-content .dokan-alert *,
.dokan-dashboard-content .dokan-panel-alert * {
    color: #fff !important;
}
.dokan-dashboard-content .dokan-profile-completeness .progress {
    background: rgba(255,255,255,0.3) !important;
    border-radius: 50px !important;
    height: 8px !important;
}
.dokan-dashboard-content .dokan-profile-completeness .progress-bar {
    background: #fff !important;
    border-radius: 50px !important;
}

@media (max-width: 768px) {
    .dashboard-content-area {
        padding: 14px !important;
        border-radius: 12px !important;
    }
    .dokan-product-listing select,
    .dokan-product-listing input {
        font-size: 13px !important;
    }
}
/* ===== جدول المنتجات ===== */
.dokan-product-listing table,
.dokan-product-listing table tr,
.dokan-product-listing table td,
.dokan-product-listing table th,
.dokan-product-listing tbody tr,
.dokan-product-listing tbody td {
    background: #ffffff !important;
    background-image: none !important;
}
.dokan-product-listing tbody tr:nth-child(even) {
    background: #f9fdf9 !important;
}
.dokan-product-listing tbody tr {
    border-bottom: 1px solid #e6f5ec !important;
}
.dokan-product-listing thead tr,
.dokan-product-listing thead th {
    background: #f0faf4 !important;
    color: #0F813F !important;
    font-weight: 700 !important;
    border-bottom: 2px solid #c8e6d0 !important;
}
.dokan-add-product-link a.dokan-btn-theme,
.dokan-product-listing .dokan-btn-theme {
    background: linear-gradient(135deg, #0F813F, #2ecc71) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 10px 20px !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 12px rgba(15,129,63,0.25) !important;
    transition: all 0.2s ease !important;
}
.dokan-add-product-link a.dokan-btn-theme:hover,
.dokan-product-listing .dokan-btn-theme:hover {
    background: linear-gradient(135deg, #0a6030, #0F813F) !important;
    box-shadow: 0 6px 16px rgba(15,129,63,0.35) !important;
    transform: translateY(-1px) !important;
}
.dokan-product-listing .dokan-btn-default,
.dokan-product-listing input[type="submit"],
.dokan-product-listing button[type="submit"] {
    background: linear-gradient(135deg, rgba(15,129,63,0.1), rgba(15,129,63,0.2)) !important;
    color: #0F813F !important;
    border: 1.5px solid rgba(15,129,63,0.2) !important;
    border-radius: 50px !important;
    padding: 10px 20px !important;
    font-weight: 600 !important;
    transition: all 0.2s ease !important;
}
.dokan-product-listing .dokan-btn-default:hover,
.dokan-product-listing input[type="submit"]:hover {
    background: linear-gradient(135deg, #0F813F, #2ecc71) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: 0 4px 12px rgba(15,129,63,0.25) !important;
    transform: translateY(-1px) !important;
}
.dokan-add-product-link {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}
.dokan-listing-filter {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    margin-bottom: 12px !important;
}
.dokan-product-listing select,
.dokan-product-listing input[type="text"],
.dokan-product-listing input[type="search"] {
    background: rgba(15,129,63,0.05) !important;
    border: 1.5px solid rgba(15,129,63,0.3) !important;
    border-radius: 10px !important;
    padding: 8px 14px !important;
    color: #1a1a1a !important;
    transition: all 0.2s ease !important;
    outline: none !important;
}
.dokan-product-listing select:focus,
.dokan-product-listing input[type="text"]:focus,
.dokan-product-listing input[type="search"]:focus {
    border-color: #0F813F !important;
    background: rgba(15,129,63,0.08) !important;
    box-shadow: 0 0 0 3px rgba(15,129,63,0.1) !important;
}

/* ===== السوشال ميديا — ديسكتوب ===== */
#dokan-vendor-dashboard-root .dokan-social-profile > div {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    margin-bottom: 12px !important;
}
#dokan-vendor-dashboard-root .dokan-social-profile > div label {
    min-width: 120px !important;
    max-width: 120px !important;
    text-align: right !important;
    margin: 0 !important;
    font-weight: 700 !important;
    color: #0F813F !important;
    font-size: 13px !important;
}
#dokan-vendor-dashboard-root .dokan-social-profile > div input {
    flex: 1 !important;
    min-width: 300px !important;
    max-width: 500px !important;
}
#dokan-vendor-dashboard-root > div.dokan-dashboard-layout > div.dokan-layout-content-area > div.dokan-social-profile.space-y-4 > div.flex.justify-end.mt-4 {
    justify-content: flex-start !important;
}

/* ===== السوشال ميديا — موبايل ===== */
@media (max-width: 768px) {

    /* إلغاء التعارض مع min-width الديسكتوب */
    #dokan-vendor-dashboard-root .dokan-social-profile > div input {
        min-width: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
        flex: 1 !important;
    }
    #dokan-vendor-dashboard-root .dokan-social-profile > div {
        flex-wrap: nowrap !important;
        gap: 8px !important;
    }

    /* إصلاح الحاوية */
    .dokan-layout-content-area {
        overflow: hidden !important;
        padding: 12px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* إصلاح الحقول */
    .dokan-layout-content-area input[type="url"],
    .dokan-layout-content-area input[type="text"] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        font-size: 12px !important;
        padding: 8px 10px !important;
        border-radius: 8px !important;
        border: 1px solid #e5e7eb !important;
    }

    /* تكبير الأيقونات */
    .dokan-layout-content-area .dokan-input-group-addon,
    .dokan-layout-content-area .input-group-addon {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        flex-shrink: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 8px !important;
    }
    .dokan-layout-content-area .dokan-input-group-addon svg,
    .dokan-layout-content-area .dokan-input-group-addon i,
    .dokan-layout-content-area .input-group-addon svg,
    .dokan-layout-content-area .input-group-addon i {
        width: 20px !important;
        height: 20px !important;
        font-size: 18px !important;
    }

    /* صف كل حقل */
    .dokan-layout-content-area .dokan-input-group,
    .dokan-layout-content-area .input-group {
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        margin-bottom: 10px !important;
    }
}

/* ===== صفحة الطلبات ===== */
.dokan-orders-area .order-statuses-filter li a {
    background: rgba(15,129,63,0.05) !important;
    border: 1.5px solid rgba(15,129,63,0.2) !important;
    border-radius: 50px !important;
    color: #0F813F !important;
    padding: 6px 16px !important;
    transition: all 0.2s ease !important;
    font-weight: 600 !important;
}
.dokan-orders-area .order-statuses-filter li a:hover,
.dokan-orders-area .order-statuses-filter li.current a {
    background: linear-gradient(135deg, #0F813F, #2ecc71) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(15,129,63,0.25) !important;
}
.dokan-order-filter-serach {
    background: #fff !important;
    border: 1px solid #d4edda !important;
    border-radius: 12px !important;
    padding: 16px !important;
    margin-bottom: 16px !important;
    box-shadow: 0 1px 4px rgba(15,129,63,0.06) !important;
}
.dokan-order-filter-serach .dokan-form-group {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}
.dokan-order-filter-serach input[type="text"],
.dokan-order-filter-serach .select2-container .select2-selection--single,
.dokan-order-filter-serach .select2-container .select2-selection--multiple {
    background: rgba(15,129,63,0.05) !important;
    border: 1.5px solid rgba(15,129,63,0.3) !important;
    border-radius: 10px !important;
    padding: 8px 14px !important;
    color: #1a1a1a !important;
    transition: all 0.2s ease !important;
    min-height: 40px !important;
}
.dokan-order-filter-serach input[type="text"]:focus {
    border-color: #0F813F !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(15,129,63,0.1) !important;
    outline: none !important;
}
.dokan-order-filter-serach .dokan-btn:not(.dokan-btn-default),
.dokan-order-filter-serach button[type="submit"] {
    background: linear-gradient(135deg, #0F813F, #2ecc71) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 8px 20px !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 12px rgba(15,129,63,0.25) !important;
    transition: all 0.2s ease !important;
}
.dokan-order-filter-serach .dokan-btn:not(.dokan-btn-default):hover,
.dokan-order-filter-serach button[type="submit"]:hover {
    background: linear-gradient(135deg, #0a6030, #0F813F) !important;
    box-shadow: 0 6px 16px rgba(15,129,63,0.35) !important;
    transform: translateY(-1px) !important;
}
.dokan-order-filter-serach a.dokan-btn {
    background: linear-gradient(135deg, rgba(15,129,63,0.1), rgba(15,129,63,0.2)) !important;
    color: #0F813F !important;
    border: 1.5px solid rgba(15,129,63,0.2) !important;
    border-radius: 50px !important;
    padding: 8px 20px !important;
    font-weight: 600 !important;
    transition: all 0.2s ease !important;
}
.dokan-order-filter-serach a.dokan-btn:hover {
    background: linear-gradient(135deg, #0F813F, #2ecc71) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: 0 4px 12px rgba(15,129,63,0.25) !important;
    transform: translateY(-1px) !important;
}
.dokan-orders-area .dokan-error,
.dokan-orders-area .dokan-alert-danger,
.dokan-orders-area p.dokan-info {
    background: linear-gradient(135deg, #e74c3c, #ff6b6b) !important;
    border: none !important;
    border-radius: 50px !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(231,76,60,0.25) !important;
    padding: 12px 24px !important;
    display: flex !important;
    align-items: center !important;
    flex-direction: row-reverse !important;
    gap: 8px !important;
}
.dokan-orders-area .dokan-error *,
.dokan-orders-area .dokan-alert-danger *,
.dokan-orders-area p.dokan-info * {
    color: #fff !important;
}
.dokan-orders-area table thead tr th {
    background: rgba(15,129,63,0.08) !important;
    color: #0F813F !important;
    font-weight: 700 !important;
    border-bottom: 2px solid rgba(15,129,63,0.2) !important;
}
.dokan-orders-area table tbody tr:nth-child(even) {
    background: rgba(15,129,63,0.03) !important;
}
.dokan-orders-area table tbody tr {
    border-bottom: 1px solid rgba(15,129,63,0.1) !important;
    transition: background 0.15s !important;
}
.dokan-orders-area table tbody tr:hover {
    background: rgba(15,129,63,0.06) !important;
}
.dokan-orders-area .order-statuses-filter {
    overflow: visible !important;
    padding-top: 8px !important;
}
.dokan-orders-area .order-statuses-filter li a {
    overflow: visible !important;
    display: inline-block !important;
}
.dokan-order-filter-serach .select2-container .select2-selection--single .select2-selection__rendered {
    color: #1a1a1a !important;
    visibility: visible !important;
    opacity: 1 !important;
    padding-right: 8px !important;
}
.dokan-order-filter-serach .select2-container .select2-selection--single {
    display: flex !important;
    align-items: center !important;
    height: 42px !important;
}
.dokan-orders-area .dokan-alert,
.dokan-orders-area .dokan-info,
.dokan-orders-area .dokan-error {
    text-align: right !important;
    direction: rtl !important;
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
}
.dokan-orders-area .dokan-error {
    position: relative !important;
    padding-right: 45px !important;
    padding-left: 16px !important;
    justify-content: flex-end !important;
    text-align: right !important;
}
.dokan-orders-area .dokan-error::before {
    position: absolute !important;
    right: 16px !important;
    left: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    order: unset !important;
}

@media (max-width: 768px) {
    .dokan-order-filter-serach .dokan-form-group {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    .dokan-order-filter-serach input[type="text"],
    .dokan-order-filter-serach .select2-container {
        width: 100% !important;
    }
    .dokan-order-filter-serach .dokan-btn {
        width: 100% !important;
        text-align: center !important;
    }
    .dokan-orders-area .order-statuses-filter {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
    }
}

/* ===== إعدادات المتجر ===== */
#dokan-seller-vacation-settings {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}
#store-form {
    background: #f9fdf9 !important;
    padding: 24px !important;
    border-radius: 12px !important;
}
#store-form .dokan-form-group {
    background: #fff !important;
    border-radius: 10px !important;
    padding: 16px 20px !important;
    margin-bottom: 12px !important;
    border: 1px solid #d4edda !important;
    box-shadow: 0 1px 4px rgba(15, 129, 63, 0.06) !important;
}
#store-form .dokan-form-group label:first-child {
    font-weight: 700 !important;
    font-size: 13px !important;
    color: #0F813F !important;
}
#store-form input[type="text"],
#store-form input[type="email"],
#store-form input[type="tel"],
#store-form input[type="number"],
#store-form select,
#store-form textarea {
    width: 100% !important;
    background: #f9fdf9 !important;
    border: 1.5px solid #c8e6d0 !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
    color: #1a1a1a !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s !important;
    outline: none !important;
}
#store-form input[type="text"]:focus,
#store-form input[type="email"]:focus,
#store-form input[type="tel"]:focus,
#store-form input[type="number"]:focus,
#store-form select:focus,
#store-form textarea:focus {
    border-color: #0F813F !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(15, 129, 63, 0.08) !important;
}
#store-form .select2-container .select2-selection--multiple,
#store-form .select2-container .select2-selection--single {
    background: #f9fdf9 !important;
    border: 1.5px solid #c8e6d0 !important;
    border-radius: 8px !important;
    min-height: 42px !important;
    padding: 4px 8px !important;
    box-sizing: border-box !important;
}
#store-form .select2-container--focus .select2-selection--multiple,
#store-form .select2-container--focus .select2-selection--single {
    border-color: #0F813F !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(15, 129, 63, 0.08) !important;
}
#store-form .select2-selection__choice {
    background: linear-gradient(135deg, #0F813F, #12a050) !important;
    border: none !important;
    border-radius: 6px !important;
    color: #fff !important;
    font-size: 12px !important;
    padding: 2px 8px !important;
}
#store-form .select2-selection__choice__remove {
    color: #fff !important;
    font-weight: 700 !important;
}
#store-form .select2-dropdown {
    border: 1.5px solid #0F813F !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(15, 129, 63, 0.1) !important;
}
#store-form .select2-results__option--highlighted {
    background: linear-gradient(135deg, #0F813F, #12a050) !important;
    color: #fff !important;
}
#store-form input[type="checkbox"],
#store-form input[type="radio"] {
    accent-color: #0F813F !important;
    width: 16px !important;
    height: 16px !important;
}
#store-form .dokan-btn-theme {
    background: linear-gradient(135deg, #0F813F, #2ecc71) !important;
    border: none !important;
    color: #fff !important;
    border-radius: 8px !important;
    padding: 10px 32px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    width: auto !important;
    display: inline-block !important;
    box-shadow: 0 4px 12px rgba(15,129,63,0.25) !important;
    transition: all 0.2s ease !important;
}
#store-form .dokan-btn-theme:hover {
    background: linear-gradient(135deg, #0a6030, #0F813F) !important;
    box-shadow: 0 6px 16px rgba(15,129,63,0.35) !important;
    transform: translateY(-1px) !important;
}
#store-form .dokan-btn-default {
    background: linear-gradient(135deg, rgba(15,129,63,0.1), rgba(15,129,63,0.2)) !important;
    color: #0F813F !important;
    border: 1.5px solid rgba(15,129,63,0.3) !important;
    border-radius: 8px !important;
    width: auto !important;
    display: inline-block !important;
    transition: all 0.2s ease !important;
}
#store-form .dokan-btn-default:hover {
    background: linear-gradient(135deg, #0F813F, #2ecc71) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: 0 4px 12px rgba(15,129,63,0.25) !important;
    transform: translateY(-1px) !important;
}
#store-form h2,
#store-form h3,
#store-form .dokan-section-heading {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0F813F !important;
    border-bottom: 2px solid #e6f5ec !important;
    padding-bottom: 10px !important;
    margin-bottom: 16px !important;
}
.dokan-settings-content .entry-title {
    color: #0F813F !important;
    font-weight: 700 !important;
    border-bottom: 2px solid #e6f5ec !important;
    padding-bottom: 10px !important;
    margin-bottom: 16px !important;
}
.dokan-settings-content .entry-title small a {
    color: #0F813F !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    opacity: 0.8 !important;
    text-decoration: none !important;
}
.dokan-settings-content .entry-title small a:hover {
    opacity: 1 !important;
    text-decoration: underline !important;
}

@media (max-width: 768px) {
    #store-form {
        padding: 12px !important;
    }
    #store-form .dokan-form-group {
        padding: 12px !important;
    }
    #store-form .dokan-form-group label:first-child {
        display: block !important;
        margin-bottom: 8px !important;
    }
    #store-form input[type="text"],
    #store-form input[type="email"],
    #store-form input[type="tel"],
    #store-form input[type="number"],
    #store-form select,
    #store-form textarea {
        width: 100% !important;
        font-size: 13px !important;
        padding: 9px 12px !important;
    }
    #store-form .select2-container {
        width: 100% !important;
    }
    #store-form .dokan-btn-theme,
    #store-form .dokan-btn-default {
        width: 100% !important;
        text-align: center !important;
        padding: 12px !important;
    }
    #store-form .dokan-form-group:has(input[name="dokan_update_store_settings"]) {
        display: flex !important;
        justify-content: center !important;
    }
    #store-form .dokan-form-group:has(input[name="dokan_update_store_settings"]) .dokan-w4 {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        float: none !important;
    }
}

#store-form > div:nth-child(21) > label:first-of-type {
    display: none !important;
}

/* ===== أزرار عامة ===== */
.dokan-btn-theme:hover {
    opacity: 0.9 !important;
    color: #fff !important;
    background: linear-gradient(135deg, #0F813F, #2ecc71) !important;
}

:root {
    --btn-accented-bgcolor: #0F813F !important;
    --btn-accented-bgcolor-hover: #0a6030 !important;
}

body .woocommerce a.button,
body .woocommerce button.button,
body .woocommerce input.button,
body .woocommerce button.button.alt,
body.woocommerce a.button,
body.woocommerce-page a.button,
.wd-btn-accented,
.button.alt,
a.button.add_to_cart,
.wd-add-btn a,
.wd-add-btn-replace a {
    background: linear-gradient(135deg, #0F813F, #2ecc71) !important;
    color: #fff !important;
}

/* قائمة المتاجر */
#dokan-seller-listing-wrap .store-footer button,
#dokan-seller-listing-wrap .store-footer a span,
#apply-filter-btn,
#dokan-store-listing-filter-wrap .right button {
    background: linear-gradient(135deg, #0F813F, #2ecc71) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 10px 20px !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 12px rgba(15,129,63,0.25) !important;
    transition: all 0.2s ease !important;
}
#dokan-seller-listing-wrap .store-footer button:hover,
#dokan-seller-listing-wrap .store-footer a:hover span,
#apply-filter-btn:hover,
#dokan-store-listing-filter-wrap .right button:hover {
    background: linear-gradient(135deg, #0a6030, #0F813F) !important;
    box-shadow: 0 6px 16px rgba(15,129,63,0.35) !important;
    transform: translateY(-1px) !important;
}

/* رسالة المنتجات */
.dokan-dashboard-content.dokan-product-listing > p.dokan-info {
    background: linear-gradient(135deg, #e74c3c, #ff6b6b) !important;
    border: none !important;
    border-radius: 50px !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(231,76,60,0.25) !important;
    padding: 10px 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    flex-direction: row-reverse !important;
    gap: 8px !important;
    position: relative !important;
}
.dokan-dashboard-content.dokan-product-listing > p.dokan-info::before {
    content: '\f05a' !important;
    font-family: 'Font Awesome 6 Free' !important;
    font-weight: 900 !important;
    font-size: 14px !important;
    color: #fff !important;
    flex-shrink: 0 !important;
    display: inline-block !important;
    margin-left: 6px !important;
    position: static !important;
}

#tab-register > form > p:nth-child(9) > button {
    border-radius: 50px !important;
}
/* ===== السوشال ميديا — محاذاة لليمين ===== */
#dokan-vendor-dashboard-root .dokan-social-profile {
    direction: rtl !important;
    text-align: right !important;
}

#dokan-vendor-dashboard-root .dokan-social-profile > div {
    justify-content: flex-end !important;
    flex-direction: row-reverse !important;
}

#dokan-vendor-dashboard-root .dokan-social-profile > div label {
    text-align: right !important;
}

#dokan-vendor-dashboard-root .dokan-social-profile input {
    text-align: right !important;
    direction: ltr !important;
}

/* زر الحفظ لليمين */
#dokan-vendor-dashboard-root .dokan-social-profile .flex.justify-end {
    justify-content: flex-end !important;
    flex-direction: row-reverse !important;
}

@media (max-width: 768px) {
    #dokan-vendor-dashboard-root .dokan-social-profile > div {
        flex-direction: row-reverse !important;
        justify-content: flex-end !important;
    }
}
/* ===== زر إرسال السوشال ميديا ===== */
button.dokan-btn.bg-purple-600 {
    padding: 10px 24px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    min-width: 100px !important;
    height: 40px !important;
}

button.dokan-btn.bg-purple-600 span {
    font-size: 14px !important;
}

@media (max-width: 768px) {
    button.dokan-btn.bg-purple-600 {
        width: auto !important;
        min-width: 120px !important;
        padding: 10px 24px !important;
        font-size: 14px !important;
        height: 40px !important;
    }
}


/* السعر بالاحمر للمنتجات المخفضة */
.woocommerce ul.products li.product.sale .price ins .amount,
.woocommerce ul.products li.product.sale .price ins {
    color: #e60023 !important;
}

.wrap-price ins .amount,
.wrap-price ins {
    color: #e60023 !important;
}

.wrap-price > span > span .amount,
.product-type-variable.sale .wrap-price .amount {
    color: #e60023 !important;
}

/* ══════════════════════════════════════════════
   17. تأثيرات النقر على العناوين والتابات
   ══════════════════════════════════════════════ */
.tabs-clickable {
    cursor: pointer;
    transition: color 0.2s;
    position: relative;
    display: inline-block;
}
.tabs-clickable::after {
    content: ' ←';
    font-size: 30px;
    font-weight: 700;
    opacity: 0.4;
    transition: opacity 0.2s, transform 0.2s;
    transform: translateX(0);
    display: inline-block;
}
.tabs-clickable:hover {
    color: #0F813F;
}
.tabs-clickable:hover::after {
    opacity: 1;
    transform: translateX(-5px);
    color: #0F813F;
}
.heading-clickable {
    cursor: pointer;
    transition: color 0.2s;
    text-decoration: none !important;
    display: inline-block;
}
.heading-clickable::after {
    content: ' ←';
    font-size: 30px;
    font-weight: 700;
    opacity: 0.4;
    transition: opacity 0.2s, transform 0.2s;
    transform: translateX(0);
    display: inline-block;
}
.heading-clickable:hover {
    color: #0F813F !important;
}
.heading-clickable:hover::after {
    opacity: 1;
    transform: translateX(-5px);
    color: #0F813F;
}

/* ══════════════════════════════════════════════
   18. شارة التخفيض المخصصة - Sale Badge
   ══════════════════════════════════════════════ */
.et-custom-sale-badge {
    display: block;
    width: 100%;
    margin-bottom: 5px;
}
.et-custom-sale-badge span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background-color: rgba(220, 38, 38, 0.1);
    color: #DC2626;
    font-size: 12px;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 50px;
}
.et-custom-sale-badge svg {
    flex-shrink: 0;
}

/* ══════════════════════════════════════════════
   19. أزرار وعناصر SliceWP - Affiliate
   ══════════════════════════════════════════════ */

#slicewp-affiliate-account-tab > div.slicewp-tab.slicewp-active > div.slicewp-section-general-affiliate-link.slicewp-card > div > div {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
}

#slicewp-affiliate-link {
    width: 100% !important;
    flex: 0 0 100% !important;
}

#slicewp-affiliate-account-tab > div.slicewp-tab.slicewp-active > div.slicewp-list-table-before > div > form > button {
    background-color: #0F813F !important;
    border-color: #0F813F !important;
    color: #ffffff !important;
    border-radius: 50px !important;
}

#slicewp-affiliate-account-tab > div.slicewp-tab.slicewp-active > div.slicewp-list-table-before > div > form > button:hover {
    background-color: #0a6130 !important;
    border-color: #0a6130 !important;
}

#slicewp-affiliate-account-tab > div.slicewp-tab.slicewp-active > div.slicewp-section-general-affiliate-link.slicewp-card > div > div > button.slicewp-button-primary.slicewp-button-view-qr-code,
#slicewp-affiliate-account-tab > div.slicewp-tab.slicewp-active > div.slicewp-section-general-affiliate-link.slicewp-card > div > div > button.slicewp-button-primary.slicewp-input-copy {
    flex: 0 0 auto !important;
}

#slicewp-affiliate-account-tab > div.slicewp-tab.slicewp-active > div.slicewp-section-general-affiliate-link.slicewp-card > div > div > button.slicewp-button-primary.slicewp-input-copy,
#slicewp-affiliate-account-tab > div.slicewp-tab.slicewp-active > div.slicewp-section-affiliate-link-generator.slicewp-card > div > div.slicewp-affiliate-custom-link-input > button,
#slicewp-affiliate-account-tab > div.slicewp-tab.slicewp-active > div.slicewp-section-general-affiliate-link.slicewp-card > div > div > button.slicewp-button-primary.slicewp-button-view-qr-code {
    background-color: #0F813F !important;
    border-color: #0F813F !important;
    color: #ffffff !important;
    border-radius: 50px !important;
}

#slicewp-affiliate-account-tab > div.slicewp-tab.slicewp-active > div.slicewp-section-general-affiliate-link.slicewp-card > div > div > button.slicewp-button-primary.slicewp-input-copy:hover,
#slicewp-affiliate-account-tab > div.slicewp-tab.slicewp-active > div.slicewp-section-affiliate-link-generator.slicewp-card > div > div.slicewp-affiliate-custom-link-input > button:hover,
#slicewp-affiliate-account-tab > div.slicewp-tab.slicewp-active > div.slicewp-section-general-affiliate-link.slicewp-card > div > div > button.slicewp-button-primary.slicewp-button-view-qr-code:hover {
    background-color: #0a6130 !important;
    border-color: #0a6130 !important;
}

#slicewp-affiliate-account-tab > div.slicewp-tab.slicewp-active > div.slicewp-section-general-affiliate-link.slicewp-card > div > div > button.slicewp-button-primary.slicewp-button-view-qr-code,
#slicewp-affiliate-account-tab > div.slicewp-tab.slicewp-active > div.slicewp-section-general-affiliate-link.slicewp-card > div > div > button.slicewp-button-primary.slicewp-input-copy {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
}

#slicewp-affiliate-account-tab > div.slicewp-tab.slicewp-active > div > div > div > button.slicewp-button-primary.slicewp-input-copy,
#slicewp-affiliate-account-tab > div.slicewp-tab.slicewp-active > div > div > div > button.slicewp-button-primary.slicewp-button-view-qr-code {
    background-color: #0F813F !important;
    border-color: #0F813F !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
    height: 40px !important;
}

#slicewp-affiliate-account-tab > div.slicewp-tab.slicewp-active > div > div > div > button.slicewp-button-primary.slicewp-input-copy:hover,
#slicewp-affiliate-account-tab > div.slicewp-tab.slicewp-active > div > div > div > button.slicewp-button-primary.slicewp-button-view-qr-code:hover {
    background-color: #0a6130 !important;
    border-color: #0a6130 !important;
}

#slicewp-mailchimp-mailing-list-agreement {
    display: inline-block !important;
    vertical-align: middle !important;
    margin-left: 8px !important;
    margin-bottom: 0 !important;
}

label[for="slicewp-mailchimp-mailing-list-agreement"] {
    display: inline-block !important;
    vertical-align: middle !important;
    margin: 0 !important;
}
#slicewp-affiliate-register-form > button {
    background-color: #0F813F !important;
    border-color: #0F813F !important;
    color: #ffffff !important;
    border-radius: 50px !important;
}

#slicewp-affiliate-register-form > button:hover {
    background-color: #0a6130 !important;
    border-color: #0a6130 !important;
}

/* ══════════════════════════════════════════════
   20. زر التسجيل كبائع - لوحة تحكم المستخدم
   ══════════════════════════════════════════════ */
#post-10 > div > section > div > div > div > div > div > div > div.woocommerce-MyAccount-content.wd-grid-col > ul.dokan-account-migration-lists > li > div.dokan-w4.right-content > a {
    background-color: #0F813F !important;
    border-color: #0F813F !important;
    color: #ffffff !important;
    border-radius: 50px !important;
}

#post-10 > div > section > div > div > div > div > div > div > div.woocommerce-MyAccount-content.wd-grid-col > ul.dokan-account-migration-lists > li > div.dokan-w4.right-content > a:hover {
    background-color: #0a6130 !important;
    border-color: #0a6130 !important;
}

/* ══════════════════════════════════════════════
   21. رابط المتجر - Vendor Link
   ══════════════════════════════════════════════ */
.vendor-link {
    color: #82B998;
    text-decoration: none;
}

.vendor-link:hover {
    color: #6aa88c;
}

/* ══════════════════════════════════════════════
   22. تنسيق عناصر قائمة مخصصة - Custom Menu Items
   ══════════════════════════════════════════════ */
li#menu-item-4360 a, li#menu-item-7860 a {
    color: #000 !important;
}
li#menu-item-4360, li#menu-item-7860 {
    margin-bottom: 10px !important;
    margin-left: 5px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 10px;
    text-align: center;
    padding-right: 10px;
}







/* كلمة جديد مش واضحة */
span.directorist-badge.directorist-info-item.directorist-badge-new.directorist-badge--only-text {
    display: flex !important;
}

/*
الازرار جنب بعض 
*/
@media (max-width: 768px) {
    body .directorist-listing-actions a.directorist-btn-default {
        width: 100% !important;
        justify-content: center !important;
    }
    body .directorist-listing-actions {
        flex-direction: unset !important;
        flex-wrap: unset !important;
    }
}

/*
الأيقونات داخل الازرار تكون ابيض
*/
body .directorist-listing-actions a.directorist-btn-default .directorist-icon-mask {
    color: white;
}

/* اخفاء النص (في الشاشة الصغيرة - بالتدريج) */
@media (max-width: 422px) {
    body .directorist-listing-actions a.directorist-btn-default:link {
        font-size: 0px !important;
    }
}

/* الناشر و مالك تكون بنفس السطر */
.directorist-single-info.directorist-single-info-select {
    flex-wrap: nowrap !important;
}

.directorist-details-info-wrap .directorist-single-info__label__text {
    margin-top: unset !important;
}

/* dashboard_profile */
body form#user_profile_form .directorist-col-lg-3 {
    width: 100% !important;
}

body .directorist-user-dashboard form#user_profile_form .directorist-row {
    grid-template-columns: unset !important;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.directorist-user-dashboard__nav.directorist-dashboard-nav-collapsed {
    visibility: visible !important;
    opacity: 1 !important;
    right: 0;
    width: 230px !important;
    height: 100vh !important;
}

.directorist-col-lg-9 {
    width: 100% !important;
}

.directorist-user-socials label .directorist-social-icon i.directorist-icon-mask {
    display: none;
}

/* ══════════════════════════════════════════════
   كروت الاشتراك للموبايل
   ══════════════════════════════════════════════ */
@media (max-width: 767px) {
    #tab-panel-0-packs-view {
        overflow-x: hidden !important;
        width: 100% !important;
    }
    #tab-panel-0-packs-view .grid,
    #tab-panel-0-packs-view .grid.md\:grid-cols-2 {
        grid-template-columns: 1fr !important;
        width: 100% !important;
        min-width: 0 !important;
    }
    #tab-panel-0-packs-view .grid.md\:grid-cols-2 > div {
        min-width: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
        overflow: visible !important;
        padding: 16px 4px !important;
    }
    #tab-panel-0-packs-view .p-6 {
        padding: 8px 4px !important;
    }
    #tab-panel-0-packs-view .grid.md\:grid-cols-2 > div * {
        word-break: normal !important;
        white-space: normal !important;
    }
    #tab-panel-0-packs-view .text-4xl {
        font-size: 20px !important;
        overflow: visible !important;
        padding-right: 8px !important;
        white-space: nowrap !important;
    }
}
#tab-panel-0-packs-view ul li {
    list-style-position: inside !important;
}

/* ══════════════════════════════════════════════
   لوحة تحكم البائع للايباد
   ══════════════════════════════════════════════ */
@media (min-width: 768px) and (max-width: 1024px) {
    .dokan-dashboard-wrap {
        display: block !important;
        overflow: visible !important;
    }
    .dokan-dashboard-wrap::after {
        content: '' !important;
        display: table !important;
        clear: both !important;
    }
    .dokan-dash-sidebar,
    .dokan-dashboard .dokan-dash-sidebar {
        width: 100% !important;
        float: none !important;
        position: relative !important;
        clear: both !important;
        pointer-events: auto !important;
    }
    .dokan-dashboard-content,
    .dokan-dashboard .dokan-dashboard-content {
        width: 100% !important;
        float: none !important;
        clear: both !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding-right: 0 !important;
    }
    .dokan-dashboard-menu {
        height: auto !important;
    }
    #dokan-navigation {
        display: none !important;
        position: relative !important;
        top: 0 !important;
        right: 0 !important;
        left: 0 !important;
        background: #fff !important;
        z-index: 99999 !important;
        border-radius: 12px !important;
        box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important;
        padding: 10px !important;
        margin-top: 5px !important;
        pointer-events: auto !important;
    }
    #dokan-navigation * {
        pointer-events: auto !important;
    }
    .dokan-progress-bar {
        display: none !important;
    }
    .dokan-panel-body {
        display: none !important;
    }
    #main-content {
        position: relative !important;
        z-index: 1 !important;
    }
}
@media (max-width: 767px) {
    .dokan-dashboard .dokan-dash-sidebar #dokan-navigation ul.dokan-dashboard-menu {
        padding-top: 0 !important;
    }
}
#dokan-navigation ul li a {
    pointer-events: auto !important;
    position: relative !important;
    z-index: 99999 !important;
}
/* ══════════════════════════════════════════════
   توسيط محتوى جداول المنتجات والطلبات
   ══════════════════════════════════════════════ */
#dokan-products-data-view table.dataviews-view-table thead th,
#dokan-orders-data-view table.dataviews-view-table thead th,
#dokan-products-data-view table.dataviews-view-table tbody td,
#dokan-orders-data-view table.dataviews-view-table tbody td {
    text-align: center !important;
}
#dokan-products-data-view .dataviews-view-table-header-button,
#dokan-orders-data-view .dataviews-view-table-header-button {
    justify-content: center !important;
    width: 100% !important;
}

/* ══════════════════════════════════════════════
   تغليظ وتحديد حجم خط رؤوس أعمدة الجداول
   ══════════════════════════════════════════════ */
#dokan-products-data-view .dataviews-view-table-header-button,
#dokan-products-data-view .dataviews-view-table-header-button span,
#dokan-orders-data-view .dataviews-view-table-header-button,
#dokan-orders-data-view .dataviews-view-table-header-button span {
    font-weight: 700 !important;
    font-size: 13px !important;
}

/* ══════════════════════════════════════════════
   تصميم صفحة تفاصيل الإعلان - Directorist
   ══════════════════════════════════════════════ */
:root {
  --sl-green:       #10813f;
  --sl-green-dark:  #0a6030;
  --sl-green-soft:  #f0faf4;
  --sl-green-mid:   #d4eddf;
  --sl-border:      #eef1f5;
  --sl-text:        #1a2530;
  --sl-muted:       #8896a5;
  --sl-bg:          #f6f8fa;
  --sl-white:       #ffffff;
  --sl-shadow:      0 2px 16px rgba(0,0,0,.06);
  --sl-shadow-h:    0 8px 32px rgba(0,0,0,.10);
  --sl-radius:      16px;
  --sl-r-sm:        10px;
}

/* ══ PAGE BACKGROUND ══ */
.directorist-single-contents-area {
  background: var(--sl-bg) !important;
}

.directorist-single-contents-area .directorist-container-fluid {
  max-width: 900px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
}

.directorist-single-wrapper {
  padding: 20px 0 40px !important;
}

/* ══ HEADER ══ */
.directorist-single-listing-header {
  background: var(--sl-white) !important;
  border: 1px solid var(--sl-border) !important;
  border-radius: var(--sl-radius) !important;
  box-shadow: var(--sl-shadow) !important;
  padding: 16px 20px !important;
  margin-bottom: 16px !important;
}

.directorist-single-listing-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-bottom: 16px !important;
}

.directorist-btn__back {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 8px 16px !important;
  background: var(--sl-bg) !important;
  color: var(--sl-text) !important;
  border: 1px solid var(--sl-border) !important;
  border-radius: var(--sl-r-sm) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: 'Cairo', Arial, sans-serif !important;
  text-decoration: none !important;
  transition: all .2s !important;
}

.directorist-btn__back:hover {
  background: var(--sl-green-soft) !important;
  border-color: var(--sl-green-mid) !important;
  color: var(--sl-green) !important;
}

.directorist-single-listing-quick-action {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.directorist-listing-single__quick-actions {
  display: flex !important;
  gap: 8px !important;
}

.directorist-single-listing-action.directorist-btn-light {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 8px 14px !important;
  background: var(--sl-bg) !important;
  color: var(--sl-muted) !important;
  border: 1px solid var(--sl-border) !important;
  border-radius: var(--sl-r-sm) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  font-family: 'Cairo', Arial, sans-serif !important;
  cursor: pointer !important;
  transition: all .2s !important;
  text-decoration: none !important;
}

.directorist-single-listing-action.directorist-btn-light:hover {
  background: var(--sl-green-soft) !important;
  border-color: var(--sl-green-mid) !important;
  color: var(--sl-green) !important;
}

/* ══ TITLE ══ */
.directorist-listing-details__listing-title {
  font-size: 22px !important;
  font-weight: 800 !important;
  color: var(--sl-text) !important;
  font-family: 'Cairo', Arial, sans-serif !important;
  margin: 0 0 12px !important;
  line-height: 1.4 !important;
}

/* ══ QUICK INFO ══ */
.directorist-listing-single.directorist-listing-single-quickinfo {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 12px 0 !important;
  border-top: 1px solid var(--sl-border) !important;
  border-bottom: 1px solid var(--sl-border) !important;
  margin: 0 0 14px !important;
}

.directorist-listing-single.directorist-listing-single-quickinfo .directorist-listing-single__info {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;
}

.directorist-info-item.directorist-listing-category a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 5px 12px !important;
  background: var(--sl-green-soft) !important;
  color: var(--sl-green) !important;
  border: 1px solid var(--sl-green-mid) !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  font-family: 'Cairo', Arial, sans-serif !important;
  text-decoration: none !important;
}

.directorist-badge-new {
  display: inline-block !important;
  padding: 4px 10px !important;
  background: linear-gradient(135deg, #2c99ff, #1a7fe0) !important;
  color: #fff !important;
  border-radius: 20px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  font-family: 'Cairo', Arial, sans-serif !important;
}

.directorist-listing-price {
  font-size: 18px !important;
  font-weight: 800 !important;
  color: var(--sl-green) !important;
  font-family: 'Cairo', Arial, sans-serif !important;
}

/* ══ أزرار الاتصال ══ */
.directorist-listing-actions {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  padding: 14px 0 !important;
  border-bottom: 1px solid var(--sl-border) !important;
  margin-bottom: 16px !important;
}

.directorist-listing-actions a.directorist-btn-default,
.directorist-listing-actions a.directorist-btn-default:link,
.directorist-listing-actions a.directorist-btn-default:visited,
.directorist-listing-actions a.directorist-btn-default:hover,
.directorist-listing-actions a.directorist-btn-default:active,
.directorist-listing-actions a.directorist-btn-default:focus {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 22px !important;
  background: linear-gradient(135deg, var(--sl-green), var(--sl-green-dark)) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  --wd-link-color: #ffffff !important;
  --wd-link-color-hover: #ffffff !important;
  border: none !important;
  border-radius: var(--sl-r-sm) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  font-family: 'Cairo', Arial, sans-serif !important;
  text-decoration: none !important;
  transition: all .25s !important;
  box-shadow: 0 4px 12px rgba(16,129,63,.25) !important;
}

.directorist-listing-actions a.directorist-btn-default:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(16,129,63,.35) !important;
}

/* الأيقونة داخل الزر – أبيض عبر pseudo-element */
.directorist-listing-actions a.directorist-btn-default .directorist-icon-mask {
  background-color: transparent !important;
  position: relative !important;
  width: 16px !important;
  height: 16px !important;
  vertical-align: middle !important;
  flex-shrink: 0 !important;
}

.directorist-listing-actions a.directorist-btn-default .directorist-icon-mask::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background-color: #ffffff !important;
  -webkit-mask-image: var(--directorist-icon) !important;
  mask-image: var(--directorist-icon) !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
}

/* ══ SLIDER ══ */
#directorist-single-listing-slider-wrap {
  border-radius: var(--sl-radius) !important;
  overflow: hidden !important;
  box-shadow: var(--sl-shadow) !important;
  margin-bottom: 16px !important;
}

/* ══ CARDS ══ */
.directorist-card.directorist-card-general-section {
  background: var(--sl-white) !important;
  border: 1px solid var(--sl-border) !important;
  border-radius: var(--sl-radius) !important;
  box-shadow: var(--sl-shadow) !important;
  overflow: hidden !important;
  margin-bottom: 16px !important;
}

.directorist-card__header {
  padding: 14px 20px !important;
  border-bottom: 1px solid var(--sl-border) !important;
  background: linear-gradient(135deg, var(--sl-green-soft), #f8fdfb) !important;
}

.directorist-card__header__title {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--sl-green) !important;
  margin: 0 !important;
  font-family: 'Cairo', Arial, sans-serif !important;
}

.directorist-card__body {
  padding: 20px !important;
}

.directorist-listing-details__text p {
  font-size: 14px !important;
  line-height: 1.85 !important;
  color: #4a5568 !important;
  font-family: 'Cairo', Arial, sans-serif !important;
  margin-bottom: 10px !important;
}

.directorist-single-info {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 14px !important;
  background: var(--sl-bg) !important;
  border-radius: var(--sl-r-sm) !important;
  margin-bottom: 12px !important;
}

.directorist-single-info__label {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--sl-muted) !important;
  font-family: 'Cairo', Arial, sans-serif !important;
  min-width: 80px !important;
}

.directorist-single-info__value {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--sl-text) !important;
  font-family: 'Cairo', Arial, sans-serif !important;
}

/* ══ فيديو ══ */
.directorist-embaded-video {
  width: 100% !important;
  height: 380px !important;
  border-radius: var(--sl-r-sm) !important;
  border: none !important;
}

/* ══ خريطة ══ */
.directorist-single-map {
  border-radius: var(--sl-r-sm) !important;
  overflow: hidden !important;
  margin-bottom: 12px !important;
  min-height: 300px !important;
}

.directorist-single-map__location {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  padding-top: 12px !important;
}

.directorist-single-map__address {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 13px !important;
  color: var(--sl-muted) !important;
  font-family: 'Cairo', Arial, sans-serif !important;
}

.directorist-single-map__direction a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 7px 14px !important;
  background: var(--sl-green-soft) !important;
  color: var(--sl-green) !important;
  border: 1px solid var(--sl-green-mid) !important;
  border-radius: var(--sl-r-sm) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  font-family: 'Cairo', Arial, sans-serif !important;
  text-decoration: none !important;
  transition: all .2s !important;
}

.directorist-single-map__direction a:hover {
  background: var(--sl-green) !important;
  color: #fff !important;
}

/* ══ مشاركة ══ */
.directorist-social-share { position: relative !important; }

.directorist-social-share-links {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  background: var(--sl-white) !important;
  border: 1px solid var(--sl-border) !important;
  border-radius: var(--sl-r-sm) !important;
  box-shadow: var(--sl-shadow-h) !important;
  list-style: none !important;
  padding: 6px !important;
  margin: 0 !important;
  z-index: 100 !important;
  min-width: 140px !important;
}

.directorist-social-links__item a {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 12px !important;
  color: var(--sl-text) !important;
  font-size: 13px !important;
  font-family: 'Cairo', Arial, sans-serif !important;
  text-decoration: none !important;
  border-radius: 6px !important;
  transition: all .15s !important;
}

.directorist-social-links__item a:hover {
  background: var(--sl-green-soft) !important;
  color: var(--sl-green) !important;
}

/* ══ التقييمات ══ */
.directorist-review-container .directorist-card {
  background: var(--sl-white) !important;
  border: 1px solid var(--sl-border) !important;
  border-radius: var(--sl-radius) !important;
  box-shadow: var(--sl-shadow) !important;
  overflow: hidden !important;
  margin-bottom: 16px !important;
}

.directorist-review-content__header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 14px 20px !important;
  background: linear-gradient(135deg, var(--sl-green-soft), #f8fdfb) !important;
  border-bottom: 1px solid var(--sl-border) !important;
}

.directorist-review-content__header .directorist-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 7px 14px !important;
  background: var(--sl-green) !important;
  color: #fff !important;
  border-radius: var(--sl-r-sm) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  font-family: 'Cairo', Arial, sans-serif !important;
  text-decoration: none !important;
}

.directorist-noreviews {
  color: var(--sl-muted) !important;
  font-size: 13.5px !important;
  font-family: 'Cairo', Arial, sans-serif !important;
  text-align: center !important;
  padding: 20px 0 !important;
}

.directorist-review-submit__form .directorist-form-element {
  width: 100% !important;
  padding: 10px 14px !important;
  border: 1.5px solid var(--sl-border) !important;
  border-radius: var(--sl-r-sm) !important;
  font-size: 13.5px !important;
  font-family: 'Cairo', Arial, sans-serif !important;
  background: var(--sl-bg) !important;
  transition: border-color .2s !important;
  box-sizing: border-box !important;
  outline: none !important;
}

.directorist-review-submit__form .directorist-form-element:focus {
  border-color: var(--sl-green) !important;
  background: var(--sl-white) !important;
}

.directorist-review-submit__form .directorist-btn-lg {
  display: inline-flex !important;
  align-items: center !important;
  padding: 11px 24px !important;
  background: linear-gradient(135deg, var(--sl-green), var(--sl-green-dark)) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--sl-r-sm) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  font-family: 'Cairo', Arial, sans-serif !important;
  cursor: pointer !important;
  transition: all .2s !important;
  box-shadow: 0 4px 12px rgba(16,129,63,.25) !important;
}

/* ══ الفرص ذات صلة ══ */
.directorist-related-listing {
  background: var(--sl-white) !important;
  border: 1px solid var(--sl-border) !important;
  border-radius: var(--sl-radius) !important;
  box-shadow: var(--sl-shadow) !important;
  padding: 20px !important;
  margin-bottom: 16px !important;
}

.directorist-related-listing-header {
  padding-bottom: 14px !important;
  margin-bottom: 16px !important;
  border-bottom: 1px solid var(--sl-border) !important;
}

.directorist-related-listing-header__title {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--sl-green) !important;
  margin: 0 !important;
  font-family: 'Cairo', Arial, sans-serif !important;
}

.directorist-swiper__nav {
  width: 36px !important;
  height: 36px !important;
  background: var(--sl-white) !important;
  border: 1px solid var(--sl-border) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all .2s !important;
  box-shadow: var(--sl-shadow) !important;
}

.directorist-swiper__nav:hover {
  background: var(--sl-green) !important;
  border-color: var(--sl-green) !important;
}

/* ══ MOBILE ══ */
@media (max-width: 768px) {
  .directorist-single-contents-area .directorist-container-fluid { padding: 0 12px !important; }
  .directorist-single-wrapper { padding: 12px 0 24px !important; }
  .directorist-single-listing-header { padding: 12px !important; }
  .directorist-listing-details__listing-title { font-size: 18px !important; }
  .directorist-listing-actions { flex-direction: column !important; }
  .directorist-listing-actions a.directorist-btn-default { width: 100% !important; justify-content: center !important; }
  .directorist-embaded-video { height: 220px !important; }
  .directorist-card__body { padding: 14px !important; }
  .directorist-single-listing-top { flex-direction: column !important; align-items: flex-start !important; }
  .directorist-single-listing-quick-action { width: 100% !important; }
}
/* ══════════════════════════════════════════════
   فلتر البحث وترقيم الصفحات - Directorist
   ══════════════════════════════════════════════ */

/* ══ تحسين رأس الفلتر ══ */
#post-33664 .directorist-advanced-filter__top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 14px 18px !important;
  background: linear-gradient(135deg, #e8f5ee, #f0fdf4) !important;
  border-bottom: 1px solid #c8e6d0 !important;
}
#post-33664 .directorist-advanced-filter__title {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #10813f !important;
  margin: 0 !important;
  font-family: 'Cairo', Arial, sans-serif !important;
}

/* ══ زر الإغلاق X ══ */
#post-33664 .directorist-advanced-filter__close {
  all: unset !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  cursor: pointer !important;
  border-radius: 6px !important;
  transition: background .2s !important;
}
#post-33664 .directorist-advanced-filter__close:hover {
  background: #fce8e8 !important;
}
#post-33664 .directorist-advanced-filter__close .directorist-icon-mask {
  background-color: #8896a5 !important;
  width: 14px !important;
  height: 14px !important;
}
#post-33664 .directorist-advanced-filter__close:hover .directorist-icon-mask {
  background-color: #e53e3e !important;
}

/* ══ نموذج البحث ══ */
#post-33664 .directorist-search-form__box {
  background: #fff !important;
  border: 1px solid #eef1f5 !important;
  border-radius: 14px !important;
  box-shadow: 0 2px 16px rgba(0,0,0,.06) !important;
}
#post-33664 .directorist-input-icon .directorist-icon-mask {
  background-color: #8896a5 !important;
  width: 15px !important;
  height: 15px !important;
}
#post-33664 .directorist-search-field__btn--clear .directorist-icon-mask {
  background-color: #c5cdd6 !important;
  width: 14px !important;
  height: 14px !important;
}

/* ══ label داخل حقل البحث ══ */
#post-33664 .directorist-search-query {
  position: relative !important;
}
#post-33664 .directorist-search-query .directorist-search-field__label {
  position: absolute !important;
  right: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
  color: #aaa !important;
  font-size: 13px !important;
  font-family: 'Cairo', Arial, sans-serif !important;
  z-index: 2 !important;
  margin: 0 !important;
}
#post-33664 .directorist-search-query input:not(:placeholder-shown) + .directorist-search-field__label,
#post-33664 .directorist-search-query input:focus + .directorist-search-field__label {
  opacity: 0 !important;
}

/* ══ تصحيح اتجاه أسهم الصفحات في RTL ══ */
.directorist-pagination .prev .directorist-icon-mask {
  -webkit-mask-image: url("https://investorksa.net/wp-content/plugins/directorist/assets/icons/font-awesome/svgs/solid/chevron-right.svg") !important;
  mask-image: url("https://investorksa.net/wp-content/plugins/directorist/assets/icons/font-awesome/svgs/solid/chevron-right.svg") !important;
  transform: scaleX(-1) !important;
}
.directorist-pagination .next .directorist-icon-mask {
  -webkit-mask-image: url("https://investorksa.net/wp-content/plugins/directorist/assets/icons/font-awesome/svgs/solid/chevron-left.svg") !important;
  mask-image: url("https://investorksa.net/wp-content/plugins/directorist/assets/icons/font-awesome/svgs/solid/chevron-left.svg") !important;
  transform: scaleX(-1) !important;
}

/* ══════════════════════════════════════════════════════════
                لوحة تحكم المستثمر
══════════════════════════════════════════════════════════ */

:root {
  --inv-green:       #10813f;
  --inv-green-dark:  #0a6030;
  --inv-green-light: #e8f5ee;
  --inv-border:      #e2e8f0;
  --inv-text:        #2d3748;
  --inv-muted:       #718096;
  --inv-bg:          #f7f9fb;
  --inv-radius:      10px;
  --inv-shadow:      0 2px 12px rgba(16,129,63,.09);
}

/* ══ كل الأنماط محددة داخل .directorist-user-dashboard فقط ══ */

.directorist-user-dashboard {
  background: var(--inv-bg);
  padding: 28px 0;
  font-family: 'Cairo', Arial, sans-serif;
  box-sizing: border-box;
}

.directorist-user-dashboard .directorist-user-dashboard__toggle {
  display: none !important;
}

.directorist-user-dashboard .directorist-user-dashboard__contents {
  display: grid !important;
  grid-template-columns: 250px 1fr !important;
  gap: 24px !important;
  align-items: start !important;
  box-sizing: border-box !important;
}

/* ── Sidebar ── */
.directorist-user-dashboard .directorist-user-dashboard__nav {
  background: #fff !important;
  border: 1px solid var(--inv-border) !important;
  border-radius: var(--inv-radius) !important;
  box-shadow: var(--inv-shadow) !important;
  overflow: hidden !important;
  position: sticky !important;
  top: 20px !important;
}

.directorist-user-dashboard .directorist-tab__nav__wrapper {
  padding: 8px 0 !important;
}

.directorist-user-dashboard .directorist-tab__nav__items {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

.directorist-user-dashboard .directorist-tab__nav__item {
  margin: 0 !important;
}

.directorist-user-dashboard .directorist-tab__nav__link {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 13px 20px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--inv-muted) !important;
  text-decoration: none !important;
  border-right: 3px solid transparent !important;
  border-bottom: none !important;
  transition: all .2s !important;
  white-space: nowrap !important;
}

.directorist-user-dashboard .directorist-tab__nav__link:hover {
  color: var(--inv-text) !important;
  background: var(--inv-bg) !important;
}

.directorist-user-dashboard .directorist-tab__nav__active {
  color: var(--inv-green) !important;
  background: var(--inv-green-light) !important;
  border-right-color: var(--inv-green) !important;
  border-bottom-color: transparent !important;
}

.directorist-user-dashboard .directorist_menuItem-icon {
  width: 30px !important;
  height: 30px !important;
  background: var(--inv-bg) !important;
  border-radius: 7px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.directorist-user-dashboard .directorist-tab__nav__active .directorist_menuItem-icon {
  background: var(--inv-green) !important;
}

.directorist-user-dashboard .directorist-tab__nav__active .directorist_menuItem-icon .directorist-icon-mask {
  background-color: #fff !important;
}

.directorist-user-dashboard .directorist-tab__nav__action {
  padding: 14px !important;
  border-top: 1px solid var(--inv-border) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.directorist-user-dashboard .directorist-btn--add-listing {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  padding: 12px 16px !important;
  background: linear-gradient(135deg, var(--inv-green), #2ecc71) !important;
  color: #fff !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  font-family: 'Cairo', Arial, sans-serif !important;
  box-shadow: 0 4px 12px rgba(16,129,63,.3) !important;
  transition: all .2s !important;
  box-sizing: border-box !important;
}

.directorist-user-dashboard .directorist-btn--add-listing:hover {
  transform: translateY(-1px) !important;
  color: #fff !important;
}

.directorist-user-dashboard .directorist-btn--logout {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  padding: 10px 16px !important;
  background: #fff !important;
  color: var(--inv-muted) !important;
  border: 1.5px solid var(--inv-border) !important;
  border-radius: 8px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  font-family: 'Cairo', Arial, sans-serif !important;
  transition: all .2s !important;
  box-sizing: border-box !important;
}

.directorist-user-dashboard .directorist-btn--logout:hover {
  border-color: #e53e3e !important;
  color: #e53e3e !important;
  background: #fff5f5 !important;
}

/* ── Content ── */
.directorist-user-dashboard .directorist-user-dashboard__tab-content {
  min-width: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.directorist-user-dashboard .directorist-user-dashboard-area {
  background: #fff !important;
  border: 1px solid var(--inv-border) !important;
  border-radius: var(--inv-radius) !important;
  box-shadow: var(--inv-shadow) !important;
  overflow: hidden !important;
}

/* ── Listing Tabs ── */
.directorist-user-dashboard .directorist-user-dashboard-tab__nav {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 20px !important;
  border-bottom: 1px solid var(--inv-border) !important;
  background: #fff !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
}

.directorist-user-dashboard .directorist-dashboard-listing-nav-js {
  display: flex !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
}

.directorist-user-dashboard .directorist-tab-nav--content-link a {
  display: block !important;
  padding: 14px 14px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--inv-muted) !important;
  text-decoration: none !important;
  border-bottom: 3px solid transparent !important;
  transition: all .2s !important;
  white-space: nowrap !important;
}

.directorist-user-dashboard .directorist-tab-nav--content-link a:hover {
  color: var(--inv-text) !important;
}

.directorist-user-dashboard .directorist-tab-nav--content-link a.directorist-tab__nav__active {
  color: var(--inv-green) !important;
  border-bottom-color: var(--inv-green) !important;
}

/* ── Search ── */
.directorist-user-dashboard .directorist-user-dashboard-search {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: var(--inv-bg) !important;
  border: 1.5px solid var(--inv-border) !important;
  border-radius: 8px !important;
  padding: 6px 12px !important;
  transition: border-color .2s !important;
  flex-shrink: 0 !important;
}

.directorist-user-dashboard .directorist-user-dashboard-search:focus-within {
  border-color: var(--inv-green) !important;
  box-shadow: 0 0 0 3px rgba(16,129,63,.1) !important;
}

.directorist-user-dashboard .directorist-user-dashboard-search input {
  border: none !important;
  background: transparent !important;
  outline: none !important;
  font-size: 13px !important;
  font-family: 'Cairo', Arial, sans-serif !important;
  color: var(--inv-text) !important;
  box-shadow: none !important;
  padding: 0 !important;
  width: 140px !important;
}

/* ── Table ── */
.directorist-user-dashboard .directorist-table-responsive {
  overflow-x: auto !important;
  width: 100% !important;
  -webkit-overflow-scrolling: touch !important;
}

.directorist-user-dashboard .directorist-table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-family: 'Cairo', Arial, sans-serif !important;
}

.directorist-user-dashboard .directorist-table thead tr {
  background: var(--inv-bg) !important;
  border-bottom: 2px solid var(--inv-border) !important;
}

.directorist-user-dashboard .directorist-table thead th {
  padding: 14px 20px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--inv-muted) !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  text-align: right !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

.directorist-user-dashboard .directorist-table-listing { width: 45% !important; text-align: right !important; }
.directorist-user-dashboard .directorist-table-ex-date { width: 20% !important; text-align: center !important; }
.directorist-user-dashboard .directorist-table-status  { width: 15% !important; text-align: center !important; }
.directorist-user-dashboard .directorist-table-actions { width: 20% !important; text-align: center !important; }

.directorist-user-dashboard .directorist-table tbody tr {
  border-bottom: 1px solid var(--inv-border) !important;
  transition: background .15s !important;
}

.directorist-user-dashboard .directorist-table tbody tr:last-child {
  border-bottom: none !important;
}

.directorist-user-dashboard .directorist-table tbody tr:hover {
  background: var(--inv-bg) !important;
}

.directorist-user-dashboard .directorist-table tbody td {
  padding: 16px 20px !important;
  font-size: 14px !important;
  color: var(--inv-text) !important;
  vertical-align: middle !important;
  text-align: right !important;
}

.directorist-user-dashboard .directorist-table tbody td[colspan] {
  text-align: center !important;
  color: var(--inv-muted) !important;
  padding: 40px !important;
  font-size: 14px !important;
}

/* ── Profile ── */
.directorist-user-dashboard .directorist-card {
  background: #fff !important;
  border: 1px solid var(--inv-border) !important;
  border-radius: var(--inv-radius) !important;
  box-shadow: var(--inv-shadow) !important;
  overflow: hidden !important;
}

.directorist-user-dashboard .directorist-card__header {
  padding: 16px 22px !important;
  background: linear-gradient(135deg, var(--inv-green-light), #f0fdf4) !important;
  border-bottom: 1px solid #c8e6d0 !important;
}

.directorist-user-dashboard .directorist-card__header__title {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--inv-green-dark) !important;
  margin: 0 !important;
}

.directorist-user-dashboard .directorist-card__body {
  padding: 24px 22px !important;
}

.directorist-user-dashboard .directorist-row {
  display: grid !important;
  grid-template-columns: 180px 1fr !important;
  gap: 20px !important;
  align-items: start !important;
}

.directorist-user-dashboard .directorist-image-profile-wrap {
  background: #fff !important;
  border: 1px solid var(--inv-border) !important;
  border-radius: var(--inv-radius) !important;
  padding: 16px !important;
  text-align: center !important;
  box-shadow: var(--inv-shadow) !important;
}

.directorist-user-dashboard .directorist-user-full-name,
.directorist-user-dashboard .directorist-user-first-name,
.directorist-user-dashboard .directorist-user-email,
.directorist-user-dashboard .directorist-user-site-url,
.directorist-user-dashboard .directorist-user-password {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px !important;
  margin-bottom: 14px !important;
}

.directorist-user-dashboard .directorist-user-info-wrap .directorist-form-group {
  margin-bottom: 0 !important;
}

.directorist-user-dashboard .directorist-user-password .directorist-form-group:last-child {
  grid-column: 1 / -1 !important;
}

.directorist-user-dashboard .directorist-user-info-wrap label {
  display: block !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--inv-text) !important;
  margin-bottom: 6px !important;
}

.directorist-user-dashboard .directorist-user-info-wrap .directorist-form-element {
  width: 100% !important;
  padding: 10px 14px !important;
  border: 1.5px solid var(--inv-border) !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-family: 'Cairo', Arial, sans-serif !important;
  transition: border-color .2s, box-shadow .2s !important;
  outline: none !important;
  box-sizing: border-box !important;
}

.directorist-user-dashboard .directorist-user-info-wrap .directorist-form-element:focus {
  border-color: var(--inv-green) !important;
  box-shadow: 0 0 0 3px rgba(16,129,63,.12) !important;
}

.directorist-user-dashboard .directorist-user-socials {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px !important;
  margin-top: 8px !important;
}

.directorist-user-dashboard .directorist-user-social-label {
  grid-column: 1 / -1 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--inv-text) !important;
  margin: 0 !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid var(--inv-border) !important;
}

.directorist-user-dashboard .directorist-btn-profile-save {
  margin-top: 16px !important;
  padding: 12px 32px !important;
  background: linear-gradient(135deg, var(--inv-green), #2ecc71) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  font-family: 'Cairo', Arial, sans-serif !important;
  cursor: pointer !important;
  box-shadow: 0 4px 12px rgba(16,129,63,.3) !important;
  transition: all .2s !important;
  display: block !important;
  width: 100% !important;
  text-align: center !important;
}

#directorist-dashboard-preloader { display: none !important; }

/* ══════════════════════════════════
   MOBILE
   ══════════════════════════════════ */
@media (max-width: 768px) {

  .directorist-user-dashboard .directorist-user-dashboard__contents {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .directorist-user-dashboard .directorist-container-fluid {
    overflow-x: hidden !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
  }

  /* زر لوحة التحكم */
  .directorist-user-dashboard .directorist-user-dashboard__toggle {
    display: flex !important;
    padding: 12px 0 !important;
    margin-bottom: 8px !important;
  }

  .directorist-user-dashboard .directorist-user-dashboard__toggle__link {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 20px !important;
    background: #e8f5ee !important;
    border: 1.5px solid #c8e6d0 !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    width: 100% !important;
    box-shadow: 0 2px 8px rgba(16,129,63,.1) !important;
    transition: all .2s !important;
    gap: 10px !important;
  }

  .directorist-user-dashboard .directorist-user-dashboard__toggle__link::before {
    content: "لوحة تحكم المستثمر" !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #10813f !important;
    font-family: 'Cairo', Arial, sans-serif !important;
    flex: 1 !important;
    text-align: center !important;
  }

  .directorist-user-dashboard .directorist-user-dashboard__toggle__link .directorist-icon-mask {
    background-color: #10813f !important;
    width: 22px !important;
    height: 22px !important;
    padding: 0 !important;
    border-radius: 0 !important;
    flex-shrink: 0 !important;
    -webkit-mask-image: var(--directorist-icon) !important;
    mask-image: var(--directorist-icon) !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
  }

  /* السايدبار Drawer */
  .directorist-user-dashboard .directorist-user-dashboard__nav {
    position: fixed !important;
    top: 0 !important;
    right: -300px !important;
    width: 260px !important;
    height: 100vh !important;
    z-index: 9999 !important;
    overflow-y: auto !important;
    transition: right .3s ease !important;
    border-radius: 0 !important;
    box-shadow: -4px 0 20px rgba(0,0,0,.2) !important;
  }

  .directorist-user-dashboard .directorist-user-dashboard__nav:not(.directorist-dashboard-nav-collapsed) {
    right: 0 !important;
  }

  .directorist-user-dashboard .directorist-tab__nav__items {
    display: block !important;
  }

  .directorist-user-dashboard .directorist-tab__nav__link {
    border-bottom: none !important;
    border-right: 3px solid transparent !important;
    padding: 13px 20px !important;
  }

  .directorist-user-dashboard .directorist-tab__nav__active {
    border-right-color: var(--inv-green) !important;
    border-bottom-color: transparent !important;
  }

  .directorist-user-dashboard .directorist-tab__nav__action {
    flex-direction: column !important;
    padding: 14px !important;
  }

  .directorist-user-dashboard .directorist-btn--add-listing,
  .directorist-user-dashboard .directorist-btn--logout {
    width: 100% !important;
  }

  /* المحتوى */
  .directorist-user-dashboard .directorist-user-dashboard__tab-content,
  .directorist-user-dashboard .directorist-user-dashboard-area {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .directorist-user-dashboard .directorist-user-dashboard-area {
    overflow: visible !important;
  }

  /* تبويبات */
  .directorist-user-dashboard .directorist-user-dashboard-tab__nav {
    flex-direction: column !important;
    padding: 8px 12px !important;
    gap: 8px !important;
  }

  .directorist-user-dashboard .directorist-dashboard-listing-nav-js {
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    scrollbar-width: none !important;
    width: 100% !important;
    border-bottom: 1px solid var(--inv-border) !important;
  }

  .directorist-user-dashboard .directorist-dashboard-listing-nav-js::-webkit-scrollbar {
    display: none !important;
  }

  .directorist-user-dashboard .directorist-tab-nav--content-link a {
    padding: 10px 12px !important;
    font-size: 12.5px !important;
    white-space: nowrap !important;
  }

  .directorist-user-dashboard .directorist-user-dashboard-search {
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .directorist-user-dashboard .directorist-user-dashboard-search input {
    width: 100% !important;
  }

  /* الجدول كبطاقات */
  .directorist-user-dashboard .directorist-table thead {
    display: none !important;
  }

  .directorist-user-dashboard .directorist-table,
  .directorist-user-dashboard .directorist-table tbody,
  .directorist-user-dashboard .directorist-table tr,
  .directorist-user-dashboard .directorist-table td {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .directorist-user-dashboard .directorist-table tr {
    margin-bottom: 12px !important;
    border: 1px solid var(--inv-border) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  .directorist-user-dashboard .directorist-table td {
    padding: 10px 14px !important;
    padding-right: 45% !important;
    font-size: 13px !important;
    text-align: right !important;
    border-bottom: 1px solid var(--inv-border) !important;
    position: relative !important;
  }

  .directorist-user-dashboard .directorist-table td:last-child {
    border-bottom: none !important;
  }

  .directorist-user-dashboard .directorist-table td::before {
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: var(--inv-muted) !important;
    width: 40% !important;
  }

  .directorist-user-dashboard .directorist-table td:nth-child(1)::before { content: "الإعلان"; }
  .directorist-user-dashboard .directorist-table td:nth-child(2)::before { content: "تاريخ الانتهاء"; }
  .directorist-user-dashboard .directorist-table td:nth-child(3)::before { content: "الحالة"; }
  .directorist-user-dashboard .directorist-table td:nth-child(4)::before { content: "الإجراءات"; }

  .directorist-user-dashboard .directorist-table td[colspan] {
    padding: 24px 14px !important;
    text-align: center !important;
  }

  .directorist-user-dashboard .directorist-table td[colspan]::before {
    display: none !important;
  }

  /* الملف الشخصي */
  .directorist-user-dashboard .directorist-row {
    grid-template-columns: 1fr !important;
  }

  .directorist-user-dashboard .directorist-user-full-name,
  .directorist-user-dashboard .directorist-user-first-name,
  .directorist-user-dashboard .directorist-user-email,
  .directorist-user-dashboard .directorist-user-site-url,
  .directorist-user-dashboard .directorist-user-password,
  .directorist-user-dashboard .directorist-user-socials {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .directorist-user-dashboard .directorist-card__body {
    padding: 14px !important;
  }

  .directorist-user-dashboard .directorist-user-info-wrap .directorist-form-element {
    font-size: 16px !important;
  }
}

/* ══ أيقونة لوحة تحكم المستثمر – أخضر في الموبايل فقط ══ */
@media (max-width: 768px) {
  li.wd-my-acc-investor-dashboard > a .wd-nav-icon::before {
    color: #10813f !important;
  }
}
/* ══════════════════════════════════════════════════════════
           فورم اضافة فرصة
══════════════════════════════════════════════════════════ */

:root {
  --inv-green:        #10813f;
  --inv-green-dark:   #0a6030;
  --inv-green-light:  #e8f5ee;
  --inv-border:       #e2e8f0;
  --inv-text:         #2d3748;
  --inv-muted:        #718096;
  --inv-bg:           #f7f9fb;
  --inv-radius:       10px;
  --inv-shadow:       0 2px 12px rgba(16,129,63,.09);
  --inv-shadow-hover: 0 6px 24px rgba(16,129,63,.16);
}

/* ══ WRAPPER ══ */
.directorist-add-listing-wrapper {
  background: var(--inv-bg);
  padding: 28px 0;
}

/* ══ WIZARD NAV ══ */
.multistep-wizard__nav {
  display: flex;
  background: #fff;
  border: 1px solid var(--inv-border);
  border-radius: var(--inv-radius);
  box-shadow: var(--inv-shadow);
  margin-bottom: 20px;
  overflow-x: auto;
}

.multistep-wizard__nav__btn {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 20px;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--inv-muted);
  text-decoration: none !important;
  border-bottom: 3px solid transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  transition: all .2s;
  white-space: nowrap;
  background: transparent;
}

.multistep-wizard__nav__btn:hover {
  color: var(--inv-text);
  background: var(--inv-bg);
}

.multistep-wizard__nav__btn.active {
  color: var(--inv-green) !important;
  border-bottom-color: var(--inv-green);
  background: var(--inv-green-light);
}

/* ══ PROGRESS BAR ══ */
.multistep-wizard__progressbar {
  height: 5px;
  background: var(--inv-border);
  border-radius: 3px;
  margin-bottom: 24px;
  overflow: hidden;
}

.multistep-wizard__progressbar__width {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, var(--inv-green), #2ecc71);
  border-radius: 3px;
  transition: width .4s ease;
}

/* ══ SECTION CARDS ══ */
.directorist-content-module {
  background: #fff;
  border: 1px solid var(--inv-border);
  border-radius: var(--inv-radius);
  box-shadow: var(--inv-shadow);
  margin-bottom: 20px;
  overflow: hidden;
  transition: box-shadow .2s;
}

.directorist-content-module:hover {
  box-shadow: var(--inv-shadow-hover);
}

.directorist-content-module__title {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 22px;
  background: linear-gradient(135deg, var(--inv-green-light), #f0fdf4);
  border-bottom: 1px solid #c8e6d0;
  cursor: pointer;
}

.directorist-content-module__title h2 {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--inv-green-dark) !important;
  margin: 0 !important;
}

.directorist-content-module__contents {
  padding: 24px 22px;
}

/* ══ LABELS ══ */
.directorist-form-label {
  display: block;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: var(--inv-text) !important;
  margin-bottom: 7px !important;
}

.directorist-form-required {
  color: #e53e3e;
}

/* ══ INPUTS ══ */
.directorist-form-element,
.directorist-add-listing-wrapper input[type="text"],
.directorist-add-listing-wrapper input[type="email"],
.directorist-add-listing-wrapper input[type="tel"],
.directorist-add-listing-wrapper input[type="url"],
.directorist-add-listing-wrapper input[type="number"],
.directorist-add-listing-wrapper select,
.directorist-add-listing-wrapper textarea {
  width: 100% !important;
  padding: 11px 14px !important;
  border: 1.5px solid var(--inv-border) !important;
  border-radius: 8px !important;
  font-family: 'Cairo', Arial, sans-serif !important;
  font-size: 14px !important;
  color: var(--inv-text) !important;
  background: #fff !important;
  transition: border-color .2s, box-shadow .2s !important;
  outline: none !important;
  box-shadow: none !important;
}

.directorist-form-element:focus,
.directorist-add-listing-wrapper input:focus,
.directorist-add-listing-wrapper select:focus,
.directorist-add-listing-wrapper textarea:focus {
  border-color: var(--inv-green) !important;
  box-shadow: 0 0 0 3px rgba(16,129,63,.12) !important;
}

.directorist-form-element::placeholder,
.directorist-add-listing-wrapper input::placeholder,
.directorist-add-listing-wrapper textarea::placeholder {
  color: #a0aec0 !important;
  font-size: 13px !important;
}

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

/* ══ SELECT2 ══ */
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single {
  border: 1.5px solid var(--inv-border) !important;
  border-radius: 8px !important;
  min-height: 44px !important;
  padding: 4px 10px !important;
  background: #fff !important;
  transition: border-color .2s !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection {
  border-color: var(--inv-green) !important;
  box-shadow: 0 0 0 3px rgba(16,129,63,.12) !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: var(--inv-green) !important;
  border-color: var(--inv-green-dark) !important;
  color: #fff !important;
  border-radius: 5px !important;
  font-size: 12px !important;
  padding: 2px 8px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #c8e6d0 !important;
}

.select2-dropdown {
  border: 1.5px solid var(--inv-green) !important;
  border-radius: 8px !important;
  box-shadow: var(--inv-shadow-hover) !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--inv-green) !important;
}

/* ══ PRICING ══ */
.directorist-form-pricing-field__options {
  display: flex;
  gap: 12px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}

.directorist_pricing_options {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border: 1.5px solid var(--inv-border);
  border-radius: 8px;
  cursor: pointer;
  font-size: 13.5px;
  font-weight: 500;
  transition: all .2s;
}

.directorist_pricing_options:hover {
  border-color: var(--inv-green);
  background: var(--inv-green-light);
}

/* ══ CHECKBOXES ══ */
.directorist-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
}

.directorist-checkbox input[type="checkbox"],
.directorist_pricing_options input[type="checkbox"] {
  accent-color: var(--inv-green);
  width: 16px !important;
  height: 16px !important;
}

.directorist-checkbox__label {
  font-size: 13.5px;
  font-weight: 500;
  cursor: pointer;
}

/* ══ MAP ══ */
.directorist-form-map-field {
  border: 1.5px solid var(--inv-border);
  border-radius: var(--inv-radius);
  overflow: hidden;
  margin-top: 8px;
}

.map_drag_info {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--inv-muted);
  margin-top: 8px;
  padding: 8px 12px;
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 7px;
}

.directorist-map-coordinate {
  margin-top: 12px;
  padding: 10px 14px;
  border: 1.5px dashed var(--inv-border);
  border-radius: 8px;
  transition: all .2s;
}

.directorist-map-coordinate:hover {
  border-color: var(--inv-green);
  background: var(--inv-green-light);
}

.directorist-map-coordinates {
  margin-top: 14px;
  padding: 16px;
  background: var(--inv-bg);
  border-radius: 8px;
  border: 1px solid var(--inv-border);
}

/* ══ IMAGE UPLOAD ══ */
.ez-media-uploader {
  border: 2px dashed #c8e6d0 !important;
  border-radius: var(--inv-radius) !important;
  background: #fafffe !important;
  transition: all .2s !important;
}

.ez-media-uploader:hover {
  border-color: var(--inv-green) !important;
  background: var(--inv-green-light) !important;
}

.ezmu__media-picker-section {
  padding: 28px 20px !important;
  text-align: center !important;
}

.ezmu__btn,
label.ezmu__btn {
  background: var(--inv-green) !important;
  color: #fff !important;
  border-radius: 8px !important;
  padding: 10px 20px !important;
  font-family: 'Cairo', Arial, sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  border: none !important;
  cursor: pointer !important;
  transition: all .2s !important;
  display: inline-block !important;
}

.ezmu__btn:hover,
label.ezmu__btn:hover {
  background: var(--inv-green-dark) !important;
  transform: translateY(-1px) !important;
}

.ezmu__info-list {
  font-size: 12px !important;
  color: var(--inv-muted) !important;
  list-style: none !important;
  padding: 0 !important;
  text-align: center !important;
}

/* ══ TINYMCE TOOLBAR ══ */
#wp-listing_content-editor-tools {
  background: var(--inv-bg) !important;
  border: 1.5px solid var(--inv-border) !important;
  border-bottom: none !important;
  border-radius: 8px 8px 0 0 !important;
  padding: 8px 10px !important;
}

#wp-listing_content-editor-container {
  border: 1.5px solid var(--inv-border) !important;
  border-top: none !important;
  border-radius: 0 0 8px 8px !important;
  overflow: hidden !important;
}

.wp-switch-editor {
  border-radius: 6px !important;
  font-size: 13px !important;
}

/* ══ BUTTONS ══ */
.directorist-btn {
  font-family: 'Cairo', Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  padding: 11px 24px !important;
  transition: all .2s !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.directorist-btn-primary,
.multistep-wizard__btn--next {
  background: linear-gradient(135deg, var(--inv-green), #2ecc71) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(16,129,63,.3) !important;
}

.directorist-btn-primary:hover,
.multistep-wizard__btn--next:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(16,129,63,.4) !important;
  color: #fff !important;
}

.multistep-wizard__btn--prev {
  background: var(--inv-bg) !important;
  color: var(--inv-text) !important;
  border: 1.5px solid var(--inv-border) !important;
}

.multistep-wizard__btn--prev:hover {
  background: #edf2f7 !important;
}

.multistep-wizard__btn--save-preview {
  background: #fff !important;
  color: var(--inv-green) !important;
  border: 1.5px solid var(--inv-green) !important;
}

.multistep-wizard__btn--save-preview:hover {
  background: var(--inv-green-light) !important;
}

/* ══ BOTTOM BAR ══ */
.multistep-wizard__bottom {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 16px 22px !important;
  background: #fff !important;
  border-top: 1px solid var(--inv-border) !important;
  border-radius: 0 0 var(--inv-radius) var(--inv-radius) !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

.multistep-wizard__count {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--inv-muted) !important;
  background: var(--inv-bg) !important;
  padding: 6px 16px !important;
  border-radius: 20px !important;
  border: 1px solid var(--inv-border) !important;
}

/* ══ FINISH SECTION ══ */
.directorist-add-listing-form__publish {
  text-align: center;
  padding: 40px 20px;
}

.directorist-add-listing-form__publish__title {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: var(--inv-green-dark) !important;
  margin-bottom: 8px !important;
}

.directorist-add-listing-form__publish__subtitle {
  color: var(--inv-muted) !important;
  font-size: 14px !important;
}

/* ══════════════════════════════════════════════
   RESPONSIVE – موبايل وتابلت
   ══════════════════════════════════════════════ */

/* ── تابلت: 768px → 1024px ── */
@media (max-width: 1024px) {
  .directorist-add-listing-wrapper {
    padding: 16px 0;
  }

  .directorist-content-module__contents {
    padding: 20px 18px;
  }

  .multistep-wizard__nav__btn {
    padding: 12px 16px;
    font-size: 13px;
  }
}

/* ── موبايل: أقل من 768px ── */
@media (max-width: 768px) {

  /* Wrapper */
  .directorist-add-listing-wrapper {
    padding: 10px 0;
  }

  /* شريط الخطوات – قابل للتمرير أفقياً */
  .multistep-wizard__nav {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x mandatory;
    border-radius: 0 !important;
    margin-bottom: 12px;
    /* إخفاء شريط التمرير */
    scrollbar-width: none;
  }
  .multistep-wizard__nav::-webkit-scrollbar {
    display: none;
  }

  .multistep-wizard__nav__btn {
    padding: 10px 14px !important;
    font-size: 12px !important;
    flex-shrink: 0;
    scroll-snap-align: start;
    gap: 5px !important;
  }

  /* إخفاء الأيقونة في الخطوات على الموبايل لتوفير مساحة */
  .multistep-wizard__nav__btn .directorist-icon-mask {
    display: none;
  }

  /* البطاقات */
  .directorist-content-module {
    border-radius: 8px !important;
    margin-bottom: 14px;
  }

  .directorist-content-module__title {
    padding: 13px 16px !important;
  }

  .directorist-content-module__title h2 {
    font-size: 14px !important;
  }

  .directorist-content-module__contents {
    padding: 16px 14px !important;
  }

  /* Labels */
  .directorist-form-label {
    font-size: 13px !important;
    margin-bottom: 6px !important;
  }

  /* Inputs */
  .directorist-form-element,
  .directorist-add-listing-wrapper input[type="text"],
  .directorist-add-listing-wrapper input[type="email"],
  .directorist-add-listing-wrapper input[type="tel"],
  .directorist-add-listing-wrapper input[type="url"],
  .directorist-add-listing-wrapper input[type="number"],
  .directorist-add-listing-wrapper select,
  .directorist-add-listing-wrapper textarea {
    font-size: 16px !important; /* يمنع التكبير التلقائي في iOS */
    padding: 12px 12px !important;
  }

  /* Select2 */
  .select2-container--default .select2-selection--multiple,
  .select2-container--default .select2-selection--single {
    font-size: 16px !important;
    min-height: 48px !important;
  }

  /* خيارات السعر – عمود واحد */
  .directorist-form-pricing-field__options {
    flex-direction: column !important;
    gap: 8px !important;
  }

  .directorist_pricing_options {
    width: 100% !important;
    padding: 12px 14px !important;
  }

  /* الخريطة */
  .directorist-form-map-field__maps #gmap {
    height: 200px !important;
  }

  .directorist-map-coordinates .directorist-form-group {
    margin-bottom: 12px;
  }

  /* شريط الإجراءات السفلي */
  .multistep-wizard__bottom {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 14px 12px !important;
  }

  /* الأزرار – عرض كامل على الشاشات الصغيرة */
  .multistep-wizard__btn--next,
  .multistep-wizard__btn--save-preview,
  .directorist-form-submit__btn {
    width: 100% !important;
    justify-content: center !important;
    padding: 13px 20px !important;
    font-size: 15px !important;
  }

  .multistep-wizard__btn--prev {
    width: 48% !important;
    justify-content: center !important;
  }

  .multistep-wizard__count {
    order: -1; /* يظهر العداد فوق الأزرار */
    width: 100% !important;
    text-align: center !important;
  }

  /* رفع الصور */
  .ezmu__media-picker-section {
    padding: 20px 12px !important;
  }

  .ezmu__btn,
  label.ezmu__btn {
    width: 100% !important;
    text-align: center !important;
    padding: 13px !important;
  }

  /* Checkbox */
  .directorist-checkbox {
    gap: 8px;
    align-items: flex-start;
  }

  .directorist-checkbox input[type="checkbox"] {
    margin-top: 3px;
    flex-shrink: 0;
  }

  /* تنبيه الخريطة */
  .map_drag_info {
    font-size: 11px !important;
    flex-wrap: wrap;
  }

  /* قسم الإنهاء */
  .directorist-add-listing-form__publish {
    padding: 28px 14px !important;
  }

  .directorist-add-listing-form__publish__title {
    font-size: 17px !important;
  }
}

/* ── شاشات صغيرة جداً: أقل من 380px ── */
@media (max-width: 380px) {
  .multistep-wizard__nav__btn {
    padding: 9px 11px !important;
    font-size: 11px !important;
  }

  .directorist-content-module__title h2 {
    font-size: 13px !important;
  }

  .multistep-wizard__btn--prev {
    width: 100% !important;
  }

  .directorist-btn {
    font-size: 13px !important;
    padding: 11px 16px !important;
  }
}

/* ══ إصلاح حقول Select2 – تقليل الفجوة ══ */
.select2-container--default .select2-selection--multiple {
  min-height: 44px !important;
  height: auto !important;
  padding: 4px 10px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 0 !important;
  margin: 0 !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 36px;
}

.select2-container--default .select2-selection--multiple .select2-search--inline {
  margin: 0 !important;
  padding: 0 !important;
}
/* ══ إصلاح ارتفاع Select2 ══ */

/* تقليل ارتفاع الـ textarea المخفي */
.select2-search--inline .select2-search__field {
  height: 32px !important;
  min-height: unset !important;
  max-height: 32px !important;
  padding: 0 !important;
  margin: 0 !important;
  resize: none !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* ضبط الـ ul الداخلي */
.select2-selection--multiple .select2-selection__rendered {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  min-height: 40px !important;
  padding: 4px 8px !important;
  margin: 0 !important;
  gap: 4px;
}

/* ضبط الحاوية الرئيسية */
.select2-selection--multiple {
  min-height: 44px !important;
  height: auto !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
}

.select2-search--inline {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* ══════════════════════════════════════════════
   تخطيط شبكي لكامل النموذج
   ══════════════════════════════════════════════ */

/* ── القاعدة العامة لكل الأقسام ── */
.directorist-content-module__contents {
  display: grid !important;
  gap: 14px !important;
}

.directorist-content-module__contents .directorist-form-group {
  margin-bottom: 0 !important;
}


/* العنوان والوصف – عرض كامل */
#add-listing-content-معلومات-عامة .directorist-form-title-field,
#add-listing-content-معلومات-عامة .directorist-form-description-field {
  grid-column: 1 / -1 !important;
}

/* التصنيف + Tag – عمودان */
#add-listing-content-معلومات-عامة .directorist-content-module__contents {
  grid-template-columns: 1fr 1fr !important;
}

#add-listing-content-معلومات-عامة .directorist-form-title-field,
#add-listing-content-معلومات-عامة .directorist-form-description-field,
#add-listing-content-معلومات-عامة .directorist-custom-field-select {
  grid-column: 1 / -1 !important;
}

/* ══ 2. السعر ══ */
#add-listing-content-السعر .directorist-content-module__contents {
  grid-template-columns: 1fr 1fr !important;
}

#add-listing-content-السعر .directorist-form-pricing-field {
  grid-column: 1 / -1 !important;
}

/* ══ 3. معلومات الاتصال – ثلاثة أعمدة ══ */
#add-listing-content-معلومات-الإتصال-والتواصل .directorist-content-module__contents {
  grid-template-columns: 1fr 1fr 1fr !important;
}

/* ══ 4. الموقع ══ */
#add-listing-content-location-\(الموقع\) .directorist-content-module__contents {
  grid-template-columns: 1fr 1fr !important;
}

/* الخريطة والإحداثيات – عرض كامل */
#add-listing-content-location-\(الموقع\) .directorist-form-map-field,
#add-listing-content-location-\(الموقع\) .directorist-map-coordinate,
#add-listing-content-location-\(الموقع\) .directorist-map-coordinates,
#add-listing-content-location-\(الموقع\) .directorist-hide-map-option,
#add-listing-content-location-\(الموقع\) small.map_drag_info {
  grid-column: 1 / -1 !important;
}

/* ══ 5. ملفات المشروع ══ */
#add-listing-content-ملفات-المشروع .directorist-content-module__contents {
  grid-template-columns: 1fr 1fr !important;
}

#add-listing-content-ملفات-المشروع .directorist-form-image-upload-field {
  grid-column: 1 / -1 !important;
}

/* ══ موبايل – عمود واحد لكل الأقسام ══ */
@media (max-width: 768px) {
  .directorist-content-module__contents,
  #add-listing-content-معلومات-عامة .directorist-content-module__contents,
  #add-listing-content-السعر .directorist-content-module__contents,
  #add-listing-content-معلومات-الإتصال-والتواصل .directorist-content-module__contents,
  #add-listing-content-location-\(الموقع\) .directorist-content-module__contents,
  #add-listing-content-ملفات-المشروع .directorist-content-module__contents {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .directorist-content-module__contents > * {
    grid-column: 1 / -1 !important;
  }
}

/* ══ محاذاة الـ Checkboxes في قسم الموقع ══ */
#add-listing-content-location-\(الموقع\) .directorist-map-coordinate,
#add-listing-content-location-\(الموقع\) .directorist-hide-map-option {
  grid-column: 1 / -1 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 14px !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 8px !important;
  background: #f7f9fb !important;
  margin: 0 !important;
  width: 100% !important;
}

#add-listing-content-location-\(الموقع\) .directorist-map-coordinate input[type="checkbox"],
#add-listing-content-location-\(الموقع\) .directorist-hide-map-option input[type="checkbox"] {
  width: 16px !important;
  height: 16px !important;
  accent-color: #10813f !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
}

#add-listing-content-location-\(الموقع\) .directorist-map-coordinate label,
#add-listing-content-location-\(الموقع\) .directorist-hide-map-option label {
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: #2d3748 !important;
  cursor: pointer !important;
  margin: 0 !important;
}

/* ══ التصنيف + الناشر جنباً لجنب ══ */
#add-listing-content-معلومات-عامة .directorist-form-categories-field,
#add-listing-content-معلومات-عامة .directorist-custom-field-select {
  grid-column: auto !important;
}

/* موبايل – عمود واحد */
@media (max-width: 768px) {
  #add-listing-content-معلومات-عامة .directorist-form-categories-field,
  #add-listing-content-معلومات-عامة .directorist-custom-field-select {
    grid-column: 1 / -1 !important;
  }
}


/* ══════════════════════════════════════════════
         أيقونة البائعون
══════════════════════════════════════════════ */
a[href="https://investorksa.net/%d8%ad%d8%b3%d8%a7%d8%a8%d9%89/following/"] .wd-nav-icon::before {
    content: "\f234" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    display: block !important;
}

/* ══════════════════════════════════════════════
   أيقونة لوحة تحكم المستثمر
   ══════════════════════════════════════════════ */
a[href="https://investorksa.net/dashboard-2/"] .wd-nav-icon::before {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    content: "\f201" !important;
    font-size: 55px !important;
    color: #c8c8c8 !important;
    display: block !important;
}
a[href="https://investorksa.net/dashboard-2/"]:hover .wd-nav-icon::before {
    color: #0F813F !important;
}
a[href="https://investorksa.net/dashboard-2/"] .nav-link-text {
    font-size: 16px !important;
}
@media (max-width: 1024px) {
    a[href="https://investorksa.net/dashboard-2/"] .wd-nav-icon::before {
        font-size: 28px !important;
        color: #10813f !important;
    }
}

/* ══════════════════════════════════════════════
   إصلاح بطاقات الطلبات على الموبايل
   ══════════════════════════════════════════════ */
#dokan-orders-data-view .dataviews-view-list__item-wrapper {
    overflow: hidden !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
#dokan-orders-data-view .dataviews-view-list__fields {
    overflow: hidden !important;
    width: 100% !important;
    flex-wrap: wrap !important;
}
#dokan-orders-data-view .dataviews-view-list__field-value {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
}


/* ══════════════════════════════════════════════
   لون النص عند تحديد التاب النشط
   ══════════════════════════════════════════════ */
#dokan-products-data-view [data-slot="tabs-list"] button[role="tab"][data-active],
#dokan-orders-data-view [data-slot="tabs-list"] button[role="tab"][data-active] {
    color: #ffffff !important;
}

#dokan-products-data-view [data-slot="tabs-list"] button[role="tab"][data-active] span,
#dokan-orders-data-view [data-slot="tabs-list"] button[role="tab"][data-active] span {
    color: #ffffff !important;
}

/* ══════════════════════════════════════════════
   إصلاح شامل لنافذة Quick Edit - موبايل
   ══════════════════════════════════════════════ */
@media (max-width: 768px) {

    /* تثبيت الـ overlay على كامل الشاشة */
    .components-modal__screen-overlay {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        display: flex !important;
        align-items: flex-start !important;
        justify-content: center !important;
        padding: 10px !important;
        box-sizing: border-box !important;
        z-index: 999999 !important;
    }

    /* النافذة الرئيسية */
    .dokan-custom-modal.components-modal__frame {
        position: relative !important;
        width: calc(100vw - 20px) !important;
        max-width: calc(100vw - 20px) !important;
        max-height: 90vh !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        margin: 0 !important;
        border-radius: 12px !important;
        box-sizing: border-box !important;
    }

    /* المحتوى الداخلي */
    .dokan-custom-modal .components-modal__content {
        width: 100% !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }

    /* الحاوية البيضاء الداخلية */
    .dokan-custom-modal .relative,
    .dokan-custom-modal [class*="max-w"] {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* منع الـ body من التمرير عند فتح النافذة */
    body.modal-open {
        overflow: hidden !important;
        position: fixed !important;
        width: 100% !important;
    }
}

/* ══ Quick Edit Modal - موبايل ══ */
@media (max-width: 768px) {

    div.components-modal__screen-overlay {
        position: fixed !important;
        inset: 0 !important;
        z-index: 999999 !important;
        display: flex !important;
        align-items: flex-start !important;
        justify-content: center !important;
        overflow-y: auto !important;
        padding: 10px !important;
        box-sizing: border-box !important;
    }

    div.components-modal__frame.dokan-custom-modal {
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        transform: none !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        margin: 0 !important;
    }

    /* السبب الرئيسي للمشكلة */
    .dokan-custom-modal .max-w-xl {
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .dokan-custom-modal .components-modal__content,
    .dokan-custom-modal .components-modal__children-container {
        width: 100% !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }
}

/* إصلاح فراغ قائمة الموبايل */
@media only screen and (max-width: 450px) {
    #dokan-navigation ul.dokan-dashboard-menu {
        margin-top: -48px !important;
    }
}