.elementor-2230 .elementor-element.elementor-element-66c80ba5{--display:flex;--overflow:hidden;--overlay-opacity:0.5;box-shadow:0px 0px 31px -24px rgba(0,0,0,0.5);}.elementor-2230 .elementor-element.elementor-element-66c80ba5:not(.elementor-motion-effects-element-type-background), .elementor-2230 .elementor-element.elementor-element-66c80ba5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DFBCBC;}.elementor-2230 .elementor-element.elementor-element-66c80ba5::before, .elementor-2230 .elementor-element.elementor-element-66c80ba5 > .elementor-background-video-container::before, .elementor-2230 .elementor-element.elementor-element-66c80ba5 > .e-con-inner > .elementor-background-video-container::before, .elementor-2230 .elementor-element.elementor-element-66c80ba5 > .elementor-background-slideshow::before, .elementor-2230 .elementor-element.elementor-element-66c80ba5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2230 .elementor-element.elementor-element-66c80ba5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-2230 .elementor-element.elementor-element-2b9af89a{border-style:none;}.elementor-2230 .elementor-element.elementor-element-2b9af89a .elementor-icon-box-wrapper{gap:15px;}.elementor-2230 .elementor-element.elementor-element-2b9af89a.elementor-view-stacked .elementor-icon{background-color:#222222;}.elementor-2230 .elementor-element.elementor-element-2b9af89a.elementor-view-framed .elementor-icon, .elementor-2230 .elementor-element.elementor-element-2b9af89a.elementor-view-default .elementor-icon{fill:#222222;color:#222222;border-color:#222222;}.elementor-2230 .elementor-element.elementor-element-2b9af89a.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-2230 .elementor-element.elementor-element-2b9af89a.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#01CFCF;}.elementor-2230 .elementor-element.elementor-element-2b9af89a.elementor-view-framed:has(:hover) .elementor-icon, .elementor-2230 .elementor-element.elementor-element-2b9af89a.elementor-view-default:has(:hover) .elementor-icon, .elementor-2230 .elementor-element.elementor-element-2b9af89a.elementor-view-framed:has(:focus) .elementor-icon, .elementor-2230 .elementor-element.elementor-element-2b9af89a.elementor-view-default:has(:focus) .elementor-icon{fill:#01CFCF;color:#01CFCF;border-color:#01CFCF;}.elementor-2230 .elementor-element.elementor-element-2b9af89a .elementor-icon{transition-duration:0.2s;}.elementor-2230 .elementor-element.elementor-element-2b9af89a .elementor-icon-box-title, .elementor-2230 .elementor-element.elementor-element-2b9af89a .elementor-icon-box-title a{font-family:"IBM Plex Sans Arabic", Sans-serif;}.elementor-2230 .elementor-element.elementor-element-2b9af89a:has(:hover) .elementor-icon-box-title, .elementor-2230 .elementor-element.elementor-element-2b9af89a:has(:focus) .elementor-icon-box-title{color:#01CFCF;}.elementor-2230 .elementor-element.elementor-element-fc35fa7{border-style:none;}.elementor-2230 .elementor-element.elementor-element-fc35fa7 .elementor-icon-box-wrapper{gap:15px;}.elementor-2230 .elementor-element.elementor-element-fc35fa7.elementor-view-stacked .elementor-icon{background-color:#222222;}.elementor-2230 .elementor-element.elementor-element-fc35fa7.elementor-view-framed .elementor-icon, .elementor-2230 .elementor-element.elementor-element-fc35fa7.elementor-view-default .elementor-icon{fill:#222222;color:#222222;border-color:#222222;}.elementor-2230 .elementor-element.elementor-element-fc35fa7.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-2230 .elementor-element.elementor-element-fc35fa7.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#0CDAE2;}.elementor-2230 .elementor-element.elementor-element-fc35fa7.elementor-view-framed:has(:hover) .elementor-icon, .elementor-2230 .elementor-element.elementor-element-fc35fa7.elementor-view-default:has(:hover) .elementor-icon, .elementor-2230 .elementor-element.elementor-element-fc35fa7.elementor-view-framed:has(:focus) .elementor-icon, .elementor-2230 .elementor-element.elementor-element-fc35fa7.elementor-view-default:has(:focus) .elementor-icon{fill:#0CDAE2;color:#0CDAE2;border-color:#0CDAE2;}.elementor-2230 .elementor-element.elementor-element-fc35fa7 .elementor-icon-box-title, .elementor-2230 .elementor-element.elementor-element-fc35fa7 .elementor-icon-box-title a{font-family:"IBM Plex Sans Arabic", Sans-serif;}.elementor-2230 .elementor-element.elementor-element-fc35fa7:has(:hover) .elementor-icon-box-title, .elementor-2230 .elementor-element.elementor-element-fc35fa7:has(:focus) .elementor-icon-box-title{color:#0EDDBA;}.elementor-2230 .elementor-element.elementor-element-8f3d6ff{border-style:none;}.elementor-2230 .elementor-element.elementor-element-8f3d6ff .elementor-icon-box-wrapper{gap:15px;}.elementor-2230 .elementor-element.elementor-element-8f3d6ff.elementor-view-stacked .elementor-icon{background-color:#222222;}.elementor-2230 .elementor-element.elementor-element-8f3d6ff.elementor-view-framed .elementor-icon, .elementor-2230 .elementor-element.elementor-element-8f3d6ff.elementor-view-default .elementor-icon{fill:#222222;color:#222222;border-color:#222222;}.elementor-2230 .elementor-element.elementor-element-8f3d6ff.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-2230 .elementor-element.elementor-element-8f3d6ff.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#01CFCF;}.elementor-2230 .elementor-element.elementor-element-8f3d6ff.elementor-view-framed:has(:hover) .elementor-icon, .elementor-2230 .elementor-element.elementor-element-8f3d6ff.elementor-view-default:has(:hover) .elementor-icon, .elementor-2230 .elementor-element.elementor-element-8f3d6ff.elementor-view-framed:has(:focus) .elementor-icon, .elementor-2230 .elementor-element.elementor-element-8f3d6ff.elementor-view-default:has(:focus) .elementor-icon{fill:#01CFCF;color:#01CFCF;border-color:#01CFCF;}.elementor-2230 .elementor-element.elementor-element-8f3d6ff .elementor-icon-box-title, .elementor-2230 .elementor-element.elementor-element-8f3d6ff .elementor-icon-box-title a{font-family:"IBM Plex Sans Arabic", Sans-serif;}.elementor-2230 .elementor-element.elementor-element-8f3d6ff:has(:hover) .elementor-icon-box-title, .elementor-2230 .elementor-element.elementor-element-8f3d6ff:has(:focus) .elementor-icon-box-title{color:#0EDDBA;}.elementor-2230 .elementor-element.elementor-element-ae93db4{border-style:none;}.elementor-2230 .elementor-element.elementor-element-ae93db4 .elementor-icon-box-wrapper{gap:15px;}.elementor-2230 .elementor-element.elementor-element-ae93db4.elementor-view-stacked .elementor-icon{background-color:#222222;}.elementor-2230 .elementor-element.elementor-element-ae93db4.elementor-view-framed .elementor-icon, .elementor-2230 .elementor-element.elementor-element-ae93db4.elementor-view-default .elementor-icon{fill:#222222;color:#222222;border-color:#222222;}.elementor-2230 .elementor-element.elementor-element-ae93db4.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-2230 .elementor-element.elementor-element-ae93db4.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#0CDAE2;}.elementor-2230 .elementor-element.elementor-element-ae93db4.elementor-view-framed:has(:hover) .elementor-icon, .elementor-2230 .elementor-element.elementor-element-ae93db4.elementor-view-default:has(:hover) .elementor-icon, .elementor-2230 .elementor-element.elementor-element-ae93db4.elementor-view-framed:has(:focus) .elementor-icon, .elementor-2230 .elementor-element.elementor-element-ae93db4.elementor-view-default:has(:focus) .elementor-icon{fill:#0CDAE2;color:#0CDAE2;border-color:#0CDAE2;}.elementor-2230 .elementor-element.elementor-element-ae93db4 .elementor-icon-box-title, .elementor-2230 .elementor-element.elementor-element-ae93db4 .elementor-icon-box-title a{font-family:"IBM Plex Sans Arabic", Sans-serif;}.elementor-2230 .elementor-element.elementor-element-ae93db4:has(:hover) .elementor-icon-box-title, .elementor-2230 .elementor-element.elementor-element-ae93db4:has(:focus) .elementor-icon-box-title{color:#0EDDBA;}.elementor-2230 .elementor-element.elementor-element-c6b946c{border-style:none;}.elementor-2230 .elementor-element.elementor-element-c6b946c .elementor-icon-box-wrapper{gap:15px;}.elementor-2230 .elementor-element.elementor-element-c6b946c.elementor-view-stacked .elementor-icon{background-color:#222222;}.elementor-2230 .elementor-element.elementor-element-c6b946c.elementor-view-framed .elementor-icon, .elementor-2230 .elementor-element.elementor-element-c6b946c.elementor-view-default .elementor-icon{fill:#222222;color:#222222;border-color:#222222;}.elementor-2230 .elementor-element.elementor-element-c6b946c.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-2230 .elementor-element.elementor-element-c6b946c.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#0CDAE2;}.elementor-2230 .elementor-element.elementor-element-c6b946c.elementor-view-framed:has(:hover) .elementor-icon, .elementor-2230 .elementor-element.elementor-element-c6b946c.elementor-view-default:has(:hover) .elementor-icon, .elementor-2230 .elementor-element.elementor-element-c6b946c.elementor-view-framed:has(:focus) .elementor-icon, .elementor-2230 .elementor-element.elementor-element-c6b946c.elementor-view-default:has(:focus) .elementor-icon{fill:#0CDAE2;color:#0CDAE2;border-color:#0CDAE2;}.elementor-2230 .elementor-element.elementor-element-c6b946c .elementor-icon-box-title, .elementor-2230 .elementor-element.elementor-element-c6b946c .elementor-icon-box-title a{font-family:"IBM Plex Sans Arabic", Sans-serif;}.elementor-2230 .elementor-element.elementor-element-c6b946c:has(:hover) .elementor-icon-box-title, .elementor-2230 .elementor-element.elementor-element-c6b946c:has(:focus) .elementor-icon-box-title{color:#0EDDBA;}.elementor-2230 .elementor-element.elementor-element-05cc2e0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:768px){.elementor-2230 .elementor-element.elementor-element-66c80ba5{--min-height:62px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--overlay-opacity:0.98;--border-radius:0px 0px 0px 0px;--z-index:999;}.elementor-2230 .elementor-element.elementor-element-2b9af89a{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-2230 .elementor-element.elementor-element-2b9af89a.elementor-element{--align-self:center;}.elementor-2230 .elementor-element.elementor-element-2b9af89a .elementor-icon-box-wrapper{text-align:center;gap:3px;}.elementor-2230 .elementor-element.elementor-element-2b9af89a .elementor-icon-box-title{margin-block-end:0px;}.elementor-2230 .elementor-element.elementor-element-2b9af89a .elementor-icon{font-size:20px;}.elementor-2230 .elementor-element.elementor-element-2b9af89a .elementor-icon-box-title, .elementor-2230 .elementor-element.elementor-element-2b9af89a .elementor-icon-box-title a{font-size:11px;}.elementor-2230 .elementor-element.elementor-element-fc35fa7{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-2230 .elementor-element.elementor-element-fc35fa7.elementor-element{--align-self:center;}.elementor-2230 .elementor-element.elementor-element-fc35fa7 .elementor-icon-box-wrapper{text-align:center;gap:3px;}.elementor-2230 .elementor-element.elementor-element-fc35fa7 .elementor-icon-box-title{margin-block-end:0px;}.elementor-2230 .elementor-element.elementor-element-fc35fa7 .elementor-icon{font-size:20px;}.elementor-2230 .elementor-element.elementor-element-fc35fa7 .elementor-icon-box-title, .elementor-2230 .elementor-element.elementor-element-fc35fa7 .elementor-icon-box-title a{font-size:11px;}.elementor-2230 .elementor-element.elementor-element-8f3d6ff{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-2230 .elementor-element.elementor-element-8f3d6ff.elementor-element{--align-self:center;}.elementor-2230 .elementor-element.elementor-element-8f3d6ff .elementor-icon-box-wrapper{text-align:center;gap:3px;}.elementor-2230 .elementor-element.elementor-element-8f3d6ff .elementor-icon-box-title{margin-block-end:0px;}.elementor-2230 .elementor-element.elementor-element-8f3d6ff .elementor-icon{font-size:20px;}.elementor-2230 .elementor-element.elementor-element-8f3d6ff .elementor-icon-box-title, .elementor-2230 .elementor-element.elementor-element-8f3d6ff .elementor-icon-box-title a{font-size:11px;}.elementor-2230 .elementor-element.elementor-element-ae93db4{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-2230 .elementor-element.elementor-element-ae93db4.elementor-element{--align-self:center;}.elementor-2230 .elementor-element.elementor-element-ae93db4 .elementor-icon-box-wrapper{text-align:center;gap:3px;}.elementor-2230 .elementor-element.elementor-element-ae93db4 .elementor-icon-box-title{margin-block-end:0px;}.elementor-2230 .elementor-element.elementor-element-ae93db4 .elementor-icon{font-size:20px;}.elementor-2230 .elementor-element.elementor-element-ae93db4 .elementor-icon-box-title, .elementor-2230 .elementor-element.elementor-element-ae93db4 .elementor-icon-box-title a{font-size:11px;}.elementor-2230 .elementor-element.elementor-element-c6b946c{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-2230 .elementor-element.elementor-element-c6b946c.elementor-element{--align-self:center;}.elementor-2230 .elementor-element.elementor-element-c6b946c .elementor-icon-box-wrapper{text-align:center;gap:3px;}.elementor-2230 .elementor-element.elementor-element-c6b946c .elementor-icon-box-title{margin-block-end:0px;}.elementor-2230 .elementor-element.elementor-element-c6b946c .elementor-icon{font-size:20px;}.elementor-2230 .elementor-element.elementor-element-c6b946c .elementor-icon-box-title, .elementor-2230 .elementor-element.elementor-element-c6b946c .elementor-icon-box-title a{font-size:11px;}}/* Start custom CSS for icon-box, class: .elementor-element-2b9af89a *//* ========================================================= AL-ROUND MOBILE NAV - HOME ICON رابط الصفحة الرئيسية / متوافق مع Light + Dark ========================================================= */ /* الحالة الاعتيادية */ .elementor-2230 .elementor-element.elementor-element-2b9af89a a, .elementor-2230 .elementor-element.elementor-element-2b9af89a .elementor-icon, .elementor-2230 .elementor-element.elementor-element-2b9af89a .elementor-icon-box-wrapper, .elementor-2230 .elementor-element.elementor-element-2b9af89a .elementor-widget-container { color: var(--alr-muted, #65736f) !important; background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; outline: none !important; border: 0 !important; text-decoration: none !important; -webkit-tap-highlight-color: transparent !important; transition: color 0.22s ease, transform 0.18s ease, opacity 0.18s ease !important; } /* النصوص والأيقونات داخل العنصر */ .elementor-2230 .elementor-element.elementor-element-2b9af89a a span, .elementor-2230 .elementor-element.elementor-element-2b9af89a a i, .elementor-2230 .elementor-element.elementor-element-2b9af89a a svg, .elementor-2230 .elementor-element.elementor-element-2b9af89a a svg *, .elementor-2230 .elementor-element.elementor-element-2b9af89a .elementor-icon i, .elementor-2230 .elementor-element.elementor-element-2b9af89a .elementor-icon svg, .elementor-2230 .elementor-element.elementor-element-2b9af89a .elementor-icon svg * { color: currentColor !important; fill: currentColor !important; stroke: currentColor !important; } /* Hover / Focus */ .elementor-2230 .elementor-element.elementor-element-2b9af89a a:hover, .elementor-2230 .elementor-element.elementor-element-2b9af89a a:focus, .elementor-2230 .elementor-element.elementor-element-2b9af89a .elementor-icon:hover, .elementor-2230 .elementor-element.elementor-element-2b9af89a .elementor-icon:focus { color: var(--alr-brand-teal, #316A62) !important; background: transparent !important; box-shadow: none !important; outline: none !important; transform: translateY(-1px); } /* عند الضغط */ .elementor-2230 .elementor-element.elementor-element-2b9af89a a:active, .elementor-2230 .elementor-element.elementor-element-2b9af89a .elementor-icon:active { color: var(--alr-brand-teal-dark, #1F6B62) !important; background: transparent !important; box-shadow: none !important; outline: none !important; transform: translateY(0); } /* إذا الهوم هو الصفحة الحالية */ .elementor-2230 .elementor-element.elementor-element-2b9af89a .current-menu-item a, .elementor-2230 .elementor-element.elementor-element-2b9af89a .current_page_item a, .elementor-2230 .elementor-element.elementor-element-2b9af89a .elementor-item-active, .elementor-2230 .elementor-element.elementor-element-2b9af89a a[aria-current="page"], .elementor-2230 .elementor-element.elementor-element-2b9af89a a.active { color: var(--alr-brand-teal, #316A62) !important; background: transparent !important; box-shadow: none !important; outline: none !important; } /* دارك مود - الحالة الاعتيادية */ body.dark-mode .elementor-2230 .elementor-element.elementor-element-2b9af89a a, body.dark-mode .elementor-2230 .elementor-element.elementor-element-2b9af89a .elementor-icon, body.dark-mode .elementor-2230 .elementor-element.elementor-element-2b9af89a .elementor-icon-box-wrapper, body.dark-mode .elementor-2230 .elementor-element.elementor-element-2b9af89a .elementor-widget-container, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-2b9af89a a, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-2b9af89a .elementor-icon, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-2b9af89a .elementor-icon-box-wrapper, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-2b9af89a .elementor-widget-container { color: var(--alr-muted, #aeb9b6) !important; background: transparent !important; box-shadow: none !important; } /* دارك مود - hover/current */ body.dark-mode .elementor-2230 .elementor-element.elementor-element-2b9af89a a:hover, body.dark-mode .elementor-2230 .elementor-element.elementor-element-2b9af89a a:focus, body.dark-mode .elementor-2230 .elementor-element.elementor-element-2b9af89a .elementor-icon:hover, body.dark-mode .elementor-2230 .elementor-element.elementor-element-2b9af89a .elementor-icon:focus, body.dark-mode .elementor-2230 .elementor-element.elementor-element-2b9af89a .elementor-item-active, body.dark-mode .elementor-2230 .elementor-element.elementor-element-2b9af89a a[aria-current="page"], body.dark-mode .elementor-2230 .elementor-element.elementor-element-2b9af89a a.active, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-2b9af89a a:hover, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-2b9af89a a:focus, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-2b9af89a .elementor-icon:hover, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-2b9af89a .elementor-icon:focus, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-2b9af89a .elementor-item-active, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-2b9af89a a[aria-current="page"], html.dark-mode body .elementor-2230 .elementor-element.elementor-element-2b9af89a a.active { color: var(--alr-brand-green, #5AD278) !important; background: transparent !important; box-shadow: none !important; outline: none !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-fc35fa7 *//* ========================================================= AL-ROUND MOBILE NAV - SHOP ICON رابط المتجر / متوافق مع Light + Dark ========================================================= */ /* الحالة الاعتيادية */ .elementor-2230 .elementor-element.elementor-element-fc35fa7 a, .elementor-2230 .elementor-element.elementor-element-fc35fa7 .elementor-icon, .elementor-2230 .elementor-element.elementor-element-fc35fa7 .elementor-icon-box-wrapper, .elementor-2230 .elementor-element.elementor-element-fc35fa7 .elementor-widget-container { color: var(--alr-muted, #65736f) !important; background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; outline: none !important; border: 0 !important; text-decoration: none !important; -webkit-tap-highlight-color: transparent !important; transition: color 0.22s ease, transform 0.18s ease, opacity 0.18s ease !important; } /* النصوص والأيقونات داخل العنصر */ .elementor-2230 .elementor-element.elementor-element-fc35fa7 a span, .elementor-2230 .elementor-element.elementor-element-fc35fa7 a i, .elementor-2230 .elementor-element.elementor-element-fc35fa7 a svg, .elementor-2230 .elementor-element.elementor-element-fc35fa7 a svg *, .elementor-2230 .elementor-element.elementor-element-fc35fa7 .elementor-icon i, .elementor-2230 .elementor-element.elementor-element-fc35fa7 .elementor-icon svg, .elementor-2230 .elementor-element.elementor-element-fc35fa7 .elementor-icon svg * { color: currentColor !important; fill: currentColor !important; stroke: currentColor !important; } /* Hover / Focus */ .elementor-2230 .elementor-element.elementor-element-fc35fa7 a:hover, .elementor-2230 .elementor-element.elementor-element-fc35fa7 a:focus, .elementor-2230 .elementor-element.elementor-element-fc35fa7 .elementor-icon:hover, .elementor-2230 .elementor-element.elementor-element-fc35fa7 .elementor-icon:focus { color: var(--alr-brand-teal, #316A62) !important; background: transparent !important; box-shadow: none !important; outline: none !important; transform: translateY(-1px); } /* عند الضغط */ .elementor-2230 .elementor-element.elementor-element-fc35fa7 a:active, .elementor-2230 .elementor-element.elementor-element-fc35fa7 .elementor-icon:active { color: var(--alr-brand-teal-dark, #1F6B62) !important; background: transparent !important; box-shadow: none !important; outline: none !important; transform: translateY(0); } /* إذا المتجر هو الصفحة الحالية */ .elementor-2230 .elementor-element.elementor-element-fc35fa7 .current-menu-item a, .elementor-2230 .elementor-element.elementor-element-fc35fa7 .current_page_item a, .elementor-2230 .elementor-element.elementor-element-fc35fa7 .elementor-item-active, .elementor-2230 .elementor-element.elementor-element-fc35fa7 a[aria-current="page"], .elementor-2230 .elementor-element.elementor-element-fc35fa7 a.active { color: var(--alr-brand-teal, #316A62) !important; background: transparent !important; box-shadow: none !important; outline: none !important; } /* دارك مود - الحالة الاعتيادية */ body.dark-mode .elementor-2230 .elementor-element.elementor-element-fc35fa7 a, body.dark-mode .elementor-2230 .elementor-element.elementor-element-fc35fa7 .elementor-icon, body.dark-mode .elementor-2230 .elementor-element.elementor-element-fc35fa7 .elementor-icon-box-wrapper, body.dark-mode .elementor-2230 .elementor-element.elementor-element-fc35fa7 .elementor-widget-container, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-fc35fa7 a, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-fc35fa7 .elementor-icon, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-fc35fa7 .elementor-icon-box-wrapper, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-fc35fa7 .elementor-widget-container { color: var(--alr-muted, #aeb9b6) !important; background: transparent !important; box-shadow: none !important; } /* دارك مود - hover/current */ body.dark-mode .elementor-2230 .elementor-element.elementor-element-fc35fa7 a:hover, body.dark-mode .elementor-2230 .elementor-element.elementor-element-fc35fa7 a:focus, body.dark-mode .elementor-2230 .elementor-element.elementor-element-fc35fa7 .elementor-icon:hover, body.dark-mode .elementor-2230 .elementor-element.elementor-element-fc35fa7 .elementor-icon:focus, body.dark-mode .elementor-2230 .elementor-element.elementor-element-fc35fa7 .elementor-item-active, body.dark-mode .elementor-2230 .elementor-element.elementor-element-fc35fa7 a[aria-current="page"], body.dark-mode .elementor-2230 .elementor-element.elementor-element-fc35fa7 a.active, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-fc35fa7 a:hover, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-fc35fa7 a:focus, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-fc35fa7 .elementor-icon:hover, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-fc35fa7 .elementor-icon:focus, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-fc35fa7 .elementor-item-active, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-fc35fa7 a[aria-current="page"], html.dark-mode body .elementor-2230 .elementor-element.elementor-element-fc35fa7 a.active { color: var(--alr-brand-green, #5AD278) !important; background: transparent !important; box-shadow: none !important; outline: none !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-8f3d6ff *//* ========================================================= AL-ROUND MOBILE NAV - CATEGORIES ICON مؤقتاً: شكل فقط / وظيفة الأقسام نرجعلها لاحقاً ========================================================= */ /* الحالة الاعتيادية */ .elementor-2230 .elementor-element.elementor-element-8f3d6ff a, .elementor-2230 .elementor-element.elementor-element-8f3d6ff .elementor-icon, .elementor-2230 .elementor-element.elementor-element-8f3d6ff .elementor-icon-box-wrapper, .elementor-2230 .elementor-element.elementor-element-8f3d6ff .elementor-widget-container { color: var(--alr-muted, #65736f) !important; background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; outline: none !important; border: 0 !important; text-decoration: none !important; -webkit-tap-highlight-color: transparent !important; transition: color 0.22s ease, transform 0.18s ease, opacity 0.18s ease !important; } /* النصوص والأيقونات داخل العنصر */ .elementor-2230 .elementor-element.elementor-element-8f3d6ff a span, .elementor-2230 .elementor-element.elementor-element-8f3d6ff a i, .elementor-2230 .elementor-element.elementor-element-8f3d6ff a svg, .elementor-2230 .elementor-element.elementor-element-8f3d6ff a svg *, .elementor-2230 .elementor-element.elementor-element-8f3d6ff .elementor-icon i, .elementor-2230 .elementor-element.elementor-element-8f3d6ff .elementor-icon svg, .elementor-2230 .elementor-element.elementor-element-8f3d6ff .elementor-icon svg * { color: currentColor !important; fill: currentColor !important; stroke: currentColor !important; } /* Hover / Focus */ .elementor-2230 .elementor-element.elementor-element-8f3d6ff a:hover, .elementor-2230 .elementor-element.elementor-element-8f3d6ff a:focus, .elementor-2230 .elementor-element.elementor-element-8f3d6ff .elementor-icon:hover, .elementor-2230 .elementor-element.elementor-element-8f3d6ff .elementor-icon:focus { color: var(--alr-brand-teal, #316A62) !important; background: transparent !important; box-shadow: none !important; outline: none !important; transform: translateY(-1px); } /* عند الضغط */ .elementor-2230 .elementor-element.elementor-element-8f3d6ff a:active, .elementor-2230 .elementor-element.elementor-element-8f3d6ff .elementor-icon:active { color: var(--alr-brand-teal-dark, #1F6B62) !important; background: transparent !important; box-shadow: none !important; outline: none !important; transform: translateY(0); } /* إذا صفحة الأقسام/المتجر تعتبر الصفحة الحالية */ .elementor-2230 .elementor-element.elementor-element-8f3d6ff .current-menu-item a, .elementor-2230 .elementor-element.elementor-element-8f3d6ff .current_page_item a, .elementor-2230 .elementor-element.elementor-element-8f3d6ff .elementor-item-active, .elementor-2230 .elementor-element.elementor-element-8f3d6ff a[aria-current="page"], .elementor-2230 .elementor-element.elementor-element-8f3d6ff a.active { color: var(--alr-brand-teal, #316A62) !important; background: transparent !important; box-shadow: none !important; outline: none !important; } /* دارك مود - الحالة الاعتيادية */ body.dark-mode .elementor-2230 .elementor-element.elementor-element-8f3d6ff a, body.dark-mode .elementor-2230 .elementor-element.elementor-element-8f3d6ff .elementor-icon, body.dark-mode .elementor-2230 .elementor-element.elementor-element-8f3d6ff .elementor-icon-box-wrapper, body.dark-mode .elementor-2230 .elementor-element.elementor-element-8f3d6ff .elementor-widget-container, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-8f3d6ff a, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-8f3d6ff .elementor-icon, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-8f3d6ff .elementor-icon-box-wrapper, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-8f3d6ff .elementor-widget-container { color: var(--alr-muted, #aeb9b6) !important; background: transparent !important; box-shadow: none !important; } /* دارك مود - hover/current */ body.dark-mode .elementor-2230 .elementor-element.elementor-element-8f3d6ff a:hover, body.dark-mode .elementor-2230 .elementor-element.elementor-element-8f3d6ff a:focus, body.dark-mode .elementor-2230 .elementor-element.elementor-element-8f3d6ff .elementor-icon:hover, body.dark-mode .elementor-2230 .elementor-element.elementor-element-8f3d6ff .elementor-icon:focus, body.dark-mode .elementor-2230 .elementor-element.elementor-element-8f3d6ff .elementor-item-active, body.dark-mode .elementor-2230 .elementor-element.elementor-element-8f3d6ff a[aria-current="page"], body.dark-mode .elementor-2230 .elementor-element.elementor-element-8f3d6ff a.active, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-8f3d6ff a:hover, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-8f3d6ff a:focus, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-8f3d6ff .elementor-icon:hover, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-8f3d6ff .elementor-icon:focus, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-8f3d6ff .elementor-item-active, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-8f3d6ff a[aria-current="page"], html.dark-mode body .elementor-2230 .elementor-element.elementor-element-8f3d6ff a.active { color: var(--alr-brand-green, #5AD278) !important; background: transparent !important; box-shadow: none !important; outline: none !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-ae93db4 *//* ========================================================= AL-ROUND MOBILE NAV - WISHLIST ICON رابط طبيعي / متوافق مع Light + Dark ========================================================= */ /* الحالة الاعتيادية */ .elementor-2230 .elementor-element.elementor-element-ae93db4 a, .elementor-2230 .elementor-element.elementor-element-ae93db4 .elementor-icon, .elementor-2230 .elementor-element.elementor-element-ae93db4 .elementor-icon-box-wrapper, .elementor-2230 .elementor-element.elementor-element-ae93db4 .elementor-widget-container { color: var(--alr-muted, #65736f) !important; background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; outline: none !important; border: 0 !important; text-decoration: none !important; -webkit-tap-highlight-color: transparent !important; transition: color 0.22s ease, transform 0.18s ease, opacity 0.18s ease !important; } /* النصوص والأيقونات داخل العنصر */ .elementor-2230 .elementor-element.elementor-element-ae93db4 a span, .elementor-2230 .elementor-element.elementor-element-ae93db4 a i, .elementor-2230 .elementor-element.elementor-element-ae93db4 a svg, .elementor-2230 .elementor-element.elementor-element-ae93db4 a svg *, .elementor-2230 .elementor-element.elementor-element-ae93db4 .elementor-icon i, .elementor-2230 .elementor-element.elementor-element-ae93db4 .elementor-icon svg, .elementor-2230 .elementor-element.elementor-element-ae93db4 .elementor-icon svg * { color: currentColor !important; fill: currentColor !important; stroke: currentColor !important; } /* Hover / Focus */ .elementor-2230 .elementor-element.elementor-element-ae93db4 a:hover, .elementor-2230 .elementor-element.elementor-element-ae93db4 a:focus, .elementor-2230 .elementor-element.elementor-element-ae93db4 .elementor-icon:hover, .elementor-2230 .elementor-element.elementor-element-ae93db4 .elementor-icon:focus { color: var(--alr-brand-teal, #316A62) !important; background: transparent !important; box-shadow: none !important; outline: none !important; transform: translateY(-1px); } /* عند الضغط */ .elementor-2230 .elementor-element.elementor-element-ae93db4 a:active, .elementor-2230 .elementor-element.elementor-element-ae93db4 .elementor-icon:active { color: var(--alr-brand-teal-dark, #1F6B62) !important; background: transparent !important; box-shadow: none !important; outline: none !important; transform: translateY(0); } /* إذا Elementor أو WordPress يعتبرها الصفحة الحالية */ .elementor-2230 .elementor-element.elementor-element-ae93db4 .current-menu-item a, .elementor-2230 .elementor-element.elementor-element-ae93db4 .current_page_item a, .elementor-2230 .elementor-element.elementor-element-ae93db4 .elementor-item-active, .elementor-2230 .elementor-element.elementor-element-ae93db4 a[aria-current="page"], .elementor-2230 .elementor-element.elementor-element-ae93db4 a.active { color: var(--alr-brand-teal, #316A62) !important; background: transparent !important; box-shadow: none !important; outline: none !important; } /* دارك مود - الحالة الاعتيادية */ body.dark-mode .elementor-2230 .elementor-element.elementor-element-ae93db4 a, body.dark-mode .elementor-2230 .elementor-element.elementor-element-ae93db4 .elementor-icon, body.dark-mode .elementor-2230 .elementor-element.elementor-element-ae93db4 .elementor-icon-box-wrapper, body.dark-mode .elementor-2230 .elementor-element.elementor-element-ae93db4 .elementor-widget-container, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-ae93db4 a, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-ae93db4 .elementor-icon, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-ae93db4 .elementor-icon-box-wrapper, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-ae93db4 .elementor-widget-container { color: var(--alr-muted, #aeb9b6) !important; background: transparent !important; box-shadow: none !important; } /* دارك مود - hover/current */ body.dark-mode .elementor-2230 .elementor-element.elementor-element-ae93db4 a:hover, body.dark-mode .elementor-2230 .elementor-element.elementor-element-ae93db4 a:focus, body.dark-mode .elementor-2230 .elementor-element.elementor-element-ae93db4 .elementor-icon:hover, body.dark-mode .elementor-2230 .elementor-element.elementor-element-ae93db4 .elementor-icon:focus, body.dark-mode .elementor-2230 .elementor-element.elementor-element-ae93db4 .elementor-item-active, body.dark-mode .elementor-2230 .elementor-element.elementor-element-ae93db4 a[aria-current="page"], body.dark-mode .elementor-2230 .elementor-element.elementor-element-ae93db4 a.active, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-ae93db4 a:hover, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-ae93db4 a:focus, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-ae93db4 .elementor-icon:hover, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-ae93db4 .elementor-icon:focus, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-ae93db4 .elementor-item-active, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-ae93db4 a[aria-current="page"], html.dark-mode body .elementor-2230 .elementor-element.elementor-element-ae93db4 a.active { color: var(--alr-brand-green, #5AD278) !important; background: transparent !important; box-shadow: none !important; outline: none !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-c6b946c *//* ========================================================= AL-ROUND MOBILE NAV - MY ACCOUNT ICON يوضع داخل Custom CSS لأيقونة My Account فقط ========================================================= */ /* الحالة الاعتيادية */ .elementor-2230 .elementor-element.elementor-element-c6b946c a, .elementor-2230 .elementor-element.elementor-element-c6b946c .elementor-icon, .elementor-2230 .elementor-element.elementor-element-c6b946c .elementor-icon-box-wrapper, .elementor-2230 .elementor-element.elementor-element-c6b946c .elementor-widget-container { color: var(--alr-muted, #65736f) !important; background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; outline: none !important; border: 0 !important; text-decoration: none !important; -webkit-tap-highlight-color: transparent !important; transition: color 0.22s ease, transform 0.18s ease, opacity 0.18s ease !important; } /* النصوص والأيقونة داخل العنصر */ .elementor-2230 .elementor-element.elementor-element-c6b946c a span, .elementor-2230 .elementor-element.elementor-element-c6b946c a i, .elementor-2230 .elementor-element.elementor-element-c6b946c a svg, .elementor-2230 .elementor-element.elementor-element-c6b946c a svg *, .elementor-2230 .elementor-element.elementor-element-c6b946c .elementor-icon i, .elementor-2230 .elementor-element.elementor-element-c6b946c .elementor-icon svg, .elementor-2230 .elementor-element.elementor-element-c6b946c .elementor-icon svg * { color: currentColor !important; fill: currentColor !important; stroke: currentColor !important; } /* عند اللمس أو المرور */ .elementor-2230 .elementor-element.elementor-element-c6b946c a:hover, .elementor-2230 .elementor-element.elementor-element-c6b946c a:focus, .elementor-2230 .elementor-element.elementor-element-c6b946c .elementor-icon:hover, .elementor-2230 .elementor-element.elementor-element-c6b946c .elementor-icon:focus { color: var(--alr-brand-teal, #316A62) !important; background: transparent !important; box-shadow: none !important; outline: none !important; transform: translateY(-1px); } /* عند الضغط */ .elementor-2230 .elementor-element.elementor-element-c6b946c a:active, .elementor-2230 .elementor-element.elementor-element-c6b946c .elementor-icon:active { color: var(--alr-brand-teal-dark, #1F6B62) !important; background: transparent !important; box-shadow: none !important; outline: none !important; transform: translateY(0); } /* إذا أنت داخل صفحة الحساب */ .elementor-2230 .elementor-element.elementor-element-c6b946c .current-menu-item a, .elementor-2230 .elementor-element.elementor-element-c6b946c .current_page_item a, .elementor-2230 .elementor-element.elementor-element-c6b946c .elementor-item-active, .elementor-2230 .elementor-element.elementor-element-c6b946c a[aria-current="page"], .elementor-2230 .elementor-element.elementor-element-c6b946c a.active { color: var(--alr-brand-teal, #316A62) !important; background: transparent !important; box-shadow: none !important; outline: none !important; } /* إزالة مربع My Account الأسود عند الفتح أو التحديد */ .elementor-2230 .elementor-element.elementor-element-c6b946c .wd-active, .elementor-2230 .elementor-element.elementor-element-c6b946c .wd-opened, .elementor-2230 .elementor-element.elementor-element-c6b946c .wd-tools-element, .elementor-2230 .elementor-element.elementor-element-c6b946c .wd-tools-element > a, .elementor-2230 .elementor-element.elementor-element-c6b946c .wd-header-my-account, .elementor-2230 .elementor-element.elementor-element-c6b946c .wd-header-my-account > a, .elementor-2230 .elementor-element.elementor-element-c6b946c .elementor-icon-wrapper, .elementor-2230 .elementor-element.elementor-element-c6b946c .elementor-icon-box-icon { background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; outline: none !important; border: 0 !important; } /* دارك مود */ body.dark-mode .elementor-2230 .elementor-element.elementor-element-c6b946c a, body.dark-mode .elementor-2230 .elementor-element.elementor-element-c6b946c .elementor-icon, body.dark-mode .elementor-2230 .elementor-element.elementor-element-c6b946c .elementor-icon-box-wrapper, body.dark-mode .elementor-2230 .elementor-element.elementor-element-c6b946c .elementor-widget-container, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-c6b946c a, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-c6b946c .elementor-icon, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-c6b946c .elementor-icon-box-wrapper, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-c6b946c .elementor-widget-container { color: var(--alr-muted, #aeb9b6) !important; background: transparent !important; box-shadow: none !important; } /* دارك مود عند المرور / الضغط / صفحة الحساب */ body.dark-mode .elementor-2230 .elementor-element.elementor-element-c6b946c a:hover, body.dark-mode .elementor-2230 .elementor-element.elementor-element-c6b946c a:focus, body.dark-mode .elementor-2230 .elementor-element.elementor-element-c6b946c a:active, body.dark-mode .elementor-2230 .elementor-element.elementor-element-c6b946c .elementor-icon:hover, body.dark-mode .elementor-2230 .elementor-element.elementor-element-c6b946c .elementor-icon:focus, body.dark-mode .elementor-2230 .elementor-element.elementor-element-c6b946c .elementor-item-active, body.dark-mode .elementor-2230 .elementor-element.elementor-element-c6b946c a[aria-current="page"], body.dark-mode .elementor-2230 .elementor-element.elementor-element-c6b946c a.active, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-c6b946c a:hover, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-c6b946c a:focus, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-c6b946c a:active, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-c6b946c .elementor-icon:hover, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-c6b946c .elementor-icon:focus, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-c6b946c .elementor-item-active, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-c6b946c a[aria-current="page"], html.dark-mode body .elementor-2230 .elementor-element.elementor-element-c6b946c a.active { color: var(--alr-brand-green, #5AD278) !important; background: transparent !important; box-shadow: none !important; outline: none !important; } /* دارك مود: منع مربع التحديد الأسود نهائياً */ body.dark-mode .elementor-2230 .elementor-element.elementor-element-c6b946c .wd-active, body.dark-mode .elementor-2230 .elementor-element.elementor-element-c6b946c .wd-opened, body.dark-mode .elementor-2230 .elementor-element.elementor-element-c6b946c .wd-tools-element, body.dark-mode .elementor-2230 .elementor-element.elementor-element-c6b946c .wd-tools-element > a, body.dark-mode .elementor-2230 .elementor-element.elementor-element-c6b946c .wd-header-my-account, body.dark-mode .elementor-2230 .elementor-element.elementor-element-c6b946c .wd-header-my-account > a, body.dark-mode .elementor-2230 .elementor-element.elementor-element-c6b946c .elementor-icon-wrapper, body.dark-mode .elementor-2230 .elementor-element.elementor-element-c6b946c .elementor-icon-box-icon, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-c6b946c .wd-active, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-c6b946c .wd-opened, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-c6b946c .wd-tools-element, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-c6b946c .wd-tools-element > a, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-c6b946c .wd-header-my-account, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-c6b946c .wd-header-my-account > a, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-c6b946c .elementor-icon-wrapper, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-c6b946c .elementor-icon-box-icon { background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; outline: none !important; border: 0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-66c80ba5 *//* ========================================================= AL-ROUND MOBILE BOTTOM NAV Elementor Container Custom CSS Stable Glass / Blur / Light + Dark Bottom nav stays above side panels safely ========================================================= */ /* ========================================================= 1) MAIN CONTAINER الحاوية الرئيسية للشريط السفلي ========================================================= */ .elementor-2230 .elementor-element.elementor-element-66c80ba5 { position: fixed !important; bottom: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; z-index: 999 !important; background-color: rgba(248, 251, 250, 0.72) !important; background-image: none !important; border-top: 1px solid rgba(49, 106, 98, 0.14) !important; box-shadow: 0 -10px 30px rgba(20, 60, 45, 0.10) !important; backdrop-filter: blur(18px) saturate(155%) !important; -webkit-backdrop-filter: blur(18px) saturate(155%) !important; padding-bottom: env(safe-area-inset-bottom) !important; overflow: hidden !important; isolation: isolate !important; transition: background-color 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, opacity 0.18s ease, transform 0.18s ease !important; will-change: transform, opacity; } /* ========================================================= 2) GLASS LAYER طبقة البلور حتى لا تنقتل بخلفيات Elementor ========================================================= */ .elementor-2230 .elementor-element.elementor-element-66c80ba5::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(circle at 20% 0%, rgba(90, 210, 120, 0.10), transparent 34%), rgba(248, 251, 250, 0.72) !important; backdrop-filter: blur(18px) saturate(155%) !important; -webkit-backdrop-filter: blur(18px) saturate(155%) !important; } /* ========================================================= 3) ELEMENTOR INNER BACKGROUND RESET إزالة الخلفيات البيضاء الداخلية بدون تغيير التخطيط ========================================================= */ .elementor-2230 .elementor-element.elementor-element-66c80ba5 > .e-con-inner, .elementor-2230 .elementor-element.elementor-element-66c80ba5 .e-con-inner, .elementor-2230 .elementor-element.elementor-element-66c80ba5 .elementor-widget-wrap, .elementor-2230 .elementor-element.elementor-element-66c80ba5 .elementor-widget, .elementor-2230 .elementor-element.elementor-element-66c80ba5 .elementor-widget-container, .elementor-2230 .elementor-element.elementor-element-66c80ba5 .elementor-element, .elementor-2230 .elementor-element.elementor-element-66c80ba5 .elementor-background-overlay { background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; } /* ========================================================= 4) LINKS / ICONS الروابط والأيقونات داخل الشريط ========================================================= */ .elementor-2230 .elementor-element.elementor-element-66c80ba5 a, .elementor-2230 .elementor-element.elementor-element-66c80ba5 span, .elementor-2230 .elementor-element.elementor-element-66c80ba5 i, .elementor-2230 .elementor-element.elementor-element-66c80ba5 svg { color: var(--alr-text, #14211f) !important; } .elementor-2230 .elementor-element.elementor-element-66c80ba5 svg, .elementor-2230 .elementor-element.elementor-element-66c80ba5 svg * { fill: currentColor !important; stroke: currentColor !important; } /* ========================================================= 5) TAP / ACTIVE RESET منع مربع التحديد والخلفية عند الضغط ========================================================= */ .elementor-2230 .elementor-element.elementor-element-66c80ba5 a, .elementor-2230 .elementor-element.elementor-element-66c80ba5 a:hover, .elementor-2230 .elementor-element.elementor-element-66c80ba5 a:focus, .elementor-2230 .elementor-element.elementor-element-66c80ba5 a:active, .elementor-2230 .elementor-element.elementor-element-66c80ba5 .elementor-icon, .elementor-2230 .elementor-element.elementor-element-66c80ba5 .elementor-icon:hover, .elementor-2230 .elementor-element.elementor-element-66c80ba5 .elementor-icon:focus, .elementor-2230 .elementor-element.elementor-element-66c80ba5 .elementor-icon-box-wrapper, .elementor-2230 .elementor-element.elementor-element-66c80ba5 .elementor-widget-container { background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; outline: none !important; -webkit-tap-highlight-color: transparent !important; } /* ========================================================= 6) DARK MODE ========================================================= */ html.dark-mode .elementor-2230 .elementor-element.elementor-element-66c80ba5, body.dark-mode .elementor-2230 .elementor-element.elementor-element-66c80ba5, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-66c80ba5 { background-color: rgba(21, 25, 34, 0.78) !important; background-image: none !important; border-top: 1px solid rgba(255, 255, 255, 0.08) !important; box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.34) !important; backdrop-filter: blur(18px) saturate(155%) !important; -webkit-backdrop-filter: blur(18px) saturate(155%) !important; } html.dark-mode .elementor-2230 .elementor-element.elementor-element-66c80ba5::before, body.dark-mode .elementor-2230 .elementor-element.elementor-element-66c80ba5::before, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-66c80ba5::before { background: radial-gradient(circle at 20% 0%, rgba(90, 210, 120, 0.08), transparent 34%), rgba(21, 25, 34, 0.78) !important; backdrop-filter: blur(18px) saturate(155%) !important; -webkit-backdrop-filter: blur(18px) saturate(155%) !important; } html.dark-mode .elementor-2230 .elementor-element.elementor-element-66c80ba5 a, html.dark-mode .elementor-2230 .elementor-element.elementor-element-66c80ba5 span, html.dark-mode .elementor-2230 .elementor-element.elementor-element-66c80ba5 i, html.dark-mode .elementor-2230 .elementor-element.elementor-element-66c80ba5 svg, body.dark-mode .elementor-2230 .elementor-element.elementor-element-66c80ba5 a, body.dark-mode .elementor-2230 .elementor-element.elementor-element-66c80ba5 span, body.dark-mode .elementor-2230 .elementor-element.elementor-element-66c80ba5 i, body.dark-mode .elementor-2230 .elementor-element.elementor-element-66c80ba5 svg, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-66c80ba5 a, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-66c80ba5 span, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-66c80ba5 i, html.dark-mode body .elementor-2230 .elementor-element.elementor-element-66c80ba5 svg { color: var(--alr-text, #e6e6e6) !important; } /* ========================================================= 7) SIDE PANELS BEHAVIOR Elementor Container only الشريط يبقى ظاهر وفوق نوافذ وودمارت عند فتحها ========================================================= */ /* الشريط نفسه يرتفع فقط عندما JavaScript يضيف alr-side-panel-open */ html.alr-side-panel-open body .elementor-2230 .elementor-element.elementor-element-66c80ba5, body.alr-side-panel-open .elementor-2230 .elementor-element.elementor-element-66c80ba5 { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translateY(0) !important; z-index: 2147483500 !important; } /* احتياط إذا وودمارت أضاف كلاس الفتح مباشرة */ html.wd-side-hidden-opened body .elementor-2230 .elementor-element.elementor-element-66c80ba5, body.wd-side-hidden-opened .elementor-2230 .elementor-element.elementor-element-66c80ba5, html.wd-filters-opened body .elementor-2230 .elementor-element.elementor-element-66c80ba5, body.wd-filters-opened .elementor-2230 .elementor-element.elementor-element-66c80ba5, html.wd-opened body .elementor-2230 .elementor-element.elementor-element-66c80ba5, body.wd-opened .elementor-2230 .elementor-element.elementor-element-66c80ba5 { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translateY(0) !important; } /* ========================================================= 8) MOBILE ONLY ========================================================= */ @media (max-width: 768px) { .elementor-2230 .elementor-element.elementor-element-66c80ba5 { min-height: 64px !important; } }/* End custom CSS */