/* Madrasatu Wahid - homepage enhancement */
.mw-hero{position:relative;overflow:hidden;padding:95px 0 100px;background:radial-gradient(circle at 90% 10%,#186b72 0,transparent 35%),linear-gradient(125deg,#081d32,#0a4049 65%,#0e5251);color:#fff}
.mw-hero:after{content:'';position:absolute;width:420px;height:420px;border:1px solid #ffffff20;border-radius:50%;right:-180px;bottom:-220px;pointer-events:none}
.mw-kicker{display:inline-flex;gap:9px;align-items:center;color:#f4d98d;letter-spacing:.05em;font-size:.9rem;font-weight:700;margin-bottom:18px}
.mw-hero h1{font-size:clamp(2.2rem,4.5vw,4.2rem);line-height:1.28;font-weight:800;margin-bottom:20px}
.mw-hero h1 em{color:#f0cc76;font-style:normal}
.mw-hero p{color:#e0ebeb;line-height:1.9;max-width:680px;font-size:1.1rem}
.mw-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;padding:13px 23px;text-decoration:none;font-weight:700;transition:transform .2s,box-shadow .2s}
.mw-btn:hover{transform:translateY(-2px)}
.mw-btn-gold{background:#f0c86b;color:#102d36}.mw-btn-gold:hover{background:#ffe09b;color:#102d36}
.mw-btn-outline{border:1px solid #a6c5c8;color:#fff}.mw-btn-outline:hover{color:#fff;background:#ffffff1c}
.mw-hero-panel{background:#ffffff13;border:1px solid #ffffff33;backdrop-filter:blur(8px);border-radius:24px;padding:35px;box-shadow:0 25px 60px #0003}
.mw-panel-icon{width:80px;height:80px;display:grid;place-items:center;background:#f0c86b;color:#173d42;font-size:36px;border-radius:20px;margin-bottom:22px}
.mw-panel-item{display:flex;gap:13px;align-items:center;padding:15px 0;border-top:1px solid #ffffff2a}
.mw-panel-item i{font-size:24px;color:#f0c86b}
.mw-panel-item small{display:block;color:#d0e3e3}
.mw-highlights{position:relative;margin-top:-38px;z-index:2}
.mw-highlight{height:100%;background:#fff;border:1px solid #e5ecec;border-radius:17px;padding:25px;box-shadow:0 12px 35px #112b3820}
.mw-highlight i{font-size:30px;color:#117b79}.mw-highlight h3{font-size:1.12rem;font-weight:800;margin:10px 0 6px}.mw-highlight p{font-size:.94rem;color:#64717a;margin:0;line-height:1.65}
@media(max-width:767px){.mw-hero{padding:65px 0 75px}.mw-hero-panel{padding:24px}.mw-highlights{margin-top:20px}}

/* =========================================
   MADRASATU WAHID - HOMEPAGE OVERLAP FIX
   ========================================= */

/* Hero Section */
.mw-hero,
.hero-section {
    position: relative;
    height: auto;
    min-height: 480px;
    overflow: hidden;
    padding-bottom: 80px;
}

/* Quick Access Section */
.mw-quick-access,
.quick-access-section {
    position: relative !important;
    z-index: 2;
    margin-top: 0 !important;
    padding: 60px 0;
    transform: none !important;
}

/* Card Row */
.mw-quick-access .row,
.quick-access-section .row {
    align-items: stretch;
    row-gap: 25px;
}

/* Card Design */
.mw-quick-access .card,
.quick-access-section .card {
    position: relative;
    height: 100%;
    min-height: 230px;
    margin: 0 !important;
    transform: none !important;
    overflow: hidden;
    border: 1px solid #e7eeee;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 12px 35px rgba(0,0,0,0.08);
}

/* Card Content */
.mw-quick-access .card-body,
.quick-access-section .card-body {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 25px;
}

/* Buttons */
.mw-quick-access .card a,
.quick-access-section .card a {
    position: relative;
    margin-top: auto;
    z-index: 1;
}

/* Tablet */
@media (max-width: 991px) {
    .mw-hero,
    .hero-section {
        min-height: auto;
        padding-bottom: 55px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .mw-quick-access,
    .quick-access-section {
        padding: 35px 0;
    }

    .mw-quick-access .card,
    .quick-access-section .card {
        min-height: auto;
    }
}
