/* ALFALAHI — site layer on top of the original DHYAFEI design system.
   Tokens follow the existing Elementor globals: accent #5ED9D0, dark #121212, Lama Sans / Kanit. */
:root{--alf-accent:#5ED9D0;--alf-dark:#121212;--alf-card:#1b1b1b;--alf-line:rgba(255,255,255,.08);--alf-muted:#9a9a9a;--alf-radius:20px}

/* Accessibility */
.alf-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.alf-skip{position:absolute;inset-inline-start:12px;top:-60px;z-index:100000;background:var(--alf-accent);color:#121212;padding:10px 18px;border-radius:30px;font-family:"Lama Sans",sans-serif;font-weight:700;transition:top .2s}
.alf-skip:focus{top:12px}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--alf-accent)!important;outline-offset:3px;border-radius:6px}

/* Language switch inside the original nav */
.wcf-nav-menu-nav .alf-lang-item .alf-lang{font-family:"Kanit","Lama Sans",sans-serif;letter-spacing:.02em}
.wcf-nav-menu-nav .alf-lang-item .alf-lang::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--alf-accent);margin-inline-end:8px;vertical-align:middle}

/* Services: 6 cards on a 3 / 2 / 1 grid, keeping the original card styles */
.elementor-element.elementor-element-4bafd43.alf-services-grid{--e-con-grid-template-columns:repeat(3,1fr)!important;--e-con-grid-template-rows:auto!important;scroll-margin-top:120px}
@media (max-width:1024px){.elementor-element.elementor-element-4bafd43.alf-services-grid{--e-con-grid-template-columns:repeat(2,1fr)!important}}
@media (max-width:767px){.elementor-element.elementor-element-4bafd43.alf-services-grid{--e-con-grid-template-columns:repeat(1,1fr)!important}}

/* Blog feed (WordPress /blog) rendered on the static site */
.alf-blog{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;font-family:"Lama Sans","Kanit",system-ui,sans-serif}
html[lang="en"] .alf-blog{font-family:"Kanit","Lama Sans",sans-serif}
@media (max-width:1024px){.alf-blog{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.alf-blog{grid-template-columns:1fr}}
.alf-blog__empty{grid-column:1/-1;color:var(--alf-muted);font-size:16px;margin:0}
.alf-blog__empty a{color:var(--alf-accent);text-decoration:underline;text-underline-offset:4px}
.alf-post{position:relative;display:flex;flex-direction:column;background:var(--alf-card);border:1px solid var(--alf-line);border-radius:var(--alf-radius);overflow:hidden;transition:transform .5s cubic-bezier(.2,.7,.2,1),border-color .4s;opacity:0;transform:translateY(40px)}
.alf-post.is-in{opacity:1;transform:none}
.alf-post:hover{transform:translateY(-6px);border-color:rgba(94,217,208,.45)}
.alf-post__media{display:block;aspect-ratio:16/10;overflow:hidden;background:#0d0d0d}
.alf-post__media img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.alf-post:hover .alf-post__media img{transform:scale(1.06)}
.alf-post__body{display:flex;flex-direction:column;gap:12px;padding:22px 22px 24px;flex:1}
.alf-post__date{font-size:13px;color:var(--alf-muted)}
.alf-post__title{margin:0;font-size:21px;line-height:1.5;font-weight:800;color:#fff}
.alf-post__title a{color:inherit}
.alf-post__title a::after{content:"";position:absolute;inset:0;z-index:1}
.alf-post__excerpt{margin:0;color:#bdbdbd;font-size:15px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.alf-post__actions{margin-top:auto;display:flex;align-items:center;gap:10px;padding-top:6px}
.alf-listen{position:relative;z-index:2;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.18);background:transparent;color:#fff;border-radius:40px;padding:8px 16px;font:inherit;font-size:14px;cursor:pointer;transition:background .3s,color .3s,border-color .3s}
.alf-listen:hover,.alf-listen[aria-pressed="true"]{background:var(--alf-accent);color:#121212;border-color:var(--alf-accent)}
.alf-listen svg{width:16px;height:16px;fill:currentColor}
.alf-read{position:relative;z-index:2;color:var(--alf-accent);font-size:14px}
.alf-skeleton{background:linear-gradient(90deg,#1b1b1b 0,#242424 50%,#1b1b1b 100%);background-size:200% 100%;animation:alfsk 1.4s infinite;border-radius:var(--alf-radius);min-height:320px}
@keyframes alfsk{to{background-position:-200% 0}}

/* Floating listen player */
.alf-player{position:fixed;inset-inline:16px;bottom:16px;margin-inline:auto;max-width:560px;z-index:99999;display:flex;align-items:center;gap:12px;background:rgba(18,18,18,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--alf-line);color:#fff;border-radius:60px;padding:10px 12px 10px 20px;font-family:"Lama Sans","Kanit",system-ui,sans-serif;box-shadow:0 20px 50px rgba(0,0,0,.4);transform:translateY(140%);transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.alf-player.is-open{transform:none}
.alf-player__title{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}
.alf-player button{border:0;background:#2a2a2a;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.alf-player button:hover{background:var(--alf-accent);color:#121212}
.alf-player svg{width:16px;height:16px;fill:currentColor}
.alf-player__rate{font-family:"Kanit",sans-serif;font-size:13px;width:auto!important;padding:0 12px;border-radius:30px!important}

/* EN (LTR) safety: long English strings inside fixed-width Arabic layouts */
html[lang="en"] .wcf--title,html[lang="en"] .wc-btn-primary{overflow-wrap:anywhere}

@media (prefers-reduced-motion:reduce){
 .alf-post,.alf-post__media img,.alf-player{transition:none!important}
 .alf-post{opacity:1;transform:none}
}

/* EN: Latin-friendly display face (generated) */
html[lang="en"] .elementor-17077 .elementor-element.elementor-element-5a4abb1 .wcf--title,
html[lang="en"] .elementor-17077 .elementor-element.elementor-element-5a6b161e .wcf--title,
html[lang="en"] .elementor-17452 .elementor-element.elementor-element-5a4abb1 .wcf--title,
html[lang="en"] .elementor-17452 .elementor-element.elementor-element-5a6b161e .wcf--title,
html[lang="en"] .elementor-17454 .elementor-element.elementor-element-5a4abb1 .wcf--title,
html[lang="en"] .elementor-17454 .elementor-element.elementor-element-5a6b161e .wcf--title,
html[lang="en"] .elementor-17522 .elementor-element.elementor-element-5a4abb1 .wcf--title,
html[lang="en"] .elementor-17522 .elementor-element.elementor-element-5a6b161e .wcf--title,
html[lang="en"] .elementor-6035 .elementor-element.elementor-element-1283378 .eael-content-timeline-content .eael-date,
html[lang="en"] .elementor-6035 .elementor-element.elementor-element-1283378 .eael-content-timeline-content .eael-read-more,
html[lang="en"] .elementor-6035 .elementor-element.elementor-element-1283378 .eael-content-timeline-content .eael-timeline-title,
html[lang="en"] .elementor-6035 .elementor-element.elementor-element-1283378 .eael-content-timeline-content .eael-timeline-title a,
html[lang="en"] .elementor-6035 .elementor-element.elementor-element-1283378 .eael-horizontal-timeline-item .eael-horizontal-timeline-item__card-title,
html[lang="en"] .elementor-6035 .elementor-element.elementor-element-1283378 .eael-horizontal-timeline-item .eael-horizontal-timeline-item__card-title a,
html[lang="en"] .elementor-6035 .elementor-element.elementor-element-1283378 .eael-horizontal-timeline-item .eael-horizontal-timeline-item__meta,
html[lang="en"] .elementor-6035 .elementor-element.elementor-element-1283378 .eael-horizontal-timeline-item .eael-read-more,
html[lang="en"] .elementor-6035 .elementor-element.elementor-element-14c72cb .title,
html[lang="en"] .elementor-6035 .elementor-element.elementor-element-1a1ef2ea .wcf--counter .title,
html[lang="en"] .elementor-6035 .elementor-element.elementor-element-20021913 .title,
html[lang="en"] .elementor-6035 .elementor-element.elementor-element-20099096 .wcf--title,
html[lang="en"] .elementor-6035 .elementor-element.elementor-element-277acfb9 .title,
html[lang="en"] .elementor-6035 .elementor-element.elementor-element-3afa23c5 .wcf--counter .title,
html[lang="en"] .elementor-6035 .elementor-element.elementor-element-64f6336b .wcf--counter .title,
html[lang="en"] .elementor-6035 .elementor-element.elementor-element-6840e43 .wcf--title,
html[lang="en"] .elementor-6035 .elementor-element.elementor-element-6a249b83 .wcf--counter .title,
html[lang="en"] .elementor-6035 .elementor-element.elementor-element-9603f07 .title,
html[lang="en"] .elementor-6035 .elementor-element.elementor-element-a5ee122 .wcf--title,
html[lang="en"] .elementor-6035 .elementor-element.elementor-element-b5c81f .wcf--title,
html[lang="en"] .elementor-6035 .elementor-element.elementor-element-bb6bae6 .wcf--title,
html[lang="en"] .elementor-6035 .elementor-element.elementor-element-df23cbd .wcf--text,
html[lang="en"] .elementor-6035 .elementor-element.elementor-element-df23cbd .wcf--text *,
html[lang="en"] .elementor-6035 .elementor-element.elementor-element-e366d17 .wcf--counter-number,
html[lang="en"] .elementor-6035 .elementor-element.elementor-element-e366d17 .wcf--counter-number-prefix,
html[lang="en"] .elementor-6035 .elementor-element.elementor-element-e366d17 .wcf--counter-number-suffix,
html[lang="en"] .elementor-6441 .elementor-element.elementor-element-6f551ba .wcf--title,
html[lang="en"] .elementor-6441 .elementor-element.elementor-element-869a918 .wcf--title,
html[lang="en"] .elementor-8265 .elementor-element.elementor-element-1393538 .wcf--title,
html[lang="en"] .elementor-8265 .elementor-element.elementor-element-c01fe61 .wcf--title{font-family:"Kanit",sans-serif!important;word-spacing:normal!important;letter-spacing:-.01em}