/* Humza Quran Academy - Professional Lightweight UI */
:root{--qg:#0b5d4b;--qgd:#064638;--qgl:#edf7f3;--gold:#c9a227;--ink:#12241f;--muted:#68756f;--line:#e5ebe7;--paper:#fff;--soft:#f7faf8;--shadow:0 10px 30px rgba(18,36,31,.07);--shadow2:0 16px 38px rgba(18,36,31,.11);--r:16px}
html,body{width:100%;max-width:none;overflow-x:hidden}.site,.site-content,#page,.quranora-main{width:100%;max-width:none;margin:0;padding:0}.quranora-container{width:100%;max-width:1440px;margin-inline:auto;padding-inline:clamp(20px,4vw,64px)}
.quranora-section{padding-block:clamp(64px,7vw,96px)}
/* Header */
.quranora-header{width:100%;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);position:relative;z-index:50}.quranora-header__container{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.quranora-header__branding{display:flex;align-items:center;min-width:180px}.quranora-header__branding img{max-height:48px;width:auto}.quranora-header__navigation{display:flex;align-items:center;justify-content:center;flex:1}.quranora-header__actions{display:flex;align-items:center;gap:12px}.quranora-header a{transition:.2s ease}.quranora-header a:hover{color:var(--qg)}
/* Buttons */
.quranora-button,.quranora-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:12px 21px;border-radius:999px;border:1px solid transparent;font-weight:700;font-size:14px;line-height:1;transition:.2s ease}.quranora-button:hover,.quranora-btn:hover{transform:translateY(-1px)}.quranora-button--primary,.quranora-btn--primary{background:var(--qg);color:#fff!important;box-shadow:0 7px 18px rgba(11,93,75,.16)}.quranora-button--primary:hover,.quranora-btn--primary:hover{background:var(--qgd)}.quranora-button--light,.quranora-btn--white{background:#fff;color:var(--qg)!important}.quranora-button--outline,.quranora-btn--outline{background:#fff;color:var(--qg)!important;border-color:var(--qg)}.quranora-button--text{padding-inline:4px;color:var(--qg)!important;background:none}.quranora-button--large{padding-inline:26px;min-height:52px}
/* Hero landscape */
.quranora-hero{background:linear-gradient(135deg,#f8fbf9 0%,#fff 62%);min-height:calc(100vh - 78px);display:flex;align-items:center}.quranora-hero__container{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);gap:clamp(45px,6vw,100px);align-items:center;padding-block:70px}.quranora-hero__title{font-size:clamp(42px,5.2vw,72px);line-height:1.08;color:var(--ink);margin:12px 0 20px;font-weight:700;letter-spacing:-1.5px}.quranora-hero__description{font-size:18px;line-height:1.75;color:var(--muted);max-width:650px}.quranora-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.quranora-hero__visual{position:relative;width:100%;min-width:0}.quranora-hero__image-frame{display:block;width:100%;box-sizing:border-box;background:#fff;border:1px solid var(--line);border-radius:24px;padding:10px;box-shadow:var(--shadow2)}.quranora-hero__image-wrapper{display:block;width:100%;height:clamp(360px,33vw,560px);overflow:hidden}.quranora-hero__image{display:block;width:100%!important;height:100%!important;max-width:none!important;aspect-ratio:auto!important;object-fit:cover;border-radius:17px}.quranora-hero__badge{position:absolute;right:-16px;bottom:25px;background:#fff;border:1px solid var(--line);padding:14px 17px;border-radius:14px;box-shadow:var(--shadow)}
/* headings */
.quranora-section-eyebrow,.quranora-section-heading__eyebrow{color:var(--gold);font-size:12px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase}.quranora-section-heading__title,.quranora-section-heading h2,.quranora-courses__title,.quranora-teachers__title,.quranora-about__title{color:var(--ink);line-height:1.16}.quranora-section-heading{margin-bottom:44px}.quranora-section-heading__description,.quranora-courses__description,.quranora-teachers__description{color:var(--muted)}
/* About */
.quranora-about__grid{display:grid;grid-template-columns:minmax(380px,.9fr) minmax(0,1.1fr);gap:clamp(45px,7vw,100px);align-items:center}.quranora-about__image-frame{padding:9px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.quranora-about__image{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:15px}.quranora-about__title{font-size:clamp(34px,4vw,52px);margin:12px 0 18px}.quranora-about__lead{font-size:19px;color:var(--ink)}.quranora-about__features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:28px 0}.quranora-about__feature{padding:15px;background:var(--soft);border:1px solid var(--line);border-radius:12px}
/* Courses landscape grid */
.quranora-courses{background:var(--soft)}.quranora-courses__header,.quranora-teachers__header{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}.quranora-courses__title,.quranora-teachers__title{font-size:clamp(34px,4vw,50px);margin:10px 0 12px}.quranora-courses__heading{max-width:850px}.quranora-courses__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.quranora-course-card,.quranora-teacher-card,.quranora-review-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:0 5px 18px rgba(18,36,31,.045);transition:.22s ease}.quranora-course-card:hover,.quranora-teacher-card:hover,.quranora-review-card:hover{transform:translateY(-4px);box-shadow:var(--shadow2)}.quranora-course-card__image-wrapper,.quranora-teacher-card__image-wrapper{position:relative;overflow:hidden}.quranora-course-card__image,.quranora-teacher-card__image{width:100%;aspect-ratio:16/10;object-fit:cover}.quranora-course-card__content,.quranora-teacher-card__content{padding:20px}.quranora-course-card__label,.quranora-teacher-card__role{font-size:11px;color:var(--gold);font-weight:800;text-transform:uppercase;letter-spacing:1px}.quranora-course-card__title,.quranora-teacher-card__name{font-size:20px;color:var(--ink);margin:7px 0 9px;line-height:1.3}.quranora-course-card__description,.quranora-teacher-card__description{font-size:14px;color:var(--muted);line-height:1.65}.quranora-course-card__link,.quranora-teacher-card__link{display:inline-flex;margin-top:10px;color:var(--qg);font-weight:700;font-size:14px}.quranora-course-card__number,.quranora-teacher-card__number{position:absolute;top:12px;left:12px;background:#fff;color:var(--qg);border-radius:9px;padding:6px 9px;font-size:11px;font-weight:800;box-shadow:0 3px 10px rgba(0,0,0,.08)}
/* Teachers */
.quranora-teachers__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.quranora-teacher-card__image{aspect-ratio:1/1}.quranora-teacher-card{text-align:left}
/* Reviews */
.quranora-reviews{background:#f7faf8}.quranora-reviews__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.quranora-review-card{padding:25px}.quranora-review-card__text{margin:16px 0 22px;color:var(--muted);font-size:15px;line-height:1.7}.quranora-review-card__course{display:block;color:var(--qg);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}.quranora-review-card__student-info{display:flex;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid var(--line);font-size:14px}.quranora-review-card__student-info strong{color:var(--ink)}.quranora-review-card__rating{white-space:nowrap;letter-spacing:2px;color:#c9cfca}.quranora-review-card__rating .is-active{color:var(--gold)}.quranora-review-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:0 auto 30px}.quranora-review-filter{padding:10px 15px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.quranora-review-filter:hover,.quranora-review-filter.is-active{background:var(--qg);border-color:var(--qg);color:#fff}.quranora-reviews__empty{padding:24px;text-align:center;color:var(--muted)}
/* Free trial / CTA */
.quranora-free-trial__wrapper,.quranora-cta__wrapper{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.75fr);gap:45px;align-items:center;background:var(--qg);color:#fff;border-radius:24px;padding:clamp(30px,5vw,60px)}.quranora-free-trial__title,.quranora-cta__title{font-size:clamp(34px,4vw,52px);line-height:1.15}.quranora-free-trial__description,.quranora-cta__description{color:rgba(255,255,255,.78)}.quranora-free-trial__form-wrapper{background:#fff;color:var(--ink);border-radius:18px;padding:25px}.quranora-form-field input,.quranora-form-field textarea,.quranora-form-field select{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 13px;background:#fff}.quranora-form-submit{margin-top:10px}
/* Contact */
.quranora-contact__layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px}.quranora-contact-card{display:flex;align-items:center;gap:15px;padding:17px;border:1px solid var(--line);border-radius:12px;margin-bottom:12px;background:#fff}.quranora-contact__form-wrapper{border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:var(--shadow)}
/* FAQ */
.quranora-faq__accordion{max-width:900px;margin:auto}.quranora-faq-item{border-bottom:1px solid var(--line);padding:4px 0}.quranora-faq-item__question{width:100%;display:flex;justify-content:space-between;gap:20px;padding:20px 0;background:none;border:0;color:var(--ink);font-weight:700;text-align:left}.quranora-faq-item__answer{color:var(--muted)}
/* Footer: horizontal landscape */
.quranora-footer{background:#0c2720;color:#fff;padding-top:58px}.quranora-footer .quranora-container{max-width:1440px}.quranora-footer__main{display:grid;grid-template-columns:1.35fr 1fr 1fr 1.15fr;gap:45px;align-items:start}.quranora-footer__brand{max-width:380px}.quranora-footer__logo img{max-height:48px;width:auto}.quranora-footer__description{color:rgba(255,255,255,.68);font-size:14px;line-height:1.7;margin-top:17px}.quranora-footer__title{font-size:16px;margin:3px 0 17px;color:#fff}.quranora-footer__links li,.quranora-footer__contact li{margin-bottom:10px}.quranora-footer__links a,.quranora-footer__contact a,.quranora-footer__contact span{color:rgba(255,255,255,.7);font-size:14px}.quranora-footer__links a:hover,.quranora-footer__contact a:hover{color:#fff}.quranora-footer__bottom{margin-top:45px;padding:20px 0;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:rgba(255,255,255,.58);font-size:13px}
/* books */
.quranora-books-page .quranora-books-grid,.quranora-books-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.quranora-book-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}
@media(max-width:1100px){.quranora-courses__grid,.quranora-teachers__grid{grid-template-columns:repeat(2,1fr)}.quranora-books-page .quranora-books-grid,.quranora-books-grid{grid-template-columns:repeat(2,1fr)}.quranora-footer__main{grid-template-columns:1.4fr 1fr 1fr}.quranora-footer__brand{grid-column:1/-1;max-width:650px}}
@media(max-width:820px){.quranora-hero__container,.quranora-about__grid,.quranora-free-trial__wrapper,.quranora-cta__wrapper,.quranora-contact__layout{grid-template-columns:1fr}.quranora-hero{min-height:auto}.quranora-hero__visual{max-width:720px;margin:auto}.quranora-reviews__grid{grid-template-columns:1fr}.quranora-header__navigation{display:flex}.quranora-header__container{min-height:68px}.quranora-footer__main{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.quranora-courses__grid,.quranora-teachers__grid,.quranora-books-page .quranora-books-grid,.quranora-books-grid{grid-template-columns:1fr}.quranora-courses__header,.quranora-teachers__header{display:block}.quranora-about__features{grid-template-columns:1fr}.quranora-hero__title{font-size:40px}.quranora-footer__main{grid-template-columns:1fr}.quranora-footer__bottom{display:block}.quranora-footer__bottom>*{margin-bottom:8px}}

/* Quranora lightweight luxury card system */
:root{--qg:#0b5d4b;--qgd:#074b3d;--qgold:#c9a227;--qline:rgba(11,93,75,.30);--qshadow:0 8px 26px rgba(7,75,61,.08);--qease:180ms ease}
.quranora-container{width:100%;max-width:1400px;padding-left:32px;padding-right:32px;box-sizing:border-box}
.quranora-course-card,.quranora-teacher-card,.quranora-review-card,.quranora-card{border:1.5px solid var(--qline)!important;box-shadow:var(--qshadow);transition:transform var(--qease),box-shadow var(--qease),border-color var(--qease)}
.quranora-course-card:hover,.quranora-teacher-card:hover,.quranora-review-card:hover,.quranora-card:hover{transform:translateY(-4px);border-color:var(--qg)!important;box-shadow:0 12px 30px rgba(7,75,61,.13)}
.quranora-button,.quranora-btn,.quranora-course-card__link,.quranora-teacher-card__link{border:1.5px solid var(--qg)!important;transition:transform var(--qease),background var(--qease),box-shadow var(--qease)!important}
.quranora-button--primary,.quranora-btn--primary{background:var(--qg)!important;color:#fff!important}.quranora-button--primary:hover,.quranora-btn--primary:hover{background:var(--qgd)!important;transform:translateY(-2px)}
.quranora-course-card__image-wrapper,.quranora-teacher-card__image-wrapper{height:270px!important;overflow:hidden!important;background:#f4f7f5;padding:8px;box-sizing:border-box;border-radius:14px 14px 0 0}
.quranora-course-card__image,.quranora-teacher-card__image{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:9px;display:block}
.quranora-teachers__grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px!important}.quranora-courses__grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px!important}.quranora-reviews__grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important}.quranora-footer__main{grid-template-columns:1.25fr 1fr 1fr 1.2fr!important;gap:40px!important}
@media(max-width:1100px){.quranora-teachers__grid,.quranora-courses__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.quranora-reviews__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.quranora-footer__main{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:700px){.quranora-container{padding-left:18px;padding-right:18px}.quranora-teachers__grid,.quranora-courses__grid,.quranora-reviews__grid,.quranora-footer__main{grid-template-columns:1fr!important}.quranora-course-card__image-wrapper,.quranora-teacher-card__image-wrapper{height:250px!important}}

/* Mobile navigation safety and overlay. */
.quranora-mobile-overlay {
    position: fixed;
    inset: 0;
    z-index: 998;
    background: rgba(12, 30, 24, 0.18);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}

.quranora-mobile-overlay.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

@media (max-width: 991px) {
    .quranora-header {
        z-index: 1000;
    }

    .quranora-header__navigation {
        position: relative;
        z-index: 1001;
    }

    .quranora-navigation.is-open {
        z-index: 1002;
    }

    body.quranora-menu-open {
        overflow: hidden;
    }
}


/* =========================================================
   Academy logo visuals - editable from Appearance > Customize
========================================================= */
.quranora-free-trial__wrapper,
.quranora-cta__wrapper { position: relative; }

.quranora-free-trial__logo-visual,
.quranora-cta__logo-visual {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 230px;
    padding: 18px;
    border-radius: 20px;
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.13);
    box-sizing: border-box;
}

.quranora-free-trial__logo-image,
.quranora-cta__logo-image {
    display: block;
    width: min(100%, 360px);
    height: auto;
    max-height: 260px;
    object-fit: contain;
}

@media (max-width: 820px) {
    .quranora-free-trial__logo-visual,
    .quranora-cta__logo-visual {
        min-height: 190px;
        order: -1;
    }
}