/* =========================================================================
 * AZS Works — Elementor Widget Styles
 * CSS محصور بـ .azs-wrk — لا يتعارض مع Astra أو أي قالب آخر
 * ========================================================================= */

.elementor-widget-azs_works > .elementor-widget-container {
    padding: 0 !important;
    margin:  0 !important;
}

/* ── السكشن الرئيسي ─────────────────────────────────────────── */
.azs-wrk {
    --azs-bg:      #070712;
    --azs-primary: #7c3aed;
    --azs-cyan:    #06b6d4;
    --azs-accent:  #f59e0b;
    --azs-text:    #e6e6f0;
    --azs-muted:   #9aa0b4;
    --azs-radius:  20px;

    position:    relative;
    isolation:   isolate;
    overflow:    hidden;
    padding:     80px 20px;
    direction:   rtl;
    font-family: 'Cairo','DIN Next LT Arabic',system-ui,sans-serif;
    color:       var(--azs-text);
    line-height: 1.7;

    background:
        radial-gradient(900px 500px at 15% -10%, rgba(124,58,237,.22), transparent 60%),
        radial-gradient(700px 400px at 90% 20%,  rgba(6,182,212,.18),  transparent 60%),
        radial-gradient(600px 400px at 40% 110%, rgba(245,158,11,.12), transparent 60%),
        var(--azs-bg);

    /* full width — كسر حدود Elementor */
    margin-left:  calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width:        100vw;
}

.azs-wrk *, .azs-wrk *::before, .azs-wrk *::after { box-sizing: border-box; }

/* ── أوربز ──────────────────────────────────────────────────── */
.azs-wrk__orb {
    position: absolute; border-radius: 9999px;
    filter: blur(90px); opacity: .35;
    pointer-events: none; z-index: 0;
    animation: azswFloat 16s ease-in-out infinite;
}
.azs-wrk__orb--1 { width:400px; height:400px; background:#7c3aed; top:-80px;   left:-100px; }
.azs-wrk__orb--2 { width:320px; height:320px; background:#06b6d4; bottom:-60px; right:-80px; animation-delay:-6s; }
@keyframes azswFloat {
    0%,100% { transform: translate(0,0) scale(1); }
    50%      { transform: translate(30px,-25px) scale(1.08); }
}

/* ── Container ───────────────────────────────────────────────── */
.azs-wrk__container {
    position:  relative;
    z-index:   1;
    max-width: 1200px;
    margin:    0 auto;
}

/* ── Header ──────────────────────────────────────────────────── */
.azs-wrk__header {
    display:         flex;
    align-items:     flex-end;
    justify-content: space-between;
    flex-wrap:       wrap;
    gap:             24px;
    margin-bottom:   56px;
}
.azs-wrk__eyebrow {
    display:        inline-block;
    font-size:      13px;
    font-weight:    800;
    letter-spacing: .25em;
    color:          #a78bfa;
    margin-bottom:  8px;
}
.azs-wrk__title {
    font-size:   clamp(26px,4vw,44px);
    font-weight: 900;
    line-height: 1.2;
    color:       #fff;
    margin:      0;
}
.azs-wrk__gradient {
    background-image:        linear-gradient(90deg,#7c3aed,#06b6d4,#f59e0b);
    -webkit-background-clip: text;
    background-clip:         text;
    color:                   transparent;
    -webkit-text-fill-color: transparent;
}
.azs-wrk__subtitle {
    color:     var(--azs-muted);
    font-size: 15px;
    max-width: 400px;
    margin:    0;
}

/* ── Grid ────────────────────────────────────────────────────── */
.azs-wrk__grid {
    display:               grid;
    gap:                   24px;
    grid-template-columns: 1fr;
}
@media (min-width:640px) { .azs-wrk__grid { grid-template-columns: 1fr 1fr; } }
@media (min-width:992px) { .azs-wrk__grid { grid-template-columns: 1fr 1fr 1fr; } }

/* ── البطاقة ─────────────────────────────────────────────────── */
.azs-wrk__card {
    position:      relative;
    border-radius: var(--azs-radius);
    overflow:      hidden;
    aspect-ratio:  4/3;
    cursor:        pointer;
    transition:    transform .4s ease, box-shadow .4s ease;
}
.azs-wrk__card:hover {
    transform:  translateY(-6px) scale(1.02);
    box-shadow: 0 32px 64px -20px rgba(0,0,0,.6);
}

/* الخلفية (gradient أو صورة) */
.azs-wrk__card-bg {
    position:   absolute;
    inset:      0;
    transition: transform .5s ease;
}
.azs-wrk__card:hover .azs-wrk__card-bg { transform: scale(1.06); }

/* طبقة التعتيم */
.azs-wrk__card-overlay {
    position:   absolute;
    inset:      0;
    background: linear-gradient(to top, rgba(0,0,0,.85) 0%, rgba(0,0,0,.2) 60%, transparent 100%);
    display:    flex;
    flex-direction: column;
    justify-content: flex-end;
    padding:    28px;
    transition: background .4s ease;
}
.azs-wrk__card:hover .azs-wrk__card-overlay {
    background: linear-gradient(to top, rgba(0,0,0,.92) 0%, rgba(0,0,0,.35) 60%, transparent 100%);
}
/* للبطاقات ذات الصورة — الـ overlay يُحكم بـ inline style */
.azs-wrk__card-overlay[style] { transition: filter .4s ease; }
.azs-wrk__card:hover .azs-wrk__card-overlay[style] { filter: brightness(1.08); }

/* Badge */
.azs-wrk__badge {
    display:       inline-block;
    padding:       4px 12px;
    border-radius: 9999px;
    font-size:     12px;
    font-weight:   700;
    color:         #fff;
    background:    rgba(255,255,255,.18);
    border:        1px solid rgba(255,255,255,.25);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    margin-bottom: 10px;
    align-self:    flex-start;
}

/* العنوان */
.azs-wrk__card-title {
    font-size:   20px;
    font-weight: 900;
    color:       #fff;
    margin:      0 0 6px;
}

/* الرقم / الإنجاز */
.azs-wrk__stat {
    font-size:   28px;
    font-weight: 900;
    line-height: 1;
    margin:      0 0 6px;
    background-image:        linear-gradient(90deg,#fff,rgba(255,255,255,.75));
    -webkit-background-clip: text;
    background-clip:         text;
    color:                   transparent;
    -webkit-text-fill-color: transparent;
}

/* الوصف */
.azs-wrk__card-desc {
    font-size:  13px;
    color:      rgba(255,255,255,.75);
    margin:     0;
    line-height:1.5;
}

/* حالة مخفية (Load More) */
.azs-wrk__card.is-hidden { display: none; }

/* ── زر Load More ────────────────────────────────────────────── */
.azs-wrk__footer {
    display:         flex;
    justify-content: center;
    margin-top:      48px;
}
.azs-wrk__load-more {
    display:         inline-flex;
    align-items:     center;
    gap:             10px;
    padding:         14px 36px;
    border-radius:   9999px;
    font-family:     inherit;
    font-size:       15px;
    font-weight:     700;
    color:           #fff;
    background:      rgba(255,255,255,.06);
    border:          1px solid rgba(255,255,255,.15);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    cursor:          pointer;
    transition:      background .3s ease, border-color .3s ease,
                     transform .3s ease, box-shadow .3s ease;
    direction:       rtl;
}
.azs-wrk__load-more:hover {
    background:   rgba(124,58,237,.25);
    border-color: rgba(124,58,237,.6);
    transform:    translateY(-2px);
    box-shadow:   0 12px 32px -10px rgba(124,58,237,.4);
}
.azs-wrk__load-more:active { transform: translateY(0); }

.azs-wrk__load-more svg {
    flex-shrink: 0;
    transition:  transform .3s ease;
}
.azs-wrk__load-more:hover svg { transform: rotate(180deg); }

/* ── حالة فارغة (في المحرر) ─────────────────────────────────── */
.azs-wrk__empty {
    text-align:    center;
    padding:       48px;
    color:         var(--azs-muted);
    font-size:     15px;
    border:        1px dashed rgba(255,255,255,.15);
    border-radius: var(--azs-radius);
}