/* ==========================================================
   ebmnt1-footer.css
   الفوتر: خلفية زرقاء + 4 أعمدة + شريط سفلي
   وفي آخره: created by engz business | انجز بيزنس
   بتصميم 3D (extrusion + perspective + tilt مع الماوس) على شكل signature
   ========================================================== */

:root {
    /* ---------- ألوان ---------- */
    --ebmnt1-footer-background-color: var(--ebmnt1-color-primary-blue);
    --ebmnt1-footer-heading-text-color: var(--ebmnt1-color-helper-white);
    --ebmnt1-footer-heading-divider-color: var(--ebmnt1-color-secondary-yellow);
    --ebmnt1-footer-link-text-color: var(--ebmnt1-color-helper-white);
    --ebmnt1-footer-link-hover-text-color: var(--ebmnt1-color-secondary-yellow);
    --ebmnt1-footer-link-icon-color: var(--ebmnt1-color-secondary-yellow);
    --ebmnt1-footer-link-icon-hover-color: var(--ebmnt1-color-helper-white);
    --ebmnt1-footer-contact-icon-color: var(--ebmnt1-color-secondary-yellow);
    --ebmnt1-footer-contact-text-color: var(--ebmnt1-color-helper-white);
    --ebmnt1-footer-contact-hover-text-color: var(--ebmnt1-color-secondary-yellow);
    --ebmnt1-footer-social-icon-color: var(--ebmnt1-color-secondary-yellow);
    --ebmnt1-footer-social-icon-hover-color: var(--ebmnt1-color-helper-white);
    --ebmnt1-footer-bottom-border-color: var(--ebmnt1-color-helper-light-blue);
    --ebmnt1-footer-logo-text-color: var(--ebmnt1-color-helper-white);
    --ebmnt1-footer-logo-icon-color: var(--ebmnt1-color-secondary-yellow);
    --ebmnt1-footer-copyright-text-color: var(--ebmnt1-color-helper-white);

    /* ---------- توقيع engz business (3D) ---------- */
    --ebmnt1-footer-credit-label-text-color: var(--ebmnt1-color-helper-surface);
    --ebmnt1-footer-credit-background-start-color: var(--ebmnt1-color-helper-yellow-light);
    --ebmnt1-footer-credit-background-end-color: var(--ebmnt1-color-secondary-yellow);
    --ebmnt1-footer-credit-text-color: var(--ebmnt1-color-helper-heading-dark);
    --ebmnt1-footer-credit-divider-color: var(--ebmnt1-color-primary-blue);
    --ebmnt1-footer-credit-underline-color: var(--ebmnt1-color-primary-blue);
    --ebmnt1-footer-credit-extrusion-near-color: var(--ebmnt1-color-helper-yellow-dark);
    --ebmnt1-footer-credit-extrusion-far-color: var(--ebmnt1-color-helper-yellow-darker);
    --ebmnt1-footer-credit-ground-shadow-color: var(--ebmnt1-color-helper-overlay-dark);
    --ebmnt1-footer-credit-highlight-color: var(--ebmnt1-color-helper-white);
    --ebmnt1-footer-credit-icon-color: var(--ebmnt1-color-primary-blue);

    /* ---------- مقاسات ---------- */
    --ebmnt1-footer-top-edge-gap: 3em;
    --ebmnt1-footer-bottom-edge-gap: 1.5em;
    --ebmnt1-footer-columns-gap: 2em;
    --ebmnt1-footer-column-gap: 1em;
    --ebmnt1-footer-list-gap: 0.65em;
    --ebmnt1-footer-heading-divider-width: 35px;
    --ebmnt1-footer-heading-divider-height: 1.5px;
    --ebmnt1-footer-link-icon-size: clamp(0.8rem, 0.75rem + 0.2vw, 1rem);
    --ebmnt1-footer-contact-icon-size: clamp(1.1rem, 1rem + 0.5vw, 1.5rem);
    --ebmnt1-footer-social-icon-size: clamp(1.2rem, 1.1rem + 0.5vw, 1.5rem);
    --ebmnt1-footer-social-gap: 1.25rem;
    --ebmnt1-footer-logo-font-size: clamp(1.3rem, 1.1rem + 0.8vw, 1.8rem);
    --ebmnt1-footer-credit-tilt-perspective: 700px;
    --ebmnt1-footer-credit-radius: 14px;
    --ebmnt1-footer-credit-font-size: clamp(0.95rem, 0.9rem + 0.3vw, 1.15rem);
    --ebmnt1-footer-credit-label-font-size: clamp(0.78rem, 0.75rem + 0.2vw, 0.9rem);
    --ebmnt1-footer-credit-icon-size: clamp(0.7rem, 0.65rem + 0.2vw, 0.85rem);
    --ebmnt1-footer-credit-transition: 0.25s ease;
}

@media (min-width: 768px) {
    :root {
        --ebmnt1-footer-top-edge-gap: 5em;
        --ebmnt1-footer-bottom-edge-gap: 2em;
    }
}

.ebmnt1-footer {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    background-color: var(--ebmnt1-footer-background-color);
}

/* ---------- الجزء العلوي: الأعمدة ---------- */
.ebmnt1-footer__top {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--ebmnt1-footer-top-edge-gap);
}

.ebmnt1-footer__top::before,
.ebmnt1-footer__top::after {
    content: "";
}

.ebmnt1-footer__columns {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--ebmnt1-footer-columns-gap);
}

.ebmnt1-footer__column {
    flex: 0 0 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--ebmnt1-footer-column-gap);
    text-align: center;
}

.ebmnt1-footer__heading {
    font-size: var(--ebmnt1-font-size-small-title);
    font-weight: var(--ebmnt1-font-weight-semibold);
    color: var(--ebmnt1-footer-heading-text-color);
}

.ebmnt1-footer__divider {
    width: var(--ebmnt1-footer-heading-divider-width);
    height: var(--ebmnt1-footer-heading-divider-height);
    background-color: var(--ebmnt1-footer-heading-divider-color);
}

.ebmnt1-footer__list {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--ebmnt1-footer-list-gap);
}

.ebmnt1-footer__link {
    display: inline-flex;
    align-items: center;
    gap: 0.6em;
    font-size: var(--ebmnt1-font-size-label);
    font-weight: var(--ebmnt1-font-weight-medium);
    line-height: 1.5;
    color: var(--ebmnt1-footer-link-text-color);
    transition: color var(--ebmnt1-transition-base);
}

.ebmnt1-footer__link:hover {
    color: var(--ebmnt1-footer-link-hover-text-color);
}

.ebmnt1-footer__link-icon {
    font-size: var(--ebmnt1-footer-link-icon-size);
    color: var(--ebmnt1-footer-link-icon-color);
    transition: color var(--ebmnt1-transition-base);
}

.ebmnt1-footer__link:hover .ebmnt1-footer__link-icon {
    color: var(--ebmnt1-footer-link-icon-hover-color);
}

.ebmnt1-footer__contact-item {
    display: inline-flex;
    align-items: center;
    gap: 0.6em;
    font-size: var(--ebmnt1-font-size-label);
    font-weight: var(--ebmnt1-font-weight-medium);
    line-height: 1.5;
    text-align: start;
    color: var(--ebmnt1-footer-contact-text-color);
    transition: color var(--ebmnt1-transition-base);
}

.ebmnt1-footer__contact-item:hover {
    color: var(--ebmnt1-footer-contact-hover-text-color);
}

.ebmnt1-footer__contact-icon {
    flex-shrink: 0;
    font-size: var(--ebmnt1-footer-contact-icon-size);
    color: var(--ebmnt1-footer-contact-icon-color);
}

.ebmnt1-footer__contact-value--ltr {
    direction: ltr;
}

.ebmnt1-footer__socials {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--ebmnt1-footer-social-gap);
}

.ebmnt1-footer__social-link {
    display: inline-flex;
    font-size: var(--ebmnt1-footer-social-icon-size);
    color: var(--ebmnt1-footer-social-icon-color);
    transition: color var(--ebmnt1-transition-base), transform var(--ebmnt1-transition-base);
}

.ebmnt1-footer__social-link:hover {
    color: var(--ebmnt1-footer-social-icon-hover-color);
    transform: translateY(-3px);
}

/* ---------- الشريط السفلي ---------- */
.ebmnt1-footer__bottom {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--ebmnt1-footer-bottom-edge-gap);
    border-top: 1px solid var(--ebmnt1-footer-bottom-border-color);
}

.ebmnt1-footer__bottom::before,
.ebmnt1-footer__bottom::after {
    content: "";
}

.ebmnt1-footer__bottom-inner {
    gap: 1.5em;
}

.ebmnt1-footer__bottom-row {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 1em;
}

.ebmnt1-footer__logo {
    display: inline-flex;
    align-items: center;
    gap: 0.5em;
    font-size: var(--ebmnt1-footer-logo-font-size);
    font-weight: var(--ebmnt1-font-weight-bold);
    line-height: 1;
    color: var(--ebmnt1-footer-logo-text-color);
}

.ebmnt1-footer__logo-icon {
    color: var(--ebmnt1-footer-logo-icon-color);
}

.ebmnt1-footer__copyright {
    font-size: var(--ebmnt1-font-size-label);
    font-weight: var(--ebmnt1-font-weight-medium);
    color: var(--ebmnt1-footer-copyright-text-color);
}

/* ==========================================================
   created by engz business | انجز بيزنس   (3D signature)
   ========================================================== */
.ebmnt1-footer__credit-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.9em;
    flex-wrap: wrap;
    perspective: var(--ebmnt1-footer-credit-tilt-perspective);
}

.ebmnt1-footer__credit-label {
    font-size: var(--ebmnt1-footer-credit-label-font-size);
    font-weight: var(--ebmnt1-font-weight-medium);
    letter-spacing: 0.04em;
    color: var(--ebmnt1-footer-credit-label-text-color);
}

.ebmnt1-footer__credit {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.7em;
    padding: 0.55em 1.1em;
    border-radius: var(--ebmnt1-footer-credit-radius);
    background-image: linear-gradient(145deg, var(--ebmnt1-footer-credit-background-start-color), var(--ebmnt1-footer-credit-background-end-color));
    font-size: var(--ebmnt1-footer-credit-font-size);
    font-weight: var(--ebmnt1-font-weight-bold);
    line-height: 1.2;
    color: var(--ebmnt1-footer-credit-text-color);
    transform-style: preserve-3d;
    transform: rotateX(var(--ebmnt1-footer-credit-tilt-x, 8deg)) rotateY(var(--ebmnt1-footer-credit-tilt-y, 0deg)) translateZ(0);
    box-shadow:
        0 1px 0 var(--ebmnt1-footer-credit-extrusion-near-color),
        0 2px 0 var(--ebmnt1-footer-credit-extrusion-near-color),
        0 3px 0 var(--ebmnt1-footer-credit-extrusion-near-color),
        0 4px 0 var(--ebmnt1-footer-credit-extrusion-far-color),
        0 5px 0 var(--ebmnt1-footer-credit-extrusion-far-color),
        0 6px 0 var(--ebmnt1-footer-credit-extrusion-far-color),
        0 14px 20px var(--ebmnt1-footer-credit-ground-shadow-color),
        inset 0 1px 0 var(--ebmnt1-footer-credit-highlight-color);
    transition: transform var(--ebmnt1-footer-credit-transition), box-shadow var(--ebmnt1-footer-credit-transition);
    will-change: transform;
}

/* لمعة بتعدّي على الزرار */
.ebmnt1-footer__credit::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background-image: linear-gradient(115deg, transparent 35%, var(--ebmnt1-footer-credit-highlight-color) 50%, transparent 65%);
    background-position: 160% 0;
    background-repeat: no-repeat;
    background-size: 220% 100%;
    opacity: 0.55;
    pointer-events: none;
    transition: background-position 0.7s ease;
}

.ebmnt1-footer__credit:hover,
.ebmnt1-footer__credit:focus-visible {
    transform: rotateX(var(--ebmnt1-footer-credit-tilt-x, 0deg)) rotateY(var(--ebmnt1-footer-credit-tilt-y, 0deg)) translateY(-4px) translateZ(14px);
    box-shadow:
        0 1px 0 var(--ebmnt1-footer-credit-extrusion-near-color),
        0 2px 0 var(--ebmnt1-footer-credit-extrusion-near-color),
        0 3px 0 var(--ebmnt1-footer-credit-extrusion-near-color),
        0 4px 0 var(--ebmnt1-footer-credit-extrusion-far-color),
        0 5px 0 var(--ebmnt1-footer-credit-extrusion-far-color),
        0 6px 0 var(--ebmnt1-footer-credit-extrusion-far-color),
        0 7px 0 var(--ebmnt1-footer-credit-extrusion-far-color),
        0 8px 0 var(--ebmnt1-footer-credit-extrusion-far-color),
        0 22px 30px var(--ebmnt1-footer-credit-ground-shadow-color),
        inset 0 1px 0 var(--ebmnt1-footer-credit-highlight-color);
}

.ebmnt1-footer__credit:hover::before,
.ebmnt1-footer__credit:focus-visible::before {
    background-position: -60% 0;
}

.ebmnt1-footer__credit:active {
    transform: rotateX(0deg) translateY(3px);
}

.ebmnt1-footer__credit-brand {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.55em;
    transform: translateZ(18px);
}

.ebmnt1-footer__credit-name-en {
    font-style: italic;
    text-decoration: underline wavy;
    text-decoration-color: var(--ebmnt1-footer-credit-underline-color);
    text-decoration-thickness: 1.5px;
    text-underline-offset: 0.3em;
    letter-spacing: 0.02em;
    direction: ltr;
}

.ebmnt1-footer__credit-divider {
    color: var(--ebmnt1-footer-credit-divider-color);
}

.ebmnt1-footer__credit-icon {
    position: relative;
    font-size: var(--ebmnt1-footer-credit-icon-size);
    color: var(--ebmnt1-footer-credit-icon-color);
    transform: translateZ(18px);
    transition: transform var(--ebmnt1-footer-credit-transition);
}

.ebmnt1-footer__credit:hover .ebmnt1-footer__credit-icon {
    transform: translateZ(18px) translate(-3px, -3px);
}

/* ---------- تابلت ---------- */
@media (min-width: 768px) {
    .ebmnt1-footer__columns {
        justify-content: space-between;
    }

    .ebmnt1-footer__column {
        flex: 0 0 calc(50% - var(--ebmnt1-footer-columns-gap) / 2);
        align-items: flex-start;
        text-align: start;
    }

    .ebmnt1-footer__list {
        align-items: flex-start;
    }

    .ebmnt1-footer__socials {
        justify-content: flex-start;
    }

    .ebmnt1-footer__bottom-row {
        flex-direction: row;
    }
}

/* ---------- لابتوب: 4 أعمدة ---------- */
@media (min-width: 1024px) {
    .ebmnt1-footer__column {
        flex: 1 1 0;
    }

    .ebmnt1-footer__column--wide {
        flex: 1.7 1 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ebmnt1-footer__credit,
    .ebmnt1-footer__credit:hover {
        transform: none;
    }
}