/* ==========================================================
   MAB Footer v4
   Premium Academic Footer
   File: Footer.css

   Structure:
   01 Base
   02 Trust
   03 Layout
   04 Contact
   05 Links/App
   06 Ebook
   07 Bottom
   08 Responsive

========================================================== */

/* ==========================================================
   01 - Base
========================================================== */
.mab-footv3{
    direction:rtl;
    color:#0f172a;
    font-family:inherit;
    background:transparent;
    --mab-text:#0f172a;
    --mab-muted:rgba(15,23,42,.65);
    --mab-border:rgba(15,23,42,.10);
    --mab-soft:#f8fafc;
    --mab-green:#16a34a;
    --mab-blue:#2563eb;
    --mab-radius:20px;
}
.mab-footv3 *,
.mab-footv3 *::before,
.mab-footv3 *::after{
    box-sizing:border-box;
}
.mab-footv3 a{
    text-decoration:none !important;
}
.mab-footv3__shell{
    max-width:1240px;
    margin:24px auto 0;
    padding:0 14px 18px;
}
/* Titles */
.mab-footv3__h3,
.mab-footv3__h4{
    margin:0;
    color:var(--mab-text);
    font-weight:900;
}
.mab-footv3__h3{
    font-size:14px;
}
.mab-footv3__h4{
    font-size:13.5px;
}
.mab-footv3__hint,
.mab-footv3__sub{
    color:var(--mab-muted);
    font-size:12px;
    font-weight:700;
}

/* ==========================================================
   02 - Trust Badges
========================================================== */
/* Wrapper */
.mab-footv3__top{
    margin-bottom:14px;
}
/* Trust Box */
.mab-footv3__trust{
    padding:12px 18px;
    border-radius:22px;
    border:1px solid var(--mab-border);
    background:
    linear-gradient(
        180deg,
        rgba(255,255,255,.98),
        rgba(248,250,252,.95)
    );
    box-shadow:
    0 10px 26px rgba(2,6,23,.05);
}
/* Header */
.mab-footv3__trustHead{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:10px;
}
/* Badge Container */
.mab-footv3__badges{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    flex-wrap:wrap;
}
/* Badge Card */
.mab-footv3__badge{
    width:72px;
    height:56px;
    padding:7px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    background:#fff;
    border:
    1px solid rgba(15,23,42,.10);
    box-shadow:
    0 6px 16px rgba(2,6,23,.05);
    overflow:hidden;
    transition:
    transform .16s ease,
    box-shadow .16s ease;
}
/* Hover */
.mab-footv3__badge:hover{
    transform:translateY(-2px);
    box-shadow:
    0 12px 24px rgba(2,6,23,.08);
}
/* Images */
.mab-footv3__badge img{
    width:100%;
    height:100%;
    max-width:100%;
    max-height:100%;
    object-fit:contain;
    display:block;
}
/* Mobile */
@media(max-width:768px){
    .mab-footv3__badges{
        justify-content:flex-start;
        flex-wrap:nowrap;
        overflow-x:auto;
        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
    }
    .mab-footv3__badges::-webkit-scrollbar{
        display:none;
    }
    .mab-footv3__badge{
        flex:0 0 auto;
        width:68px;
        height:52px;
    }
}

/* ==========================================================
   03 - Main Footer Layout
========================================================== */
/* Main Wrapper */
.mab-footv3__main{
    padding:14px;
    border-radius:24px;
    border:
    1px solid rgba(15,23,42,.08);
    background:
    linear-gradient(
        135deg,
        rgba(248,250,252,.90),
        rgba(255,255,255,.96)
    );
    box-shadow:
    0 14px 35px rgba(2,6,23,.06);
}
/* Grid */
.mab-footv3__grid{
    display:grid;
    grid-template-columns:
    1fr 1fr .95fr;
    gap:14px;
    align-items:stretch;
}
/* Columns */
.mab-footv3__col{
    position:relative;
    padding:14px;
    border-radius:20px;
    border:
    1px solid rgba(15,23,42,.08);
    background:
    rgba(255,255,255,.88);
    box-shadow:
    0 6px 18px rgba(2,6,23,.04);
    transition:
    transform .18s ease,
    box-shadow .18s ease;
}
.mab-footv3__col:hover{
    transform:translateY(-2px);
    box-shadow:
    0 14px 28px rgba(2,6,23,.08);
}
/* Column Header */
.mab-footv3__colHead{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:12px;
}
/* Keep content above effects */
.mab-footv3__col > *{
    position:relative;
    z-index:1;
}
/* Remove unwanted stretch */
.mab-footv3__col{
    min-width:0;
}
/* Bottom spacing control */
.mab-footv3__main > *:last-child{
    margin-bottom:0;
}
/* Tablet */
@media(max-width:980px){
    .mab-footv3__grid{
        grid-template-columns:1fr;
    }
}

/* ==========================================================
   04 - Contact Column
========================================================== */
/* Contact List */
.mab-footv3__contact{
    display:flex;
    flex-direction:column;
    gap:10px;
}
/* Contact Item */
.mab-footv3__cItem{
    display:flex;
    align-items:flex-start;
    gap:10px;
    padding:10px;
    border-radius:16px;
    background:
    rgba(248,250,252,.75);
    border:
    1px solid rgba(15,23,42,.07);
    transition:
    background .16s ease,
    transform .16s ease,
    border-color .16s ease;
}
.mab-footv3__cItem:hover{
    background:#fff;
    transform:translateY(-1px);
    border-color:
    rgba(37,99,235,.18);
}
/* Contact Icon */
.mab-footv3__cIco{
    width:36px;
    height:36px;
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    background:
    rgba(22,163,74,.10);
    border:
    1px solid rgba(22,163,74,.18);
    color:#065f46;
    font-size:15px;
    font-weight:900;
}
/* Contact Text */
.mab-footv3__cTxt{
    min-width:0;
}
.mab-footv3__cTxt strong{
    display:block;
    margin-bottom:3px;
    font-size:12.5px;
    font-weight:900;
    color:#0f172a;
}
.mab-footv3__cTxt span,
.mab-footv3__cTxt a{
    display:block;
    font-size:12.3px;
    line-height:1.8;
    color:
    rgba(15,23,42,.70);
}
.mab-footv3__cTxt a:hover{
    color:#2563eb;
}

/* ==========================================================
   Social Buttons
========================================================== */
.mab-footv3__social{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:12px;
}
.mab-footv3__sBtn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 12px;
    border-radius:999px;
    background:#fff;
    border:
    1px solid rgba(15,23,42,.10);
    color:#334155;
    font-size:12px;
    font-weight:800;
    transition:
    transform .15s ease,
    box-shadow .15s ease,
    border-color .15s ease;
}
.mab-footv3__sBtn:hover{
    transform:translateY(-2px);
    border-color:
    rgba(37,99,235,.20);
    box-shadow:
    0 8px 18px rgba(2,6,23,.07);
}

/* ==========================================================
   Order Tracking Note
========================================================== */
.mab-footv3__note{
    margin-top:12px;
    padding:10px 12px;
    border-radius:14px;
    background:
    rgba(37,99,235,.06);
    border:
    1px dashed rgba(37,99,235,.22);
    color:
    rgba(15,23,42,.78);
    font-size:12.3px;
    line-height:1.8;
}
.mab-footv3__note a{
    color:#2563eb;
    font-weight:900;
}
.mab-footv3__note a:hover{
    text-decoration:underline !important;
}

/* ==========================================================
   05 - Quick Links + Application
========================================================== */
/* =========================
   Quick Chips
========================= */
.mab-footv3__chips{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:14px;
}
.mab-footv3__chip{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 13px;
    border-radius:999px;
    background:
    rgba(248,250,252,.90);
    border:
    1px solid rgba(15,23,42,.09);
    color:
    rgba(15,23,42,.78);
    font-size:12.3px;
    font-weight:800;
    white-space:nowrap;
    transition:
    background .15s ease,
    transform .15s ease,
    border-color .15s ease;
}
.mab-footv3__chip:hover{
    background:#fff;
    transform:translateY(-1px);
    border-color:
    rgba(37,99,235,.18);
}
/* Active */
.mab-footv3__chip--active{
    background:
    rgba(22,163,74,.12);
    border-color:
    rgba(22,163,74,.22);
    color:#065f46;
}

/* =========================
   Application Card
========================= */
.mab-footv3__app{
    margin-top:14px;
    padding:14px;
    border-radius:18px;
    background:
    linear-gradient(
        135deg,
        rgba(37,99,235,.08),
        rgba(255,255,255,.96)
    );
    border:
    1px solid rgba(37,99,235,.12);
}
/* App Title */
.mab-footv3__appTitle{
    margin:0 0 5px;
    font-size:13px;
    font-weight:900;
    color:#0f172a;
}
/* Description */
.mab-footv3__appDesc{
    margin:0 0 12px;
    font-size:12px;
    line-height:1.8;
    color:
    rgba(15,23,42,.65);
}
/* Buttons */
.mab-footv3__appBtns{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
.mab-footv3__appBtn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 12px;
    border-radius:12px;
    background:#fff;
    border:
    1px solid rgba(15,23,42,.10);
    color:#334155;
    font-size:12px;
    font-weight:800;
    transition:
    transform .15s ease,
    box-shadow .15s ease,
    border-color .15s ease;
}
.mab-footv3__appBtn:hover{
    transform:translateY(-1px);
    border-color:
    rgba(37,99,235,.25)
    box-shadow:
    0 8px 18px rgba(2,6,23,.06);
}
/* Primary App Button */
.mab-footv3__appBtn--primary{
    background:
    rgba(37,99,235,.10);
    border-color:
    rgba(37,99,235,.18);
    color:#1d4ed8;
}

/* ==========================================================
   06 - Ebook Platforms + Bottom Actions
========================================================== */
/* =========================
   Ebook List
========================= */
.mab-footv3__ebooks{
    display:grid;
    gap:8px;
}
/* Ebook Card */
.mab-footv3__ebook{
    display:flex;
    align-items:center;
    gap:10px;
    padding:9px;
    border-radius:16px;
    background:
    rgba(248,250,252,.85);
    border:
    1px solid rgba(15,23,42,.08);
    transition:
    transform .15s ease,
    border-color .15s ease,
    background .15s ease;
}
.mab-footv3__ebook:hover{
    background:#fff;
    transform:translateY(-1px);
    border-color:
    rgba(37,99,235,.18);
}

/* Ebook Logo */
.mab-footv3__ebook img{
    width:38px;
    height:38px;
    padding:5px;
    object-fit:contain;
    border-radius:12px;
    background:#fff;
    border:
    1px solid rgba(15,23,42,.06);
}
.mab-footv3__ebook span{
    font-size:12.5px;
    font-weight:900;
    color:#334155;
}

/* =========================
   Mini Links
========================= */
.mab-footv3__miniLinks{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:8px;
    margin-top:12px;
}
.mab-footv3__miniLinks span{
    display:none;
}
.mab-footv3__miniLinks a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:7px 12px;
    border-radius:999px;
    background:
    rgba(248,250,252,.95);
    border:
    1px solid rgba(15,23,42,.10);
    color:#334155;
    font-size:12px;
    font-weight:800;
    transition:
    background .15s ease,
    transform .15s ease;
}
.mab-footv3__miniLinks a:hover{
    background:#fff;
    transform:translateY(-1px);
}

/* =========================
   Back To Top
========================= */
.mab-footv3__toTop{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:12px;
    padding:10px;
    border-radius:999px;
    background:
    linear-gradient(
        135deg,
        rgba(109,40,217,.08),
        rgba(37,99,235,.08)
    );
    border:
    1px solid rgba(37,99,235,.15);
    color:#334155;
    font-size:12.3px;
    font-weight:900;
    transition:
    transform .15s ease,
    box-shadow .15s ease;
}
.mab-footv3__toTop:hover{
    transform:translateY(-2px);
    box-shadow:
    0 10px 22px rgba(2,6,23,.07);
}

/* ==========================================================
   07 - Footer Wrapper + Layout + Responsive
========================================================== */

/* =========================
   Footer Base Wrapper
========================= */
.mab-footv3{
    direction:rtl;
    color:#0f172a;
    font-family:inherit;
}
/* Main Container */
.mab-footv3__shell{
    max-width:1240px;
    margin:32px auto 0;
    padding:0 14px 20px;
}

/* =========================
   Main Footer Background
========================= */
.mab-footv3__main{
    padding:14px;
    border-radius:24px;
    border:
    1px solid rgba(15,23,42,.08);
    background:
    linear-gradient(
        180deg,
        rgba(255,255,255,.65),
        rgba(248,250,252,.80)
    );
    box-shadow:
    0 14px 35px rgba(2,6,23,.06);
}

/* =========================
   Column Grid
========================= */
.mab-footv3__grid{
    display:grid;
    grid-template-columns:
    1fr 1fr .85fr;
    gap:14px;
    align-items:stretch;
}
/* =========================
   Column Cards
========================= */
.mab-footv3__col{
    position:relative;
    padding:14px;
    border-radius:20px;
    border:
    1px solid rgba(15,23,42,.08);
    background:
    rgba(255,255,255,.88);
    box-shadow:
    0 8px 22px rgba(2,6,23,.04);
    overflow:hidden;
}
.mab-footv3__col::before{
    content:"";
    position:absolute;
    inset:0;
    background:
    radial-gradient(
        300px 120px at 90% 0%,
        rgba(37,99,235,.06),
        transparent 65%
    );
    pointer-events:none;
}
.mab-footv3__col > *{
    position:relative;
    z-index:1;
}
/* =========================
   Section Head
========================= */
.mab-footv3__colHead{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
    margin-bottom:12px;
}
.mab-footv3__h4{
    margin:0;
    font-size:13.5px;
    font-weight:900;
    color:#0f172a;
}
.mab-footv3__sub{
    font-size:12px;
    color:
    rgba(15,23,42,.60);
    font-weight:700;
}

/* =========================
   Trust Area
========================= */
.mab-footv3__trust{
    padding:12px 14px;
    border-radius:22px;
    border:
    1px solid rgba(15,23,42,.08);
    background:
    rgba(255,255,255,.75);
    box-shadow:
    0 8px 24px rgba(2,6,23,.05);
}
.mab-footv3__badges{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    flex-wrap:wrap;
}
.mab-footv3__badge{
    width:64px;
    height:50px;
    padding:5px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    background:#fff;
    border:
    1px solid rgba(15,23,42,.10);
}
.mab-footv3__badge img{
    width:100%;
    height:100%;
    object-fit:contain;
}

/* =========================
   Footer Bottom
========================= */
.mab-footv3__bar{
    margin-top:14px;
    padding-top:10px;
    border-top:
    1px dashed rgba(15,23,42,.15);
    text-align:center;
    font-size:12px;
    color:
    rgba(15,23,42,.60);
}

/* =========================
   Responsive
========================= */
@media(max-width:980px){
    .mab-footv3__grid{
        grid-template-columns:1fr;
    }
}
@media(max-width:768px){
    .mab-footv3__shell{
        padding:
        0 10px 16px;
    }
    .mab-footv3__main{
        padding:10px;
        border-radius:20px;
    }
    .mab-footv3__col{
        padding:12px;
        border-radius:18px;
    }
    .mab-footv3__badges{
        justify-content:flex-start;
        flex-wrap:nowrap;
        overflow-x:auto;
        scrollbar-width:none;
    }
    .mab-footv3__badges::-webkit-scrollbar{
        display:none;
    }
    .mab-footv3__badge{
        flex:0 0 auto;
    }
    .mab-footv3__chips{
        flex-wrap:nowrap;
        overflow-x:auto;
        scrollbar-width:none;
    }
    .mab-footv3__chip{
        flex:0 0 auto;
    }
}