/* Custom Styles & Performance Tweaks */
        body {
            font-family: 'Almarai', sans-serif;
            background-color: #FFF8EB;
            color: #333333;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        .loader-bg {
            position: fixed;
            inset: 0;
            background: #264653;
            z-index: 99999;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: opacity 0.5s ease-out, visibility 0.5s ease-out;
        }

        .gold-gradient-text {
            background: linear-gradient(to left, #FCBF12, #fcdf7c, #FCBF12);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .hide-scrollbar::-webkit-scrollbar { display: none; }
        .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

        .separator {
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 2rem 0;
        }
        .separator::before, .separator::after {
            content: '';
            flex: 1;
            border-bottom: 1px solid #FCBF12;
            max-width: 100px;
        }
        .separator::before { margin-left: 15px; }
        .separator::after { margin-right: 15px; }

        .nav-link {
            position: relative;
            transition: color 0.3s;
        }
        .nav-link::after {
            content: '';
            position: absolute;
            bottom: -5px;
            right: 0;
            width: 0;
            height: 2px;
            background-color: #FCBF12;
            transition: width 0.3s ease;
        }
        .nav-link:hover::after, .nav-link.active::after { width: 100%; }

        .reveal-up {
            opacity: 0;
            transform: translateY(40px);
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
            will-change: opacity, transform;
        }
        .reveal-up.active {
            opacity: 1;
            transform: translateY(0);
        }

        .sr-only {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border-width: 0;
        }

        .bak{
            height: 9rem !important;
            width: 9rem !important;
        }
        .bak1{ font-size: 2rem !important; }
        .bak2{ font-size: 2.125rem !important; }

        @media (max-width: 768px) {
            .bak1{ font-size: 0.7rem !important; }
            .bak2{ font-size: 0.9rem !important; }
        }

        /*
          ملاحظة تنظيف: تمت إزالة كتلة CSS الخاصة بـ #gallery-widget
          (تبويبات + شبكة صور + Lightbox كامل، ~350 سطر) لأن الصفحة لا
          تحتوي فعلياً على عنصر <section id="gallery-widget"> ولا على
          نافذة #custom-lightbox أو الأكواد البرمجية الخاصة بها
          (serviceGalleries, openServiceGallery, إلخ). كانت هذه الأنماط
          "كوداً ميتاً" يُحمَّل مع كل زيارة دون أي استخدام فعلي، ما يزيد
          من حجم الصفحة بلا فائدة. إن رغبت بإعادة معرض الصور، أخبرني
          وسأضيف الكود الكامل (CSS + HTML + JS) مرة أخرى بشكل متكامل
          وخالٍ من الأخطاء.
        */
    
.reveal-up{opacity:1;transform:none}.ed-js .reveal-up{opacity:0;transform:translateY(40px)}.ed-js .reveal-up.active{opacity:1;transform:none}details summary{list-style:none}details summary::-webkit-details-marker{display:none}details[open] summary i{transform:rotate(180deg)}body.admin-bar header.sticky{top:32px}@media(max-width:782px){body.admin-bar header.sticky{top:46px}}
:focus-visible{outline:3px solid #FCBF12;outline-offset:3px}.ed-content .wp-block-image img{max-width:100%;height:auto}.ed-content> .wp-block-paragraph,.ed-content> .wp-block-heading{max-width:1200px;margin:1em auto;padding:0 20px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-up{opacity:1!important;transform:none!important}}

.ed-menu-dropdown{position:relative}.ed-menu-dropdown summary{cursor:pointer}.ed-menu-children{position:absolute;top:100%;right:0;min-width:190px;padding:16px;display:flex;flex-direction:column;gap:12px;background:var(--ed-cream,#fff8eb);box-shadow:0 6px 20px #0002;z-index:70}@media(max-width:1023px){.ed-menu-children{position:static;box-shadow:none}}