@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//jefna.shop/wp-content/themes/woodmart/fonts/woodmart-font-3-400.woff2?v=8.4.1") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//jefna.shop/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//jefna.shop/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//jefna.shop/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//jefna.shop/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//jefna.shop/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//jefna.shop/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//jefna.shop/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//jefna.shop/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 15px;
	--wd-title-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: var(--wd-text-font);
	--wd-widget-title-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 14px;
	--wd-brd-radius: 10px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(0,191,99);
	--wd-alternative-color: rgb(224,126,51);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(0,191,99);
	--btn-accented-bgcolor-hover: rgb(0,153,79);
	--btn-transform: capitalize;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--wd-sticky-btn-height: 95px;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(0,191,99);
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
html .wd-checkout-steps li {
	text-transform: capitalize;
}
html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
	font-size: 32px;
}
html table th {
	text-transform: capitalize;
}
.page :is(.wd-page-content, .whb-header) {
	background-color: rgb(250,248,245);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(250,248,245);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(250,248,245);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(250,248,245);
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: rgb(250,248,245);
	background-image: none;
}
.woodmart-archive-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(250,248,245);
	background-image: none;
}
.single-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(250,248,245);
	background-image: none;
}
html .widget_price_filter [class*="price_slider_amount"] .button {
	color: rgb(255,255,255);
	background: rgb(0,191,99);
}
html .widget_price_filter [class*="price_slider_amount"] .button:hover {
	color: rgb(255,255,255);
	background: rgb(0,153,79);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-bg: rgb(255,255,255);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-size: 40px;
	--wd-arrow-icon-size: 16px;
	--wd-arrow-offset-h: 20px;
	--wd-arrow-color: rgb(51,51,51);
	--wd-arrow-color-hover: rgb(255,255,255);
	--wd-arrow-color-dis: rgba(51,51,51,0.8);
	--wd-arrow-bg: rgb(255,255,255);
	--wd-arrow-bg-hover: rgb(0,191,99);
	--wd-arrow-bg-dis: rgb(255,255,255);
	--wd-arrow-radius: 10px;
	--wd-arrow-shadow: 0px 0px 0px 0px rgba(255,255,255,0);
}
.wd-nav-scroll {
	--wd-nscroll-height: 3px;
	--wd-nscroll-drag-bg: rgb(0,191,99);
	--wd-nscroll-drag-bg-hover: rgb(0,191,99);
}
.product-labels .product-label.new {
	background-color: rgb(140,188,103);
	color: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-sticky-btn-height: 95px;
	}
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 28px;
	}
	[class*="thumbs-grid-bottom"] .woocommerce-product-gallery__wrapper.wd-grid {
		--wd-col: 1;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}
	[class*="thumbs-grid-bottom"] .woocommerce-product-gallery__wrapper.wd-grid {
		--wd-col: 1;
	}

}
:root{
--wd-container-w: 1480px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

@media (min-width: 1480px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(250,248,245);
}

/* الكود الرسمي لتدوير أيقونة الموبايل لإضافة Better Messages */
#bp-better-messages-mini-mobile-open { 
    border-radius: 50% !important; 
    bottom: 90px !important; /* رفع الأيقونة للأعلى لتتخطى القائمة السفلية للهاتف */
}

/* لضمان تدوير الأيقونة أيضاً في حال كانت تظهر في الديسكتوب */
#bp-better-messages-mini-chat-button {
    border-radius: 50% !important;
}





/* رفع زر الواتساب في الهاتف والتابلت ليتخطى القائمة السفلية */
@media (max-width: 1024px) {
    .whatsapp-live-widget {
        bottom: 95px !important; /* يمكنك زيادة هذا الرقم (مثلاً 100px) إذا أردته أعلى */
        z-index: 9999 !important; /* لضمان ظهوره فوق المنتجات وبنفس مستوى أيقونة المحادثة */
    }
}



// إخفاء حقل رابط المتجر (Shop URL)
jQuery('label[for="seller-url"]').closest('.form-row, .form-group').hide();
jQuery('#seller-url').removeAttr('required');

// إخفاء حقل الشارع الإجباري (Street) وتعبئته بقيمة لتخطي الفحص
jQuery('input[name="address[street_1]"], input[name="street"]').closest('.form-row, .form-group').hide().val('-');

// إخفاء حقل الشارع الإضافي الاختياري (Apartment, suite, unit etc)
jQuery('input[name="address[street_2]"], input[name="street_2"]').closest('.form-row, .form-group').hide();

// إخفاء حقل المدينة الإجباري (City) وتعبئته لتخطي الفحص
jQuery('input[name="address[city]"], input[name="city"]').closest('.form-row, .form-group').hide().val('-');

// إخفاء حقل الرمز البريدي الإجباري (Post/ZIP Code) وتعبئته بالأصفار لتخطي الفحص
jQuery('input[name="address[zip]"], input[name="zip"]').closest('.form-row, .form-group').hide().val('00000');


/* إخفاء حقول المدينة والرمز البريدي نهائياً من الواجهة */
.dokan-form-group:has(input[name="dokan_address[city]"]),
.dokan-form-group:has(input[name="dokan_address[zip]"]) {
    display: none !important;
}



/* تحسين موقع أيقونة Better Messages على الحاسوب */
@media (min-width: 1024px) {
    body .bp-messages-wrap.bm-widget-bubble {
        bottom: 35px !important; /* المسافة من الأسفل */
        left: 65px !important;   /* المسافة من اليسار */
        right: auto !important;  /* للتأكد من عدم تدخل إعدادات أخرى */
        z-index: 99999 !important; /* ضمان بقائها فوق جميع العناصر */
    }
}















@media (max-width: 576px) {
	/* ==========================================================================
   JEFNA — BOTTOM NAV 3D (النسخة النهائية مع تناغم الألوان والخدعة البصرية)
   ========================================================================== */

/* ── 1. الحاوية الرئيسية (القائمة السفلية) ── */
body .wd-toolbar.wd-toolbar-label-show {
    position: fixed !important;
    left: 12px !important;
    right: 12px !important;
    bottom: 3px !important; 
    height: 66px !important; 
    max-width: 480px !important;
    margin: 0 auto !important;
    background: #ffffff !important;
    border: none !important;
    border-radius: 20px !important; 
    box-shadow: 
        0 10px 25px rgba(0, 0, 0, 0.08), 
        0 2px 8px rgba(0, 0, 0, 0.04),
        inset 0 2px 3px rgba(255, 255, 255, 0.8) !important;
    overflow: visible !important;
    padding: 0 !important;
}

body .wd-toolbar.wd-toolbar-label-show::before,
body .wd-toolbar.wd-toolbar-label-show::after {
    display: none !important;
}

body .wd-toolbar.wd-toolbar-label-show .wd-toolbar-item {
    position: relative !important;
    overflow: visible !important;
    flex: 1 !important;
}

/* ── 2. الروابط الداخلية ── */
body .wd-toolbar.wd-toolbar-label-show .wd-toolbar-link > a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important; 
    height: 66px !important; 
    padding: 0 !important;
    background: transparent !important;
    overflow: visible !important;
}

body .wd-toolbar.wd-toolbar-label-show .wd-toolbar-link > a::before {
    display: none !important;
}

/* ── 3. الأيقونات العادية (غير النشطة) ── */
body .wd-toolbar.wd-toolbar-label-show .wd-toolbar-icon {
    width: 37px !important;
    height: 37px !important;
    min-width: 37px !important;
    min-height: 37px !important;
    border-radius: 12px !important; 
    border: 1px solid rgba(0, 191, 99, 0.15) !important; 
    background: rgba(0, 191, 99, 0.04) !important;
    box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.6) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    transition: all 0.3s ease !important;
}

/* 🟢 التحديث الجديد: الخدعة البصرية وتناغم اللون 🟢 */
body .wd-toolbar.wd-toolbar-label-show .wd-toolbar-icon img,
body .wd-toolbar.wd-toolbar-label-show .wd-toolbar-icon svg,
body .wd-toolbar.wd-toolbar-label-show .wd-toolbar-icon i {
    width: 24px !important;  
    height: 24px !important; 
    font-size: 24px !important; 
    display: block !important;
    
    /* لون متناغم تماماً مع #00bf63 ولكن بحدة وإشعاع أقل قليلاً (#00a857) */
    color: #00a857 !important; 
    fill: #00a857 !important;
    
    /* فلتر معدل ليتماشى مع هذا التناغم البصري لصور img */
    filter: brightness(0) saturate(100%) invert(48%) sepia(70%) saturate(1200%) hue-rotate(113deg) brightness(92%) contrast(100%) !important;
    
    /* الخدعة البصرية: شفافية خفيفة جداً تدمج اللون مع الخلفية ليصبح أهدأ للعين */
    opacity: 0.9 !important;
    
    transition: all 0.3s ease !important;
}

body .wd-toolbar.wd-toolbar-label-show .wd-toolbar-icon::before,
body .wd-toolbar.wd-toolbar-label-show .wd-toolbar-icon::after {
    display: none !important;
}

/* ── 4. النصوص (التسميات) ── */
body .wd-toolbar.wd-toolbar-label-show .wd-toolbar-label {
    font-size: 10px !important; 
    font-weight: 600 !important; 
    color: #078a4b !important; 
    line-height: 1 !important;
    white-space: nowrap !important;
    margin-top: 0 !important;
    transition: all 0.3s ease !important;
}

/* ── 5. تأثير العنصر النشط (Active) ── */
body .wd-toolbar.wd-toolbar-label-show .wd-toolbar-item.wd-active::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 60px !important;
    height: 50px !important;
    background: radial-gradient(
        ellipse 50px 40px at 50% 0%, 
        rgba(0,191,99,0.06) 0%, 
        transparent 100%
    ) !important;
    pointer-events: none !important;
    z-index: 2 !important;
}

body .wd-toolbar.wd-toolbar-label-show .wd-toolbar-item.wd-active .wd-toolbar-link > a {
    justify-content: flex-end !important;
    padding-bottom: 8px !important;
    gap: 0 !important;
}

/* الأيقونة النشطة */
body .wd-toolbar.wd-toolbar-label-show .wd-toolbar-item.wd-active .wd-toolbar-icon {
    position: absolute !important;
    top: 6px !important; 
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 53px !important;
    height: 53px !important;
    min-width: 53px !important;
    min-height: 53px !important;
    border-radius: 15px !important; 
    border: none !important;
    background: #ffffff !important;
    box-shadow: 
        0 0 0 3px #ffffff, 
        0 8px 20px rgba(0, 191, 99, 0.25), 
        0 4px 8px rgba(0, 0, 0, 0.08) !important;
    animation: jfFadeUp 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) both !important; 
    z-index: 5 !important;
}

/* القلب الأخضر 3D للأيقونة النشطة */
body .wd-toolbar.wd-toolbar-label-show .wd-toolbar-item.wd-active .wd-toolbar-icon::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    inset: 4px !important;
    border-radius: 11px !important; 
    background: linear-gradient(135deg, #2ce280 0%, #00bf63 100%) !important;
    box-shadow: 
        inset 0 3px 4px rgba(255, 255, 255, 0.5), 
        inset 0 -3px 4px rgba(0, 110, 50, 0.4) !important;
    z-index: 0 !important;
}

/* الأيقونة البيضاء داخل العنصر النشط */
body .wd-toolbar.wd-toolbar-label-show .wd-toolbar-item.wd-active .wd-toolbar-icon img,
body .wd-toolbar.wd-toolbar-label-show .wd-toolbar-item.wd-active .wd-toolbar-icon svg,
body .wd-toolbar.wd-toolbar-label-show .wd-toolbar-item.wd-active .wd-toolbar-icon i {
    filter: brightness(0) invert(1) !important; 
    color: #ffffff !important; fill: #ffffff !important;
    opacity: 1 !important; /* إلغاء الشفافية للعنصر النشط ليكون ناصعاً */
    position: relative !important;
    z-index: 6 !important;
    width: 24px !important; 
    height: 24px !important;
}

body .wd-toolbar.wd-toolbar-label-show .wd-toolbar-item.wd-active .wd-toolbar-label {
    color: #078a4b !important; 
    font-weight: 700 !important;
    font-size: 10px !important;
    position: relative !important;
    z-index: 3 !important;
}

/* ── 6. حركة (Animation) هادئة ── */
@keyframes jfFadeUp {
    0%   { transform: translateX(-50%) translateY(8px) scale(0.95); opacity: 0; }
    100% { transform: translateX(-50%) translateY(0) scale(1); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    body .wd-toolbar.wd-toolbar-label-show .wd-toolbar-item.wd-active .wd-toolbar-icon {
        animation: none !important;
        transform: translateX(-50%) !important;
    }
}








/* ================================================
   JEFNA — Header Icons 3D (تأثير هوفر أقوى، أجمل، وأهدأ)
   ================================================ */

/* ── 1. الأيقونات ── */
.wd-tools-element.wd-design-7 .wd-tools-icon {
    filter: 
        drop-shadow(0 3px 4px rgba(0, 0, 0, 0.12)) 
        drop-shadow(0 1px 2px rgba(0, 0, 0, 0.08)) !important;
    
    /* السر للهدوء: وقت أطول (0.4s) مع منحنى حركة يطفو بنعومة ويستقر بهدوء تام */
    transition: 
        filter 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), 
        transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
        
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ── Hover: تأثير أقوى (توهج أعلى وارتفاع أكبر) ولكن بهدوء وسلاسة ── */
.wd-tools-element.wd-design-7 a:hover .wd-tools-icon {
    transform: translateY(-4px) scale(1.1) !important; /* يرتفع ويكبر أكثر قليلاً */
    filter: 
        drop-shadow(0 12px 22px rgba(0, 191, 99, 0.4)) /* توهج أخضر أقوى وأجمل */
        drop-shadow(0 4px 8px rgba(0, 0, 0, 0.12)) !important; 
}

/* ── Active: ضغط الأيقونة (استجابة سريعة للضغط) ── */
.wd-tools-element.wd-design-7 a:active .wd-tools-icon {
    transform: translateY(1px) scale(0.95) !important;
    transition: transform 0.1s ease, filter 0.1s ease !important; /* سرعة عند الضغط فقط للواقعية */
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2)) !important;
}

/* ── 2. بادج الإشعارات (كما هو، شكل 3D زجاجي) ── */
.wd-tools-element.wd-design-7 .wd-tools-count {
    background: linear-gradient(135deg, #2ce280 0%, #00bf63 100%) !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    border-radius: 9px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    min-width: 17px !important;
    height: 17px !important;
    padding: 0 2px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 
        0 4px 8px rgba(0, 191, 99, 0.4), 
        inset 0 2px 3px rgba(255, 255, 255, 0.6), 
        inset 0 -2px 3px rgba(0, 110, 50, 0.5) !important;
}

/* ── إخفاء كلمة "article" ── */
.wd-cart-number span:last-child { 
    display: none !important; 
}

/* ── 3. اللوغو ── */
.wd-logo img,
.wd-main-logo img,
.site-logo img {
    filter: 
        drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1)) 
        drop-shadow(0 2px 4px rgba(0, 0, 0, 0.06)) !important;
        
    /* نفس الحركة الهادئة للوغو */
    transition: 
        filter 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), 
        transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

/* ── Hover اللوغو: يطفو بتوهج أقوى وهدوء ── */
.wd-logo:hover img,
.wd-main-logo:hover img,
.site-logo:hover img {
    transform: scale(1.04) translateY(-3px) !important;
    filter: 
        drop-shadow(0 15px 25px rgba(0, 191, 99, 0.25)) /* توهج أخضر ناعم للوجو */
        drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1)) !important;
}









/* ==========================================================================
   تصميم 3D مطور وحجم أكبر لأيقونة Better Messages (للموبايل)
   ========================================================================== */
#bp-better-messages-mini-mobile-open {
    border-radius: 50% !important;
    bottom: 90px !important; 
    
    /* الحفاظ على المقاسات التي اخترتها */
    width: 59px !important; 
    height: 59px !important;
    
    background: linear-gradient(135deg, #2ce280 0%, #00bf63 100%) !important;
    
    box-shadow: 
        0 10px 20px rgba(0, 191, 99, 0.4), 
        inset 0 4px 6px rgba(255, 255, 255, 0.45), 
        inset 0 -4px 6px rgba(0, 110, 50, 0.5) !important; 
        
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    
    /* ── السر هنا: حركة أهدأ وأكثر سلاسة (0.4s) ── */
    transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important; 
    z-index: 9999 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* تأثير الضغط في الهاتف (استجابة سريعة وواقعية) */
#bp-better-messages-mini-mobile-open:active {
    transform: translateY(1px) scale(0.92) !important; 
    transition: all 0.1s ease !important; /* سرعة عند الضغط فقط */
    box-shadow: 
        0 4px 8px rgba(0, 191, 99, 0.3), 
        inset 0 6px 10px rgba(0, 90, 45, 0.6) !important; 
}

/* ==========================================================================
   تصميم 3D مطور وحجم أكبر لأيقونة Better Messages (للديسكتوب)
   ========================================================================== */
#bp-better-messages-mini-chat-button {
    border-radius: 50% !important;
    
    /* الحفاظ على المقاسات التي اخترتها */
    width: 50px !important; 
    height: 50px !important;
    
    background: linear-gradient(135deg, #2ce280 0%, #00bf63 100%) !important;
    
    box-shadow: 
        0 10px 20px rgba(0, 191, 99, 0.4),
        inset 0 4px 6px rgba(255, 255, 255, 0.45),
        inset 0 -4px 6px rgba(0, 110, 50, 0.5) !important;
        
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    
    /* ── نفس الحركة الهادئة للديسكتوب ── */
    transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
    
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ── تأثير التمرير (Hover) للديسكتوب: أقوى، أجمل، وأهدأ ── */
#bp-better-messages-mini-chat-button:hover {
    transform: translateY(-4px) scale(1.1) !important; /* ارتفاع وتكبير متناسق */
    box-shadow: 
        0 15px 25px rgba(0, 191, 99, 0.5), /* توهج أخضر أوسع وأقوى */
        inset 0 5px 7px rgba(255, 255, 255, 0.6), /* زيادة الإضاءة العلوية */
        inset 0 -4px 6px rgba(0, 110, 50, 0.4) !important;
}

/* تأثير الضغط للديسكتوب */
#bp-better-messages-mini-chat-button:active {
    transform: translateY(1px) scale(0.92) !important; /* النزول للأسفل قليلاً كالزر الحقيقي */
    transition: all 0.1s ease !important; /* استجابة فورية للضغط */
    box-shadow: 
        0 4px 8px rgba(0, 191, 99, 0.3), 
        inset 0 6px 10px rgba(0, 90, 45, 0.6) !important;
}

/* ==========================================================================
   تكبير الرمز/الأيقونة الداخلية
   ========================================================================== */
#bp-better-messages-mini-mobile-open svg,
#bp-better-messages-mini-chat-button svg,
#bp-better-messages-mini-mobile-open i,
#bp-better-messages-mini-chat-button i {
    width: 30px !important;  
    height: 30px !important; 
    font-size: 30px !important; 
    color: #ffffff !important; 
    transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important; /* إضافة نعومة للأيقونة الداخلية أيضاً */
}


/* ==========================================================================
   رفع زر الصعود للأعلى (Scroll to Top) لتخطي القائمة السفلية
   ========================================================================== */
@media (max-width: 1024px) {
    .scrollToTop, 
    .scrollToTop.button-show {
        bottom: 85px !important; /* هذه المسافة تجعله يطفو فوق القائمة السفلية تماماً */
        z-index: 9999 !important; /* لضمان ظهوره فوق أي ظلال أو عناصر أخرى */
        transition: bottom 0.3s ease, opacity 0.3s ease !important; /* حركة صعود سلسة */
    }
}





#jefna-gps-btn {
    position: fixed !important;
    bottom: 120px !important;
    right: 20px !important;
    width: 60px !important;
    height: 60px !important;
    background: #00bf63 !important;
    border-radius: 50% !important;
    display: none; /* مخفي افتراضياً، الجافا سكريبت سيظهره */
    justify-content: center !important;
    align-items: center !important;
    color: #ffffff !important;
    font-size: 24px !important;
    z-index: 999999 !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3) !important;
    cursor: grab !important;
}
}