/* ==========================================================================
   Shared Premium Footer
   يجب ربط هذا الملف بعد:
   style.css
   responsive.css
   brand-pages.css
   ========================================================================== */

.site_footer {
    --footer-accent: #37b9f4;
    --footer-accent-secondary: #1779d5;

    --footer-accent-rgb: 55, 185, 244;
    --footer-accent-secondary-rgb: 23, 121, 213;

    --footer-background-start: #071326;
    --footer-background-middle: #041022;
    --footer-background-end: #020918;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    color: #ffffff;

    background:
        radial-gradient(
            ellipse at 4% 15%,
            rgba(var(--footer-accent-rgb), 0.15) 0%,
            rgba(var(--footer-accent-rgb), 0.06) 22%,
            transparent 45%
        ),
        radial-gradient(
            ellipse at 94% 78%,
            rgba(var(--footer-accent-secondary-rgb), 0.17) 0%,
            rgba(var(--footer-accent-secondary-rgb), 0.06) 25%,
            transparent 48%
        ),
        linear-gradient(
            116deg,
            var(--footer-background-start) 0%,
            var(--footer-background-middle) 50%,
            var(--footer-background-end) 100%
        ) !important;

    border-radius: 34px 34px 0 0;
    box-shadow:
        0 -12px 50px rgba(0, 0, 0, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

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

/* ==========================================================================
   Brand Color Variables
   الحفاظ على تصميم الفوتر نفسه مع تقريب الخلفية من هوية كل صفحة
   ========================================================================== */


/* ==========================================================================
   Hyper Cool
   ========================================================================== */

.site_footer--hyper-cool {
    --footer-accent: #0b72b5;
    --footer-accent-secondary: #0a6fa8;

    --footer-accent-rgb: 11, 114, 181;
    --footer-accent-secondary-rgb: 10, 111, 168;

    --footer-background-start: #08405e;
    --footer-background-middle: #052f47;
    --footer-background-end: #02131e;
}


/* ==========================================================================
   Vortex
   ========================================================================== */

body[data-brand="vortex"] footer.site_footer {
    --footer-accent: #0971b7;
    --footer-accent-secondary: #0d71b9;

    --footer-accent-rgb: 9, 113, 183;
    --footer-accent-secondary-rgb: 13, 113, 185;

    --footer-background-start: #0a405e;
    --footer-background-middle: #06324c;
    --footer-background-end: #031824;

    background:
        radial-gradient(
            ellipse at 3% 12%,
            rgba(9, 113, 183, 0.24) 0%,
            rgba(13, 113, 185, 0.10) 24%,
            transparent 47%
        ),
        radial-gradient(
            ellipse at 94% 80%,
            rgba(13, 113, 185, 0.20) 0%,
            rgba(9, 113, 183, 0.07) 26%,
            transparent 50%
        ),
        linear-gradient(
            116deg,
            var(--footer-background-start) 0%,
            var(--footer-background-middle) 52%,
            var(--footer-background-end) 100%
        ) !important;
}


/* Hotwav */

body[data-brand="hotwav"] footer.site_footer {
    --footer-accent: #00dff6;
    --footer-accent-secondary: #138be8;

    --footer-accent-rgb: 0, 223, 246;
    --footer-accent-secondary-rgb: 19, 139, 232;

    --footer-background-start: #061a27;
    --footer-background-middle: #031323;
    --footer-background-end: #020a18;

    background:
        radial-gradient(
            ellipse at 2% 16%,
            rgba(0, 223, 246, 0.18) 0%,
            rgba(0, 223, 246, 0.06) 24%,
            transparent 46%
        ),
        radial-gradient(
            ellipse at 94% 78%,
            rgba(19, 139, 232, 0.18) 0%,
            rgba(19, 139, 232, 0.05) 27%,
            transparent 50%
        ),
        linear-gradient(
            116deg,
            #061a27 0%,
            #031323 52%,
            #020a18 100%
        ) !important;
}

/* Yomi Digi */

body[data-brand="yomi-digi"] footer.site_footer {
    --footer-accent: #e0b330;
    --footer-accent-secondary: #f1d161;

    --footer-accent-rgb: 224, 179, 48;
    --footer-accent-secondary-rgb: 241, 209, 97;

    --footer-background-start: #211f18;
    --footer-background-middle: #151515;
    --footer-background-end: #0b0b0b;

    background:
        radial-gradient(
            ellipse at 3% 15%,
            rgba(224, 179, 48, 0.19) 0%,
            rgba(224, 179, 48, 0.06) 25%,
            transparent 47%
        ),
        radial-gradient(
            ellipse at 94% 80%,
            rgba(241, 209, 97, 0.15) 0%,
            rgba(224, 179, 48, 0.05) 27%,
            transparent 50%
        ),
        linear-gradient(
            116deg,
            #211f18 0%,
            #151515 52%,
            #0b0b0b 100%
        ) !important;
}

/* ==========================================================================
   Decorative Background
   ========================================================================== */

.site_footer .footer_visuals {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
}

.site_footer .footer_glow {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(18px);
}

.site_footer .footer_glow--start {
    top: -330px;
    left: -250px;
    width: 720px;
    height: 720px;

    background:
        radial-gradient(
            circle,
            rgba(var(--footer-accent-rgb), 0.15) 0%,
            rgba(var(--footer-accent-rgb), 0.055) 40%,
            transparent 71%
        );
}

.site_footer .footer_glow--end {
    right: -300px;
    bottom: -380px;
    width: 850px;
    height: 850px;

    background:
        radial-gradient(
            circle,
            rgba(var(--footer-accent-secondary-rgb), 0.16) 0%,
            rgba(var(--footer-accent-secondary-rgb), 0.05) 43%,
            transparent 72%
        );
}

.site_footer .footer_orbits {
    position: absolute;
    right: -130px;
    bottom: -365px;
    width: 820px;
    height: 620px;
    border: 1px solid rgba(var(--footer-accent-rgb), 0.18);
    border-radius: 50%;
    transform: rotate(-9deg);

    box-shadow:
        0 0 0 22px rgba(var(--footer-accent-rgb), 0.026),
        0 0 0 44px rgba(var(--footer-accent-rgb), 0.022),
        0 0 0 66px rgba(var(--footer-accent-rgb), 0.018),
        0 0 0 88px rgba(var(--footer-accent-secondary-rgb), 0.014),
        0 0 0 110px rgba(var(--footer-accent-secondary-rgb), 0.011);
}

.site_footer .footer_orbits::before {
    content: "";
    position: absolute;
    inset: 74px 42px;
    border: 1px solid rgba(var(--footer-accent-secondary-rgb), 0.12);
    border-radius: 50%;
}

.site_footer .footer_orbits::after {
    content: "";
    position: absolute;
    inset: 142px 105px;
    border: 1px solid rgba(var(--footer-accent-rgb), 0.08);
    border-radius: 50%;
}

.site_footer .footer_dots {
    position: absolute;
    left: 50%;
    bottom: 20px;
    width: 205px;
    height: 42px;
    opacity: 0.54;
    transform: translateX(-50%);
    border: 0;
    outline: 0;
    box-shadow: none;
    background-color: transparent;

    background-image:
        radial-gradient(
            circle,
            rgba(var(--footer-accent-rgb), 0.82) 1.45px,
            transparent 1.8px
        );

    background-size: 19px 19px;
}

.site_footer .footer_dots::after {
    content: none;
    display: none;
}


/* ==========================================================================
   Main Containers
   ========================================================================== */

.site_footer .top_footer,
.site_footer .top_footer.has_bg {
    position: relative;
    z-index: 2;
    overflow: visible;
    padding: 70px 0 50px;
    background: transparent !important;
}

.site_footer .top_footer .container,
.site_footer .bottom_footer .container {
    position: relative;
    z-index: 3;
    width: 100%;
    max-width: 1510px;
    padding-right: 38px;
    padding-left: 38px;
}

.site_footer .footer_grid {
    display: grid;
    grid-template-columns:
        minmax(300px, 1.42fr)
        minmax(190px, 0.82fr)
        minmax(185px, 0.80fr)
        minmax(170px, 0.70fr)
        minmax(330px, 1.30fr);

    align-items: stretch;
    width: 100%;
    margin: 0;
}

.site_footer .footer_column {
    position: relative;
    min-width: 0;
    padding: 0 29px;
}

.site_footer .footer_column:first-child {
    padding-left: 0;
}

.site_footer .footer_column:last-child {
    padding-right: 0;
}

.site_footer .footer_column + .footer_column {
    border-left: 1px solid rgba(255, 255, 255, 0.12);
}

.site_footer .footer_card {
    position: relative;
    height: 100%;
}

.site_footer .footer_identity {
    max-width: 405px;
}


/* ==========================================================================
   Identity
   ========================================================================== */

.site_footer .footer_brand_header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 17px;
    min-height: 78px;
    margin-bottom: 14px;
}

.site_footer .footer_logo {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    min-height: 0;
    margin: 0 !important;
    overflow: visible;
}

.site_footer .footer_logo a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    text-decoration: none !important;
}

.site_footer .footer_logo img {
    display: block !important;
    width: auto !important;
    height: 62px !important;
    max-width: 175px !important;
    max-height: 62px !important;
    object-fit: contain !important;
    object-position: center !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none;
}

.site_footer .footer_brand_name {
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    font-size: 26px;
    line-height: 1.35;
    font-weight: 700;
}

.site_footer--hyper-cool .footer_logo img {
    height: 72px !important;
    max-width: 205px !important;
    max-height: 72px !important;
}

body[data-brand="vortex"] .site_footer .footer_logo img {
    height: 67px !important;
    max-width: 185px !important;
    max-height: 67px !important;
}

body[data-brand="hotwav"] .site_footer .footer_logo img {
    height: 61px !important;
    max-width: 210px !important;
    max-height: 61px !important;
}

body[data-brand="yomi-digi"] .site_footer .footer_logo img {
    height: 69px !important;
    max-width: 210px !important;
    max-height: 69px !important;

    filter:
        brightness(0)
        saturate(100%)
        invert(78%)
        sepia(23%)
        saturate(2376%)
        hue-rotate(346deg)
        brightness(109%)
        contrast(76%) !important;
}

.site_footer .footer_brand_line {
    width: 54px;
    height: 3px;
    margin: 0 0 23px;
    border-radius: 20px;

    background:
        linear-gradient(
            90deg,
            var(--footer-accent),
            var(--footer-accent-secondary)
        );

    box-shadow:
        0 0 16px rgba(var(--footer-accent-rgb), 0.46);
}

.site_footer .footer_description {
    max-width: 385px;
    margin: 0 0 21px !important;
    color: rgba(255, 255, 255, 0.70) !important;
    font-size: 14px;
    line-height: 1.95;
    font-weight: 400;
}


/* ==========================================================================
   Contact Information
   ========================================================================== */

.site_footer .footer_contact_list {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin: 0 0 22px !important;
    padding: 0 !important;
    list-style: none !important;
}

.site_footer .footer_contact_list li {
    float: none !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.site_footer .footer_contact_link {
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 13px;
    min-height: 42px;
    max-width: 100%;
    color: rgba(255, 255, 255, 0.84) !important;
    font-size: 14px;
    line-height: 1.6;
    text-decoration: none !important;

    transition:
        color 0.25s ease,
        transform 0.25s ease;
}

.site_footer .footer_contact_link:hover {
    color: #ffffff !important;
    transform: translateY(-2px);
}

.site_footer .footer_contact_link i {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 41px;
    width: 41px;
    height: 41px;
    color: #ffffff !important;
    border: 1px solid rgba(var(--footer-accent-rgb), 0.28);
    border-radius: 11px;

    background:
        linear-gradient(
            145deg,
            rgba(var(--footer-accent-rgb), 0.12),
            rgba(var(--footer-accent-secondary-rgb), 0.035)
        );

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.055),
        0 8px 22px rgba(0, 0, 0, 0.12);

    font-size: 17px;
}

.site_footer .footer_contact_link span {
    min-width: 0;
    overflow-wrap: anywhere;
    color: inherit !important;
}


/* ==========================================================================
   Social Media
   ========================================================================== */

.site_footer .footer_social_title {
    margin: 0 0 12px !important;
    color: #ffffff !important;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 600;
}

.site_footer .footer_social {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 11px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.site_footer .footer_social li {
    float: none !important;
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.site_footer .footer_social a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 50%;

    background:
        linear-gradient(
            145deg,
            rgba(var(--footer-accent-rgb), 0.12),
            rgba(255, 255, 255, 0.018)
        );

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.07),
        0 8px 20px rgba(0, 0, 0, 0.15);

    text-decoration: none !important;

    transition:
        border-color 0.25s ease,
        background-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}

.site_footer .footer_social a:hover {
    border-color: rgba(var(--footer-accent-rgb), 0.85);
    background-color: rgba(var(--footer-accent-rgb), 0.17);

    box-shadow:
        0 0 0 4px rgba(var(--footer-accent-rgb), 0.06),
        0 0 22px rgba(var(--footer-accent-rgb), 0.22);

    transform: translateY(-3px);
}

.site_footer .footer_social i {
    display: block;
    font-size: 19px;
    line-height: 1;
}

.site_footer .footer_social li:nth-child(1) i {
    color: #4285f4 !important;
}

.site_footer .footer_social li:nth-child(2) i {
    color: #28a9e2 !important;
}

.site_footer .footer_social li:nth-child(3) i {
    color: #ff4f9a !important;
}

.site_footer .footer_social li:nth-child(4) i {
    color: #e83845 !important;
}


/* ==========================================================================
   Section Titles
   ========================================================================== */

.site_footer .footer_section_title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 13px;
    min-height: 48px;
    margin: 0 0 17px;
}

.site_footer .footer_heading_icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 47px;
    width: 47px;
    height: 47px;
    color: #ffffff !important;
    border: 1px solid rgba(var(--footer-accent-rgb), 0.27);
    border-radius: 13px;

    background:
        linear-gradient(
            145deg,
            rgba(var(--footer-accent-rgb), 0.12),
            rgba(var(--footer-accent-secondary-rgb), 0.035)
        );

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.055),
        0 8px 22px rgba(0, 0, 0, 0.13);

    font-size: 20px;
}

.site_footer .footer_heading_icon i {
    color: #ffffff !important;
}

.site_footer .footer_heading_icon svg {
    color: #ffffff !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}

.site_footer .footer_heading {
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    font-size: 17px;
    line-height: 1.5;
    font-weight: 600;
}

.site_footer .footer_heading::after {
    content: none !important;
    display: none !important;
}


/* ==========================================================================
   Footer Links
   ========================================================================== */

.site_footer .footer_link_list {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.site_footer .footer_link_list li {
    position: relative;
    float: none !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    list-style: none !important;
}

.site_footer .footer_link_list li:last-child {
    border-bottom: 0;
}

.site_footer .footer_link_list li::before {
    content: none !important;
    display: none !important;
}

.site_footer .footer_link_list a {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    min-height: 49px;
    padding: 8px 0 !important;
    color: rgba(255, 255, 255, 0.75) !important;
    font-size: 14px;
    line-height: 1.55;
    font-weight: 400;
    text-decoration: none !important;

    transition:
        color 0.25s ease,
        transform 0.25s ease;
}

.site_footer .footer_link_list a::before {
    content: "";
    display: block !important;
    flex: 0 0 7px;
    width: 7px;
    height: 7px;
    border-radius: 2px;

    background:
        linear-gradient(
            135deg,
            var(--footer-accent),
            var(--footer-accent-secondary)
        );

    box-shadow:
        0 0 10px rgba(var(--footer-accent-rgb), 0.50);

    transform: rotate(45deg);
}

.site_footer .footer_link_list a:hover {
    color: #ffffff !important;
    transform: translateX(4px);
}


/* ==========================================================================
   Application Download Box
   ========================================================================== */

.site_footer .footer_store_box {
    position: relative;
    min-height: auto;
    padding: 0;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.site_footer .footer_store_box::before {
    content: none;
    display: none;
}

.site_footer .footer_store_intro {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 14px;
    margin-bottom: 23px;
}

.site_footer .footer_store_intro .footer_heading_icon {
    flex-basis: 53px;
    width: 53px;
    height: 53px;
    font-size: 23px;
}

.site_footer .footer_store_content {
    min-width: 0;
    flex: 1 1 auto;
}

.site_footer .footer_store_content .footer_heading {
    margin-bottom: 5px !important;
    font-size: 16px;
}

.site_footer .footer_store_text {
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.66) !important;
    font-size: 12.5px;
    line-height: 1.75;
}

.site_footer .footer_store_buttons {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.site_footer .footer_store_buttons li {
    float: none !important;
    display: block !important;
    width: max-content !important;
    max-width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.site_footer .footer_store_buttons a {
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    width: max-content !important;
    max-width: 100%;
    min-height: 72px;
    padding: 11px 14px;
    overflow: hidden;
    color: #ffffff !important;
    border: 1px solid rgba(var(--footer-accent-rgb), 0.52);
    border-radius: 17px;

    background:
        linear-gradient(
            100deg,
            rgba(2, 14, 30, 0.90),
            rgba(var(--footer-accent-secondary-rgb), 0.105)
        );

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.045),
        0 12px 28px rgba(0, 0, 0, 0.19);

    text-decoration: none !important;

    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}

.site_footer .footer_store_buttons a:hover {
    border-color: var(--footer-accent);

    box-shadow:
        0 0 0 3px rgba(var(--footer-accent-rgb), 0.055),
        0 0 24px rgba(var(--footer-accent-rgb), 0.17),
        0 16px 34px rgba(0, 0, 0, 0.23);

    transform: translateY(-3px);
}

.site_footer .footer_store_buttons img {
    display: block !important;
    flex: 0 0 auto;
    width: 145px !important;
    height: auto !important;
    max-width: calc(100% - 44px) !important;
    max-height: 43px !important;
    object-fit: contain !important;
    object-position: center !important;
    transition: filter 0.25s ease;
}

.site_footer .footer_store_arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    color: rgba(255, 255, 255, 0.84);
    border-left: 1px solid rgba(255, 255, 255, 0.19);
    font-family: Arial, sans-serif;
    font-size: 20px;
    line-height: 1;
}

.site_footer .footer_store_arrow::before {
    content: "→";
}


/* App Store and Google Play icons — White */

.site_footer .footer_store_buttons img {
    filter: brightness(0) saturate(100%) invert(100%) !important;
}
/* ==========================================================================
   Bottom Footer
   ========================================================================== */

.site_footer .bottom_footer {
    position: relative;
    z-index: 3;
    padding: 19px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.13) !important;
    background: rgba(0, 0, 0, 0.055) !important;
}

.site_footer .footer_bottom_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.site_footer .footer_bottom_item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 13px;
    min-width: 0;
}

.site_footer .footer_bottom_icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 43px;
    width: 43px;
    height: 43px;
    color: #ffffff !important;
    border: 1px solid rgba(var(--footer-accent-rgb), 0.23);
    border-radius: 12px;
    background: rgba(var(--footer-accent-rgb), 0.075);
    font-size: 18px;
}

.site_footer .footer_bottom_icon i {
    color: #ffffff !important;
}

.site_footer .footer_bottom_icon svg {
    color: #ffffff !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}

.site_footer .footer_copyright,
.site_footer .footer_signature {
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.82) !important;
    font-size: 13.5px;
    line-height: 1.7;
    font-weight: 400;
}

.site_footer .footer_signature strong {
    color: var(--footer-accent) !important;
    font-weight: 700;
}


/* ==========================================================================
   Arabic Alignment
   يعكس العناصر الداخلية فقط، ولا يغيّر مواقع الأعمدة
   ========================================================================== */

body.lang-ar .site_footer .footer_identity,
body.lang-ar .site_footer .footer_card {
    text-align: right;
}

body.lang-ar .site_footer .footer_brand_header,
body.lang-ar .site_footer .footer_section_title,
body.lang-ar .site_footer .footer_contact_link,
body.lang-ar .site_footer .footer_store_intro,
body.lang-ar .site_footer .footer_bottom_item {
    flex-direction: row-reverse;
}

body.lang-ar .site_footer .footer_brand_header,
body.lang-ar .site_footer .footer_section_title,
body.lang-ar .site_footer .footer_contact_link,
body.lang-ar .site_footer .footer_store_intro {
    justify-content: flex-start;
}

body.lang-ar .site_footer .footer_brand_line {
    margin-right: 0;
    margin-left: auto;
}

body.lang-ar .site_footer .footer_contact_list {
    align-items: flex-end;
}

body.lang-ar .site_footer .footer_social {
    justify-content: flex-start;
}

body.lang-ar .site_footer .footer_link_list a {
    flex-direction: row-reverse;
    justify-content: flex-start;
    text-align: right;
}

body.lang-ar .site_footer .footer_link_list a:hover {
    transform: translateX(-4px);
}
body.lang-ar .site_footer .footer_store_buttons {
    align-items: flex-end;
}

body.lang-ar .site_footer .footer_store_buttons a {
    flex-direction: row-reverse;
}

body.lang-ar .site_footer .footer_store_arrow {
    border-right: 1px solid rgba(255, 255, 255, 0.19);
    border-left: 0;
}

body.lang-ar .site_footer .footer_store_arrow::before {
    content: "←";
}

body.lang-ar .site_footer .footer_store_content {
    text-align: right;
}


/* ==========================================================================
   English Alignment
   ========================================================================== */

body.lang-en .site_footer .footer_identity,
body.lang-en .site_footer .footer_card {
    text-align: left;
}

body.lang-en .site_footer .footer_brand_header,
body.lang-en .site_footer .footer_section_title,
body.lang-en .site_footer .footer_contact_link,
body.lang-en .site_footer .footer_store_intro,
body.lang-en .site_footer .footer_bottom_item {
    flex-direction: row;
}

body.lang-en .site_footer .footer_brand_line {
    margin-right: auto;
    margin-left: 0;
}

body.lang-en .site_footer .footer_contact_list {
    align-items: flex-start;
}

body.lang-en .site_footer .footer_social {
    justify-content: flex-start;
}

body.lang-en .site_footer .footer_link_list a {
    flex-direction: row;
    text-align: left;
}

body.lang-en .site_footer .footer_store_buttons {
    align-items: flex-start;
}

body.lang-en .site_footer .footer_store_buttons a {
    flex-direction: row;
}

body.lang-en .site_footer .footer_store_arrow {
    border-right: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.19);
}

body.lang-en .site_footer .footer_store_arrow::before {
    content: "→";
}

body.lang-en .site_footer .footer_store_content {
    text-align: left;
}


/* ==========================================================================
   Large Tablet
   ========================================================================== */

@media (max-width: 1199.98px) {
    .site_footer .footer_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .site_footer .footer_column,
    .site_footer .footer_column:first-child,
    .site_footer .footer_column:last-child {
        padding: 30px 28px;
        border: 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
    }

    .site_footer .footer_column:nth-child(odd) {
        border-right: 1px solid rgba(255, 255, 255, 0.10) !important;
    }

    .site_footer .footer_column--store {
        grid-column: 1 / -1;
        border-right: 0 !important;
        border-bottom: 0 !important;
    }

    .site_footer .footer_identity {
        max-width: none;
    }

    .site_footer .footer_store_box {
        min-height: auto;
    }

    .site_footer .footer_store_buttons {
        display: flex !important;
        grid-template-columns: none;
    }
}


/* ==========================================================================
   Tablet
   ========================================================================== */

@media (max-width: 991.98px) {
    .site_footer {
        border-radius: 28px 28px 0 0;
    }

    .site_footer .top_footer,
    .site_footer .top_footer.has_bg {
        padding-top: 44px;
        padding-bottom: 25px;
    }

    .site_footer .top_footer .container,
    .site_footer .bottom_footer .container {
        padding-right: 21px;
        padding-left: 21px;
    }

    .site_footer .footer_orbits {
        right: -260px;
        opacity: 0.72;
    }

    .site_footer .footer_dots {
        bottom: 22px;
    }
}


/* ==========================================================================
   Mobile
   ========================================================================== */

@media (max-width: 767.98px) {
    .site_footer {
        border-radius: 24px 24px 0 0;
    }

    .site_footer .top_footer,
    .site_footer .top_footer.has_bg {
        padding-top: 30px;
        padding-bottom: 10px;
    }

    .site_footer .top_footer .container,
    .site_footer .bottom_footer .container {
        padding-right: 16px;
        padding-left: 16px;
    }

    .site_footer .footer_grid {
        display: block;
    }

    .site_footer .footer_column,
    .site_footer .footer_column:first-child,
    .site_footer .footer_column:last-child,
    .site_footer .footer_column:nth-child(odd) {
        width: 100%;
        padding: 27px 3px;
        border: 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
    }

    .site_footer .footer_column:first-child {
        padding-top: 7px;
    }

    .site_footer .footer_column:last-child {
        padding-bottom: 15px;
        border-bottom: 0 !important;
    }

    .site_footer .footer_brand_header {
        min-height: auto;
        gap: 13px;
        margin-bottom: 13px;
    }

    .site_footer .footer_logo img,
    .site_footer--hyper-cool .footer_logo img,
    body[data-brand="vortex"] .site_footer .footer_logo img,
    body[data-brand="hotwav"] .site_footer .footer_logo img,
    body[data-brand="yomi-digi"] .site_footer .footer_logo img {
        width: auto !important;
        height: 57px !important;
        max-width: 160px !important;
        max-height: 57px !important;
    }

    .site_footer .footer_brand_name {
        font-size: 21px;
    }

    .site_footer .footer_description {
        max-width: none;
        font-size: 13.5px;
    }

    .site_footer .footer_section_title {
        margin-bottom: 9px;
    }

    .site_footer .footer_link_list a {
        min-height: 47px;
    }

    .site_footer .footer_store_box {
        padding: 0;
        border-radius: 0;
    }

    .site_footer .footer_store_buttons {
        display: flex !important;
    }

    .site_footer .footer_store_buttons a {
        min-height: 75px;
        padding: 13px 15px;
    }

    .site_footer .footer_store_buttons img {
        width: 132px !important;
        max-height: 39px !important;
    }

    .site_footer .footer_store_buttons a {
        min-height: 68px;
        padding: 10px 12px;
        gap: 8px;
    }

    .site_footer .footer_store_arrow {
        flex-basis: 29px;
        width: 29px;
        height: 29px;
        font-size: 18px;
    }

    .site_footer .footer_bottom_row {
        flex-direction: column;
        align-items: center;
        gap: 13px;
    }

    .site_footer .footer_bottom_item {
        justify-content: center;
        width: 100%;
        text-align: center;
    }

    .site_footer .footer_copyright,
    .site_footer .footer_signature {
        text-align: center;
        font-size: 12.5px;
    }

    .site_footer .footer_bottom_icon {
        flex-basis: 39px;
        width: 39px;
        height: 39px;
    }

    .site_footer .footer_dots {
        display: none;
    }

    .site_footer .footer_orbits {
        right: -410px;
        bottom: -410px;
        opacity: 0.55;
    }

    .site_footer .footer_glow--start {
        left: -460px;
    }
}


/* إزالة الإطار حول الأيقونات  */

/*.site_footer .footer_heading_icon,*/
/*.site_footer .footer_contact_link i,*/
.site_footer .footer_bottom_icon {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}