﻿@font-face{font-family:'AymanUthmanic';src:url('../fonts/uthmanic_hafs_v20.ttf') format('truetype');font-weight:normal;font-style:normal;font-display:swap;}
:root{--navy:#153b36;--navy2:#1d5149;--gold:#c7a153;--goldsoft:#f3ead5;--cream:#fbf9f4;--white:#fff;--text:#22312f;--muted:#71807d;--border:#e8e4db;--shadow:0 22px 60px rgba(21,59,54,.10);--radius:24px}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--text);font-family:var(--ayman-arabic-font,"Noto Sans Arabic",sans-serif);line-height:1.9}h1,h2,h3,h4,h5,h6{font-family:var(--ayman-arabic-font,"Noto Kufi Arabic",sans-serif)}a{text-decoration:none}.ayman-header{position:sticky;top:0;z-index:999;background:rgba(251,249,244,.95);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.navbar{min-height:82px}.ayman-brand{display:flex;align-items:center;gap:12px;color:var(--navy)}.ayman-brand>span:last-child{display:flex;flex-direction:column}.ayman-brand small{font-size:.72rem;color:var(--muted)}.ayman-brand-mark{width:48px;height:48px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:var(--navy);color:var(--gold);font-size:1.5rem;font-weight:800}.ayman-nav{gap:7px}.ayman-nav .nav-link{color:var(--text);font-weight:700;border-radius:12px;padding:9px 13px!important}.ayman-nav .nav-link:hover{background:var(--goldsoft);color:var(--navy)}.ayman-outline-btn{border:1px solid var(--navy);color:var(--navy);border-radius:14px;font-weight:700}.ayman-outline-btn:hover{background:var(--navy);color:white}.ayman-hero{padding:100px 0 85px;background:radial-gradient(circle at 10% 10%,rgba(199,161,83,.16),transparent 30%),linear-gradient(#fffdf9,var(--cream))}.ayman-eyebrow{display:inline-flex;align-items:center;gap:7px;background:var(--goldsoft);color:var(--navy);padding:7px 12px;border-radius:999px;font-size:.82rem;font-weight:800}.ayman-hero h1{font-size:clamp(3.2rem,7vw,6.2rem);line-height:1.18;color:var(--navy);font-weight:800;margin:20px 0}.ayman-hero h1 span{color:var(--gold)}.ayman-hero-lead{font-size:1.15rem;color:var(--muted);max-width:720px}.ayman-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.ayman-primary-btn{background:var(--navy);color:white;border:none;border-radius:15px;padding:13px 22px;font-weight:800;box-shadow:0 12px 30px rgba(21,59,54,.18)}.ayman-primary-btn:hover{background:var(--navy2);color:white}.ayman-secondary-btn{background:white;color:var(--navy);border:1px solid var(--border);border-radius:15px;padding:13px 22px;font-weight:800}.ayman-trust-row{display:flex;gap:17px;flex-wrap:wrap;color:var(--muted);font-size:.9rem}.ayman-trust-row i{color:var(--gold)}.ayman-phone-card{max-width:390px;margin:auto;background:white;border:1px solid var(--border);border-radius:34px;padding:24px;box-shadow:var(--shadow)}.ayman-phone-top,.ayman-next-prayer{display:flex;justify-content:space-between;align-items:center}.ayman-phone-top{margin-bottom:16px}.ayman-phone-top span{color:var(--muted);font-size:.8rem}.ayman-next-prayer{background:var(--navy);color:white;padding:18px;border-radius:20px}.ayman-next-prayer strong{display:block;color:var(--gold);font-size:1.5rem}.ayman-next-prayer small{display:block;opacity:.7}.ayman-daily-card{margin-top:15px;background:var(--cream);border:1px solid var(--border);border-radius:18px;padding:17px}.ayman-daily-card h6{color:var(--navy);font-weight:800}.ayman-daily-card p{margin:8px 0;color:var(--muted)}.ayman-daily-card i{color:var(--gold);width:24px}.ayman-section{padding:88px 0}.ayman-section-heading{text-align:center;max-width:700px;margin:0 auto 45px}.ayman-section-heading span{color:var(--gold);font-weight:800}.ayman-section-heading h2{font-size:clamp(2rem,4vw,3rem);color:var(--navy);font-weight:800;margin:8px 0}.ayman-section-heading p{color:var(--muted)}.ayman-feature-card,.ayman-value-card{height:100%;background:white;border:1px solid var(--border);border-radius:var(--radius);padding:28px;box-shadow:0 14px 35px rgba(21,59,54,.05);transition:.25s}.ayman-feature-card:hover,.ayman-value-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.ayman-feature-card>i,.ayman-value-card>i{width:55px;height:55px;border-radius:17px;background:var(--goldsoft);color:var(--navy);display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:18px}.ayman-feature-card h4,.ayman-value-card h4{color:var(--navy);font-weight:800}.ayman-feature-card p,.ayman-value-card p{color:var(--muted);margin:0}.ayman-cta{padding:80px 0}.ayman-cta-card{text-align:center;background:linear-gradient(135deg,#fff,#f7f0e2);border:1px solid var(--border);border-radius:30px;padding:55px 25px}.ayman-cta-card h2{color:var(--navy);font-weight:800;margin-top:10px}.ayman-page-hero{text-align:center;padding:80px 0 60px;background:#fffdf9;border-bottom:1px solid var(--border)}.ayman-page-hero h1{font-size:clamp(2.3rem,5vw,4rem);color:var(--navy);font-weight:800;margin-top:15px}.ayman-page-hero p{max-width:700px;margin:12px auto 0;color:var(--muted)}.ayman-download-card,.ayman-contact-form-card{background:white;border:1px solid var(--border);border-radius:28px;padding:34px;box-shadow:0 14px 40px rgba(21,59,54,.06)}.ayman-disabled-store-btn{background:#ece8df;color:#888;border-radius:14px;padding:12px 18px}.ayman-app-preview{text-align:center;background:var(--navy);color:white;border-radius:28px;padding:42px 25px}.ayman-app-icon{width:96px;height:96px;border-radius:27px;background:var(--goldsoft);color:var(--navy);display:flex;align-items:center;justify-content:center;font-size:2.7rem;font-weight:800;margin:0 auto 18px}.ayman-app-preview h3{color:var(--gold);font-weight:800}.ayman-form-control{background:var(--cream);border:1px solid var(--border);border-radius:13px;padding:12px 14px}.ayman-form-control:focus{border-color:var(--gold);box-shadow:0 0 0 .2rem rgba(199,161,83,.12)}.ayman-form-message{display:block;margin-top:12px;color:var(--muted)}.ayman-footer{background:#102b27;color:rgba(255,255,255,.72);padding:55px 0 25px}.ayman-footer h5,.ayman-footer h6{color:white;font-weight:800}.ayman-footer a{color:rgba(255,255,255,.72)}.ayman-footer a:hover{color:var(--gold)}.ayman-footer-brand{display:flex;gap:14px}.ayman-footer-bottom{margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.10);font-size:.82rem}@media(max-width:991px){.ayman-hero{padding-top:65px}.ayman-nav{padding-top:15px}}@media(max-width:575px){.ayman-hero h1{font-size:3rem}.ayman-section{padding:65px 0}}
.ayman-dropdown{border:1px solid var(--border);border-radius:16px;padding:8px;box-shadow:var(--shadow);min-width:245px}.ayman-dropdown .dropdown-item{border-radius:10px;padding:9px 12px;color:var(--text);font-weight:600}.ayman-dropdown .dropdown-item:hover{background:var(--goldsoft);color:var(--navy)}.ayman-dropdown .dropdown-item i{width:24px;color:var(--gold)}.ayman-feature-link{display:block;color:inherit}.ayman-feature-link:hover{color:inherit}.ayman-content-toolbar{background:white;border:1px solid var(--border);border-radius:20px;padding:20px;margin-bottom:30px;box-shadow:0 10px 30px rgba(21,59,54,.04)}.ayman-subheading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:32px 0 18px}.ayman-subheading h2{margin:0;color:var(--navy);font-weight:800}.ayman-muted{color:var(--muted)}.ayman-empty-state{text-align:center;background:white;border:1px dashed #d9d2c3;border-radius:24px;padding:48px 25px;margin:25px 0}.ayman-empty-state>i{width:64px;height:64px;border-radius:20px;display:inline-flex;align-items:center;justify-content:center;background:var(--goldsoft);color:var(--navy);font-size:1.5rem}.ayman-empty-state h3{color:var(--navy);font-weight:800;margin:16px 0 8px}.ayman-empty-state p{color:var(--muted);margin:0}.ayman-results-section{margin-bottom:35px}.ayman-scripture-card,.ayman-hadith-card,.ayman-remembrance-card,.ayman-hadith-detail{background:white;border:1px solid var(--border);border-radius:24px;padding:26px;margin-bottom:18px;box-shadow:0 10px 32px rgba(21,59,54,.04)}.ayman-scripture-meta,.ayman-remembrance-footer,.ayman-source-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:.85rem}.ayman-quran-text{font-family:'AymanUthmanic',serif;font-size:2.15rem;line-height:2.6;text-align:right;direction:rtl;color:#183b35;margin:18px 0;font-weight:normal;font-style:normal;}.ayman-source-line{border-top:1px solid var(--border);padding-top:12px;color:var(--muted);font-size:.84rem}.ayman-source-line i{color:var(--gold)}.ayman-surah-card{height:100%;display:flex;align-items:center;gap:14px;background:white;border:1px solid var(--border);border-radius:18px;padding:18px;color:var(--text);transition:.2s}.ayman-surah-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(21,59,54,.08);color:var(--navy)}.ayman-surah-number,.ayman-ayah-badge{flex:0 0 auto;width:42px;height:42px;border-radius:13px;background:var(--goldsoft);color:var(--navy);display:inline-flex;align-items:center;justify-content:center;font-weight:800}.ayman-surah-card span:nth-child(2){display:flex;flex-direction:column;flex:1}.ayman-surah-card strong{font-family:var(--ayman-arabic-font,"Noto Kufi Arabic",sans-serif);color:var(--navy)}.ayman-surah-card small{color:var(--muted)}.ayman-surah-card>i{color:var(--gold)}.ayman-reading-width{max-width:900px}.ayman-ayah-row{position:relative;background:white;border:1px solid var(--border);border-radius:22px;padding:26px;margin-bottom:16px}.ayman-ayah-badge{position:absolute;top:18px;left:18px}.ayman-card-kicker{display:inline-flex;align-items:center;gap:6px;color:var(--gold);font-weight:800;font-size:.85rem;margin-bottom:8px}.ayman-hadith-card h3,.ayman-remembrance-card h3,.ayman-hadith-detail h2{color:var(--navy);font-weight:800}.ayman-hadith-text,.ayman-remembrance-text{font-size:1.18rem;line-height:2.05;color:#273b37}.ayman-reference-box{display:flex;flex-direction:column;gap:4px;background:var(--cream);border-right:4px solid var(--gold);border-radius:14px;padding:14px 16px;margin:18px 0;color:var(--muted)}.ayman-reference-box strong{color:var(--navy)}.ayman-text-link{display:inline-flex;align-items:center;gap:7px;color:var(--navy);font-weight:800}.ayman-text-link:hover{color:var(--gold)}.ayman-hadith-detail h2{font-size:1.25rem;margin:28px 0 12px}.ayman-prose{line-height:2;color:#40514e}.ayman-source-panel,.ayman-integrity-note{display:flex;align-items:flex-start;gap:16px;background:#f8f3e8;border:1px solid #eadcbc;border-radius:20px;padding:20px;margin-top:28px}.ayman-source-panel>i,.ayman-integrity-note>i{width:48px;height:48px;flex:0 0 48px;border-radius:15px;background:var(--navy);color:var(--gold);display:flex;align-items:center;justify-content:center}.ayman-source-panel div,.ayman-integrity-note div{display:flex;flex-direction:column}.ayman-source-panel strong,.ayman-integrity-note h3{color:var(--navy);font-weight:800}.ayman-source-panel span{color:var(--muted);font-size:.85rem}.ayman-source-card{height:100%;display:flex;gap:17px;background:white;border:1px solid var(--border);border-radius:24px;padding:24px}.ayman-source-icon{width:54px;height:54px;flex:0 0 54px;border-radius:17px;background:var(--goldsoft);color:var(--navy);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.ayman-source-card h3{color:var(--navy);font-weight:800;margin:7px 0}.ayman-source-card p{color:var(--muted);margin-bottom:10px}.ayman-source-meta{margin-bottom:10px}@media(max-width:575px){.ayman-quran-text{font-size:1.4rem}.ayman-scripture-meta,.ayman-remembrance-footer{align-items:flex-start;flex-direction:column}.ayman-ayah-badge{position:static;margin-bottom:10px}}
.ayman-next-prayer-card{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--navy);color:white;border-radius:24px;padding:26px 30px;margin-bottom:22px}.ayman-next-prayer-card span,.ayman-next-prayer-card small{display:block;color:rgba(255,255,255,.72)}.ayman-next-prayer-card h2,.ayman-next-prayer-card strong{color:var(--gold);font-weight:800;margin:4px 0}.ayman-next-prayer-card strong{font-size:1.8rem}.ayman-prayer-card{height:100%;display:flex;align-items:center;gap:12px;background:white;border:1px solid var(--border);border-radius:18px;padding:18px}.ayman-prayer-card i{width:42px;height:42px;border-radius:13px;background:var(--goldsoft);color:var(--navy);display:flex;align-items:center;justify-content:center}.ayman-prayer-card span{flex:1;color:var(--muted)}.ayman-prayer-card strong{color:var(--navy);font-family:var(--ayman-arabic-font,"Noto Kufi Arabic",sans-serif)}.ayman-qibla-panel{text-align:center;background:white;border:1px solid var(--border);border-radius:28px;padding:36px;box-shadow:0 14px 40px rgba(21,59,54,.06)}.ayman-compass{width:220px;height:220px;margin:0 auto 24px;border-radius:50%;border:12px solid var(--goldsoft);outline:2px solid var(--gold);display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#fff 45%,#fbf7ee)}.ayman-compass i{font-size:3rem;color:var(--navy);transform:rotate(-45deg)}.ayman-compass span{font-family:var(--ayman-arabic-font,"Noto Kufi Arabic",sans-serif);font-size:1.4rem;font-weight:800;color:var(--gold);margin-top:10px}.ayman-qibla-panel h2{color:var(--navy);font-weight:800}.ayman-hijri-today{text-align:center;background:linear-gradient(135deg,var(--navy),var(--navy2));color:white;border-radius:28px;padding:40px 25px}.ayman-hijri-today span{color:var(--gold);font-weight:800}.ayman-hijri-today h2{color:white;font-weight:800;font-size:2rem;margin:10px 0}.ayman-hijri-today p{margin:0;color:rgba(255,255,255,.72)}.ayman-event-card{display:flex;gap:18px;align-items:flex-start;background:white;border:1px solid var(--border);border-radius:20px;padding:20px;margin-bottom:14px}.ayman-event-day{width:58px;height:58px;flex:0 0 58px;border-radius:18px;background:var(--goldsoft);color:var(--navy);font-size:1.25rem;font-weight:800;display:flex;align-items:center;justify-content:center}.ayman-event-card h3{font-size:1.05rem;color:var(--navy);font-weight:800;margin:3px 0 6px}.ayman-event-card p{color:var(--muted);margin:0 0 5px}.ayman-event-card small{color:var(--muted)}.ayman-wird-card{height:100%;background:white;border:1px solid var(--border);border-radius:24px;padding:26px;box-shadow:0 10px 32px rgba(21,59,54,.04)}.ayman-wird-card>i{width:54px;height:54px;border-radius:17px;background:var(--goldsoft);color:var(--navy);display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:17px}.ayman-wird-card h3{color:var(--navy);font-weight:800}.ayman-wird-card strong{display:block;color:var(--gold);font-family:var(--ayman-arabic-font,"Noto Kufi Arabic",sans-serif);font-size:1.25rem}.ayman-wird-card p{color:var(--muted)}.ayman-khatma-result{text-align:center;background:var(--goldsoft);border-radius:20px;padding:25px}.ayman-khatma-result span{color:var(--muted)}.ayman-khatma-result h2{color:var(--navy);font-weight:800;margin:8px 0}.ayman-khatma-result p{margin:0;color:var(--muted)}@media(max-width:575px){.ayman-next-prayer-card{align-items:flex-start;flex-direction:column}.ayman-compass{width:180px;height:180px}}

/* Package 4: personal experience */
.ayman-auth-width{max-width:560px}.ayman-auth-card,.ayman-personal-card{background:white;border:1px solid var(--border);border-radius:28px;padding:32px;box-shadow:0 14px 40px rgba(21,59,54,.06)}.ayman-auth-card h1{color:var(--navy);font-weight:800;margin:15px 0 6px}.ayman-auth-footer{text-align:center;margin-top:20px;color:var(--muted)}.ayman-auth-footer a{color:var(--navy);font-weight:800}.ayman-error-message{color:#a13f35}.ayman-success-message{color:var(--navy)}.ayman-personal-card h2{color:var(--navy);font-size:1.2rem;font-weight:800}.ayman-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ayman-check-grid span{display:flex;align-items:center;gap:8px;background:var(--cream);border:1px solid var(--border);border-radius:14px;padding:12px}.ayman-check-grid input{width:18px;height:18px;accent-color:var(--navy)}.ayman-personal-link{display:flex;align-items:center;gap:12px;color:var(--text);padding:13px 0;border-bottom:1px solid var(--border)}.ayman-personal-link:last-child{border-bottom:0}.ayman-personal-link i{width:36px;height:36px;border-radius:12px;background:var(--goldsoft);color:var(--navy);display:flex;align-items:center;justify-content:center}.ayman-search-result{display:flex;gap:18px;background:white;border:1px solid var(--border);border-radius:22px;padding:22px;margin-bottom:16px}.ayman-search-type{width:105px;flex:0 0 105px;text-align:center;color:var(--navy);font-weight:800}.ayman-search-type i{width:48px;height:48px;border-radius:15px;background:var(--goldsoft);display:flex;align-items:center;justify-content:center;margin:0 auto 7px;color:var(--navy)}.ayman-search-body{flex:1}.ayman-search-body h3{font-size:1.05rem;color:var(--navy);font-weight:800}.ayman-search-body p{color:var(--muted);margin:6px 0 12px}.ayman-bookmark-action{float:left;color:var(--navy);font-weight:800;margin-right:12px}.ayman-danger-link{color:#a13f35;margin-right:12px}.ayman-danger-link:hover{color:#7f2f27}@media(max-width:575px){.ayman-check-grid{grid-template-columns:1fr}.ayman-search-result{flex-direction:column}.ayman-search-type{width:auto;display:flex;align-items:center;gap:10px;text-align:right}.ayman-search-type i{margin:0}.ayman-bookmark-action{float:none;display:inline-block;margin-top:8px}}

/* Package 4.2: Saudi Prayer Cities */
.ayman-date-action{display:flex;gap:10px;align-items:stretch}.ayman-date-action .form-control{flex:1}.ayman-date-action .ayman-btn-primary{min-width:52px;display:inline-flex;align-items:center;justify-content:center}.ayman-prayer-location-head{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fff;border:1px solid var(--border);border-radius:18px;padding:15px 18px;margin:20px 0}.ayman-prayer-location-head div{display:flex;flex-direction:column}.ayman-prayer-location-head span{color:var(--muted);font-size:.88rem}.ayman-prayer-location-head strong{color:var(--navy);font-weight:800}.ayman-data-origin{background:var(--goldsoft);color:var(--navy)!important;border-radius:999px;padding:7px 12px;font-weight:800}.ayman-content-toolbar .form-label{color:var(--navy)}@media(max-width:575px){.ayman-prayer-location-head{align-items:flex-start;flex-direction:column}.ayman-date-action{width:100%}}


/* Package 5: Islamic content completion */
.ayman-results-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0}.ayman-hadith-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}.ayman-source-chip{display:inline-flex;align-items:center;gap:6px;background:#f8f5ee;border:1px solid var(--border);border-radius:999px;padding:6px 10px;color:var(--muted);font-size:.82rem}.ayman-hadith-intro{color:var(--muted);font-weight:600}.ayman-hadith-intro-box{background:var(--goldsoft);border-radius:18px;padding:18px 20px;color:var(--navy);margin-bottom:24px}.ayman-lines-list ul{margin:0;padding-right:22px}.ayman-lines-list li{margin-bottom:9px}.ayman-library-card{height:100%;display:flex;gap:18px;background:#fff;border:1px solid var(--border);border-radius:24px;padding:26px;color:var(--text);box-shadow:0 14px 35px rgba(21,59,54,.05);transition:.22s}.ayman-library-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);color:var(--text)}.ayman-library-card>i{width:58px;height:58px;flex:0 0 58px;border-radius:18px;background:var(--goldsoft);color:var(--navy);display:flex;align-items:center;justify-content:center;font-size:1.35rem}.ayman-library-card h3{color:var(--navy);font-size:1.1rem;font-weight:800}.ayman-library-card p{color:var(--muted);margin-bottom:10px}.ayman-library-card span{color:var(--navy);font-weight:800}.ayman-library-search{text-align:center;background:linear-gradient(135deg,#fff,#f7f0e2);border:1px solid var(--border);border-radius:26px;padding:34px}.ayman-library-search h2{color:var(--navy);font-weight:800}.ayman-admin-card{background:#fff;border:1px solid var(--border);border-radius:28px;padding:32px;box-shadow:0 14px 40px rgba(21,59,54,.06)}
@media(max-width:575px){.ayman-results-head{align-items:flex-start;flex-direction:column}.ayman-library-card{flex-direction:column}.ayman-library-card>i{width:52px;height:52px}}


/* Package 6: smart daily experience */
.ayman-stat-card{height:100%;background:#fff;border:1px solid var(--border);border-radius:22px;padding:20px;box-shadow:0 10px 28px rgba(21,59,54,.04)}
.ayman-stat-card span,.ayman-stat-card small{display:block;color:var(--muted);font-size:.84rem}.ayman-stat-card strong{display:block;color:var(--navy);font-family:var(--ayman-arabic-font,"Noto Kufi Arabic",sans-serif);font-size:1.7rem;font-weight:800;margin:5px 0}
.ayman-mini-progress{height:7px;background:var(--goldsoft);border-radius:999px;overflow:hidden;margin-top:10px}.ayman-mini-progress-bar{height:100%;width:0;background:var(--navy);border-radius:999px;transition:width .3s ease}
.ayman-khatma-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ayman-khatma-overview>div{background:var(--cream);border:1px solid var(--border);border-radius:16px;padding:16px;text-align:center}.ayman-khatma-overview span{display:block;color:var(--muted);font-size:.82rem}.ayman-khatma-overview strong{display:block;color:var(--navy);font-family:var(--ayman-arabic-font,"Noto Kufi Arabic",sans-serif);font-size:1.15rem;margin-top:4px}
.ayman-wird-today{display:flex;align-items:center;justify-content:space-between;gap:18px}.ayman-wird-today>div{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center}.ayman-wird-today i{grid-row:1/3;width:48px;height:48px;border-radius:15px;background:var(--goldsoft);color:var(--navy);display:flex;align-items:center;justify-content:center}.ayman-wird-today span{color:var(--muted)}.ayman-wird-today strong{color:var(--navy);font-size:1.2rem}
@media(max-width:575px){.ayman-khatma-overview{grid-template-columns:1fr}.ayman-wird-today{align-items:flex-start;flex-direction:column}.ayman-wird-today .btn{width:100%}}

/* Package 8 multilingual */
.ayman-language-switcher{display:flex;align-items:center;gap:.4rem;min-width:150px}.ayman-language-switcher .form-select{min-width:125px}.ayman-ltr{text-align:left}.ayman-rtl{text-align:right}@media(max-width:991.98px){.ayman-language-switcher{margin:.75rem 0;width:100%}.ayman-language-switcher .form-select{width:100%}}


/* Package 9 - Automatic Hadith AI Translation */
.ayman-hadith-translation-notice{display:flex;align-items:center;gap:14px;padding:16px 18px;margin-bottom:18px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(135deg,var(--goldsoft),#fff)}
.ayman-hadith-translation-notice>i{font-size:1.5rem;color:var(--gold)}.ayman-hadith-translation-notice>div{flex:1}.ayman-hadith-translation-notice strong{display:block;color:var(--navy);margin-bottom:3px}.ayman-hadith-translation-notice span{color:var(--muted);font-size:.86rem}
.ayman-translation-progress{display:inline-flex;align-items:center;gap:7px;margin:4px 0 10px;padding:6px 10px;border-radius:999px;background:var(--goldsoft);color:var(--navy);font-size:.78rem;font-weight:800}.ayman-translation-progress i{color:var(--gold);animation:aymanAiPulse 1.2s infinite}.ayman-translation-progress.is-error{background:#fff0ec;color:#9d4936}
.ayman-ai-translation-meta{display:flex;flex-wrap:wrap;gap:8px 15px;margin:12px 0;color:var(--muted);font-size:.75rem}.ayman-ai-translation-meta i{color:var(--gold)}
.ayman-hadith-translated{transition:border-color .25s,box-shadow .25s}.ayman-hadith-translated{border-color:rgba(185,138,53,.45);box-shadow:0 12px 34px rgba(185,138,53,.07)}
.ayman-ai-translation-note{display:flex;gap:14px;padding:18px;margin:18px 0;border-radius:18px;background:var(--goldsoft);border:1px solid rgba(185,138,53,.22)}.ayman-ai-translation-note>i{color:var(--gold);font-size:1.25rem;margin-top:3px}.ayman-ai-translation-note strong{color:var(--navy)}.ayman-ai-translation-note p{margin:4px 0 0;color:var(--muted)}
@keyframes aymanAiPulse{0%,100%{opacity:.45;transform:scale(.94)}50%{opacity:1;transform:scale(1.08)}}
@media(max-width:767px){.ayman-hadith-translation-notice{align-items:flex-start;flex-wrap:wrap}.ayman-ai-translation-meta{flex-direction:column;gap:4px}}


/* Package 10 - Shared AYMAN AI search and translation modal */
.ayman-ai-translation-modal{border:0;border-radius:26px;overflow:hidden;box-shadow:0 30px 90px rgba(16,43,39,.24)}
.ayman-ai-translation-modal .modal-header{border-bottom:1px solid var(--border);padding:20px 22px;background:linear-gradient(135deg,#fff,var(--goldsoft))}
.ayman-ai-modal-title{display:flex;align-items:center;gap:14px}.ayman-ai-modal-title h5{margin:0;color:var(--navy);font-weight:800}.ayman-ai-modal-title small{display:block;color:var(--muted);margin-top:3px}
.ayman-ai-modal-icon{width:48px;height:48px;border-radius:15px;background:var(--navy);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:1.25rem;box-shadow:0 10px 24px rgba(21,59,54,.15)}
.ayman-ai-translation-modal .modal-body{padding:28px 24px}.ayman-ai-loader{position:relative;width:88px;height:88px;margin:0 auto 20px}.ayman-ai-loader-ring{position:absolute;inset:0;border-radius:50%;border:5px solid var(--goldsoft);border-top-color:var(--gold);border-right-color:var(--navy);animation:aymanAiSpin 1.1s linear infinite}.ayman-ai-loader-center{position:absolute;inset:14px;border-radius:50%;background:var(--navy);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:1.35rem}
.ayman-ai-modal-status{text-align:center;margin-bottom:18px}.ayman-ai-modal-status h6{color:var(--navy);font-weight:800;margin-bottom:6px}.ayman-ai-modal-status p{color:var(--muted);margin:0;min-height:30px;word-break:break-word}
.ayman-ai-progress{height:13px;border-radius:999px;background:#eee9df;overflow:hidden}.ayman-ai-progress .progress-bar{width:0;background:linear-gradient(90deg,var(--navy),var(--gold));font-size:.68rem;font-weight:800;transition:width .25s ease}
.ayman-ai-translation-statistics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.ayman-ai-translation-statistics>div{text-align:center;background:var(--cream);border:1px solid var(--border);border-radius:16px;padding:12px}.ayman-ai-translation-statistics span{display:block;color:var(--navy);font-size:1.25rem;font-weight:800;line-height:1.2}.ayman-ai-translation-statistics small{display:block;color:var(--muted);margin-top:4px}
.ayman-ai-translation-modal .ayman-ai-translation-note{margin:18px 0 0;align-items:flex-start}.ayman-ai-modal-footer{border-top:1px solid var(--border);padding:16px 20px;gap:9px}.ayman-ai-modal-footer .btn{margin:0}
@keyframes aymanAiSpin{to{transform:rotate(360deg)}}
@media(max-width:575px){.ayman-ai-translation-statistics{grid-template-columns:1fr 1fr 1fr}.ayman-ai-modal-footer{flex-direction:column}.ayman-ai-modal-footer .btn{width:100%}}


/* Package 11 - Literal / AYMAN AI semantic search */
.ayman-search-mode-selector{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}
.ayman-search-mode-heading{display:flex;align-items:center;gap:8px;color:var(--navy);font-weight:800;padding:10px 4px;min-width:110px}
.ayman-search-mode-heading i{color:var(--gold)}
.ayman-search-mode-option{position:relative;display:flex;align-items:flex-start;gap:10px;flex:1;min-width:220px;margin:0;padding:13px 15px;border:1px solid var(--border);border-radius:16px;background:#fff;cursor:pointer;transition:.2s ease}
.ayman-search-mode-option:hover{border-color:rgba(185,138,53,.55);box-shadow:0 8px 22px rgba(21,59,54,.06)}
.ayman-search-mode-option input{margin-top:5px;accent-color:var(--navy)}
.ayman-search-mode-option span{display:flex;flex-direction:column;gap:3px}
.ayman-search-mode-option strong{color:var(--navy);font-weight:800}
.ayman-search-mode-option small{color:var(--muted);line-height:1.55}
.ayman-search-mode-option em{display:inline-flex;margin-inline-start:6px;padding:2px 7px;border-radius:999px;background:var(--navy);color:var(--gold);font-size:.68rem;font-style:normal;vertical-align:middle}
.ayman-search-mode-ai{background:linear-gradient(135deg,#fff,var(--goldsoft))}
.ayman-search-mode-option:has(input:checked){border-color:var(--gold);box-shadow:0 0 0 2px rgba(185,138,53,.12)}
@media(max-width:767px){.ayman-search-mode-selector{flex-direction:column}.ayman-search-mode-heading,.ayman-search-mode-option{width:100%;min-width:0}}

/* Package 12 - Hadith Encyclopedia reading toolbar and typography controls */
:root{
    --ayman-arabic-font:"Noto Sans Arabic",sans-serif;
    --ayman-english-font:"Inter",sans-serif;
    --ayman-font-scale:100%;
}
html{font-size:var(--ayman-font-scale)}
html[lang="ar"] body,html[lang^="ar-"] body{font-family:var(--ayman-arabic-font)}
html:not([lang="ar"]):not([lang^="ar-"]) body{font-family:var(--ayman-english-font)}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] h4,html[lang="ar"] h5,html[lang="ar"] h6,
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] h4,html[lang="ar"] h5,html[lang="ar"] h6,html[lang^="ar-"] h1,html[lang^="ar-"] h2,html[lang^="ar-"] h3,html[lang^="ar-"] h4,html[lang^="ar-"] h5,html[lang^="ar-"] h6{font-family:var(--ayman-arabic-font)}
html:not([lang="ar"]):not([lang^="ar-"]) h1,html:not([lang="ar"]):not([lang^="ar-"]) h2,html:not([lang="ar"]):not([lang^="ar-"]) h3,html:not([lang="ar"]):not([lang^="ar-"]) h4,html:not([lang="ar"]):not([lang^="ar-"]) h5,html:not([lang="ar"]):not([lang^="ar-"]) h6{font-family:var(--ayman-english-font)}
.ayman-reading-toolbar{position:relative;z-index:1001;background:var(--navy);color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}
.ayman-reading-toolbar-inner{min-height:48px;display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding:6px 0}
.ayman-reading-toolbar-group{display:flex;align-items:center;gap:7px}
.ayman-reading-toolbar-label{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;font-weight:700;white-space:nowrap;color:rgba(255,255,255,.86)}
.ayman-reading-toolbar-label i{color:var(--gold)}
.ayman-font-select{width:auto;min-width:145px;max-width:190px;border:1px solid rgba(255,255,255,.16);background-color:rgba(255,255,255,.98);color:var(--navy);font-weight:600;border-radius:10px;padding-top:.28rem;padding-bottom:.28rem}
.ayman-font-size-controls{padding-inline-start:4px}
.ayman-font-control{height:32px;min-width:36px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:rgba(255,255,255,.08);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:4px;transition:.18s ease}
.ayman-font-control:hover{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.ayman-font-control span{font-family:var(--ayman-english-font);font-weight:800;line-height:1}
.ayman-font-reset{min-width:34px}
.ayman-font-scale-label{min-width:44px;text-align:center;font-family:var(--ayman-english-font);font-size:.72rem;color:rgba(255,255,255,.75)}
.ayman-brand strong{max-width:280px;white-space:normal;line-height:1.35;font-size:.92rem}
.ayman-brand small{font-family:var(--ayman-english-font);line-height:1.35}
.ayman-hadith-title-result{padding:22px 24px}
.ayman-hadith-title-result h3{margin:0 0 12px;font-size:1.08rem;line-height:1.8}
.ayman-hadith-title-result .ayman-ai-translation-meta{margin-top:8px}
@media(max-width:991.98px){
    .ayman-reading-toolbar-inner{justify-content:center}
    .ayman-brand strong{max-width:230px}
}
@media(max-width:767.98px){
    .ayman-reading-toolbar-inner{align-items:stretch;gap:7px;padding:8px 0}
    .ayman-reading-toolbar-group{flex:1 1 calc(50% - 7px)}
    .ayman-reading-toolbar-group.ayman-font-size-controls{flex:1 1 100%;justify-content:center}
    .ayman-reading-toolbar-label{display:none}
    .ayman-font-select{width:100%;max-width:none;min-width:0}
}
@media(max-width:430px){
    .ayman-reading-toolbar-group{flex-basis:100%}
}

/* Package 8 - top language control and reliable Arabic/English typography */
html[lang="ar"] body,html[lang^="ar-"] body{font-family:var(--ayman-arabic-font)!important}
html[lang="ar"] body :not(.ayman-quran-text):not(.ayman-quran-text *):not(.fa):not(.fa-solid):not(.fa-regular):not(.fa-brands),html[lang^="ar-"] body :not(.ayman-quran-text):not(.ayman-quran-text *):not(.fa):not(.fa-solid):not(.fa-regular):not(.fa-brands){font-family:var(--ayman-arabic-font)}
html:not([lang="ar"]):not([lang^="ar-"]) body{font-family:var(--ayman-english-font)!important}
html:not([lang="ar"]):not([lang^="ar-"]) body :not(.ayman-quran-text):not(.ayman-quran-text *):not(.ayman-arabic-text):not(.ayman-arabic-text *):not(.fa):not(.fa-solid):not(.fa-regular):not(.fa-brands){font-family:var(--ayman-english-font)}
.ayman-arabic-text,.ayman-arabic-text *{font-family:var(--ayman-arabic-font)!important}
.ayman-english-text,.ayman-english-text *{font-family:var(--ayman-english-font)!important}
.ayman-toolbar-language-group{margin-inline-start:auto}
.ayman-toolbar-language-select{min-width:155px}
@media(max-width:991px){.ayman-toolbar-language-group{margin-inline-start:0}}
@media(max-width:767px){.ayman-toolbar-language-group{flex:1 1 calc(50% - 7px)}}
@media(max-width:575px){.ayman-toolbar-language-group{flex-basis:100%}}

/* AYMAN semantic-search concept trace */
.ayman-semantic-concepts {
    margin: 14px 0 18px;
    padding: 14px 16px;
    border: 1px solid var(--ayman-border, rgba(148, 163, 184, .22));
    border-radius: 16px;
    background: var(--ayman-surface-soft, rgba(255, 255, 255, .04));
}

.ayman-semantic-concepts-title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    font-weight: 700;
}

.ayman-semantic-concepts-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ayman-semantic-chip {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 5px 11px;
    border-radius: 999px;
    border: 1px solid currentColor;
    font-size: .88rem;
    line-height: 1.35;
    opacity: .92;
}

/* Package 10 - Semantic index diagnostics and full build */
.ayman-semantic-index-card{padding:28px}.ayman-field-hint{display:block;margin-top:7px;color:var(--muted);line-height:1.6}.ayman-index-model-box{border:1px solid var(--border);background:var(--cream);border-radius:14px;padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.ayman-index-model-box span{color:var(--muted);font-size:.82rem}.ayman-index-model-box strong{color:var(--navy);font-family:var(--ayman-english-font);font-size:.9rem}.ayman-index-actions{display:flex;gap:10px;flex-wrap:wrap}.ayman-index-actions .btn{display:inline-flex;align-items:center;gap:8px}.ayman-danger-outline-btn{border:1px solid #b84545;color:#a73636;background:#fff}.ayman-danger-outline-btn:hover{background:#a73636;color:#fff}.ayman-index-config{border:1px solid var(--border);border-radius:18px;background:var(--cream);padding:18px}.ayman-index-config h3{display:flex;align-items:center;gap:8px;color:var(--navy);font-size:1rem;margin:0 0 14px}.ayman-index-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ayman-index-config-grid>div{display:grid;grid-template-columns:28px minmax(120px,1fr) minmax(130px,1.4fr);align-items:center;gap:9px;padding:11px 12px;background:#fff;border:1px solid var(--border);border-radius:13px}.ayman-index-config-grid span:not(.ayman-config-icon){color:var(--muted);font-size:.82rem}.ayman-index-config-grid strong{color:var(--navy);font-size:.82rem;word-break:break-word}.ayman-config-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem}.ayman-config-icon.is-ok{background:rgba(31,126,90,.12);color:#1f7e5a}.ayman-config-icon.is-error{background:rgba(184,69,69,.12);color:#b84545}.ayman-index-progress-panel{padding:18px;border:1px solid var(--border);border-radius:18px;background:#fff}.ayman-index-progress-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.ayman-index-progress-head>div{display:flex;flex-direction:column;gap:4px}.ayman-index-progress-head strong{color:var(--navy)}.ayman-index-progress-head span{color:var(--muted);font-size:.84rem}.ayman-index-progress{height:13px;border-radius:999px;background:#eee9df;overflow:hidden}.ayman-index-progress .progress-bar{background:linear-gradient(90deg,var(--navy),var(--gold));transition:width .25s ease}.ayman-index-statistics{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-top:15px}.ayman-index-statistics>div{padding:11px 7px;text-align:center;border:1px solid var(--border);border-radius:13px;background:var(--cream)}.ayman-index-statistics span{display:block;color:var(--navy);font-size:1.18rem;font-weight:800}.ayman-index-statistics small{display:block;color:var(--muted);margin-top:3px;font-size:.72rem}.ayman-index-message{min-height:24px;font-weight:700;font-size:.88rem}.ayman-index-message.is-success{color:#1f7e5a}.ayman-index-message.is-warning{color:#a56f12}.ayman-index-message.is-error{color:#b84545}.ayman-index-message.is-info{color:var(--navy)}
@media(max-width:991px){.ayman-index-config-grid{grid-template-columns:1fr}.ayman-index-statistics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:575px){.ayman-semantic-index-card{padding:18px}.ayman-index-actions .btn{width:100%;justify-content:center}.ayman-index-statistics{grid-template-columns:repeat(2,1fr)}.ayman-index-config-grid>div{grid-template-columns:26px 1fr}.ayman-index-config-grid strong{grid-column:2}.ayman-index-progress-head{align-items:flex-start}.ayman-index-progress-head>strong{font-size:1.15rem}}


/* Package 11 - Visible AYMAN AI semantic understanding trace */
.ayman-semantic-trace{margin:14px 0 22px;padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--cream)}
.ayman-semantic-trace-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.ayman-semantic-trace-head>div{display:flex;align-items:flex-start;gap:11px}.ayman-semantic-trace-head i{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(185,139,57,.12);color:var(--gold)}.ayman-semantic-trace-head strong{display:block;color:var(--navy);font-size:1rem}.ayman-semantic-trace-head small{display:block;color:var(--muted);margin-top:3px;line-height:1.6}.ayman-semantic-status{display:inline-flex;align-items:center;justify-content:center;min-width:104px;padding:7px 10px;border-radius:999px;font-family:var(--ayman-english-font);font-size:.72rem;font-weight:800;letter-spacing:.03em}.ayman-semantic-status.is-success{background:rgba(31,126,90,.12);color:#1f7e5a}.ayman-semantic-status.is-info{background:rgba(34,74,112,.10);color:var(--navy)}
.ayman-semantic-trace-grid,.ayman-semantic-engine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ayman-semantic-trace-grid>div,.ayman-semantic-engine-grid>div{padding:12px 13px;border:1px solid var(--border);border-radius:13px;background:#fff}.ayman-semantic-trace-grid span,.ayman-semantic-engine-grid span{display:block;color:var(--muted);font-size:.75rem;margin-bottom:5px}.ayman-semantic-trace-grid strong,.ayman-semantic-engine-grid strong{display:block;color:var(--navy);font-size:.88rem;line-height:1.65;word-break:break-word}.ayman-semantic-trace-wide{grid-column:span 2}.ayman-semantic-trace-section{margin-top:13px;padding:12px 13px;border:1px solid var(--border);border-radius:13px;background:#fff}.ayman-semantic-trace-label{display:block;color:var(--navy);font-size:.78rem;font-weight:800;margin-bottom:9px}.ayman-semantic-engine-grid{margin-top:13px;grid-template-columns:repeat(4,minmax(0,1fr))}.ayman-semantic-empty{color:var(--muted);font-size:.82rem}.ayman-semantic-error{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding:11px 13px;border:1px solid rgba(184,69,69,.28);border-radius:12px;background:rgba(184,69,69,.06);color:#a73636;font-size:.82rem;line-height:1.6}
@media(max-width:991px){.ayman-semantic-trace-grid,.ayman-semantic-engine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ayman-semantic-trace-wide{grid-column:span 2}}
@media(max-width:575px){.ayman-semantic-trace{padding:14px}.ayman-semantic-trace-head{flex-direction:column}.ayman-semantic-trace-grid,.ayman-semantic-engine-grid{grid-template-columns:1fr}.ayman-semantic-trace-wide{grid-column:span 1}.ayman-semantic-status{align-self:flex-start}}

.ayman-semantic-status.is-error { color: #a33; border-color: rgba(163,51,51,.28); background: rgba(163,51,51,.08); }

/* Package 15: unified OpenAI configuration trace */
.ayman-openai-config-trace {
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px dashed var(--ayman-border, #e8dfcf);
}
.ayman-openai-config-trace strong {
    direction: ltr;
    unicode-bidi: plaintext;
}

/* Package 20 - Hadith details manual translation action */
.ayman-translate-selected-btn{width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:800;border-radius:14px}
.ayman-translate-selected-btn i{font-size:1rem}
.ayman-translate-selected-btn:disabled{opacity:.7;cursor:wait}
@media(max-width:767px){.ayman-translate-selected-btn{min-height:48px}}

/* Package 22 - Protect Font Awesome glyphs from site font switching */
i.fa-solid, i.fas, span.fa-solid, span.fas {
    font-family: "Font Awesome 6 Free" !important;
    font-style: normal !important;
    font-weight: 900 !important;
}
i.fa-regular, i.far, span.fa-regular, span.far {
    font-family: "Font Awesome 6 Free" !important;
    font-style: normal !important;
    font-weight: 400 !important;
}
i.fa-brands, i.fab, span.fa-brands, span.fab {
    font-family: "Font Awesome 6 Brands" !important;
    font-style: normal !important;
}
.fa-solid::before, .fas::before, .fa-regular::before, .far::before, .fa-brands::before, .fab::before {
    font-family: inherit !important;
}
