/* Reference-inspired reading theme, loaded only by public/Lite detail views. */
.public-detail {
    --detail-teal:#176b78;
    --detail-gold:#c5a261;
    --detail-ink:#233b40;
    --detail-border:#e4e6df;
    --detail-surface:#fafaf7;
    --detail-base-size:22px;
    --detail-reading-size:calc(var(--detail-base-size) + var(--detail-font-offset,0px));
}
.public-detail main, .public-detail .detail-post {
    background:linear-gradient(rgba(250,250,247,.992),rgba(250,250,247,.992)),url('/assets/imgs/patterns/ISLAMIC%20PATTERN.svg') center / 560px repeat;
}
.public-detail :is(.detail-hero,.searchbox-featured,.entry-header-style-2,.featured-dark) {
    position:relative; isolation:isolate; overflow:hidden;
    background-image:url('/assets/imgs/detail-hero.svg'),linear-gradient(115deg,#07576a 0%,#147380 62%,#53b6ac 100%) !important;
    background-size:cover; background-position:center;
    color:#fff; text-align:center; padding:44px 16px !important;
    margin-bottom:0 !important; min-height:230px;
    display:flex; align-items:center; justify-content:center;
}
.public-detail :is(.detail-hero,.searchbox-featured,.entry-header-style-2,.featured-dark)::before,
.public-detail :is(.detail-hero,.searchbox-featured,.entry-header-style-2,.featured-dark)::after {
    content:''; display:block !important; position:absolute; top:0; bottom:auto; left:7%; right:auto;
    width:64px; height:132px; z-index:0; pointer-events:none;
    background:url('/assets/imgs/detail-lantern.svg') top center / contain no-repeat;
    opacity:.7; transform-origin:50% 0; will-change:transform;
    animation:detail-lantern-swing 5s ease-in-out infinite alternate;
}
.public-detail :is(.detail-hero,.searchbox-featured,.entry-header-style-2,.featured-dark)::after { left:auto; right:7%; animation-delay:-2.5s; }
@keyframes detail-lantern-swing { from { transform:rotate(-3deg); } to { transform:rotate(3deg); } }
.public-detail [data-decoration-paused]::before,.public-detail [data-decoration-paused]::after { animation-play-state:paused; }
@media(prefers-reduced-motion:reduce) {
    .public-detail :is(.detail-hero,.searchbox-featured,.entry-header-style-2,.featured-dark)::before,
    .public-detail :is(.detail-hero,.searchbox-featured,.entry-header-style-2,.featured-dark)::after { animation:none; will-change:auto; }
}
.public-detail :is(.searchbox-featured,.entry-header-style-2) .overlay { display:none; }
.public-detail :is(.detail-hero,.searchbox-featured,.entry-header-style-2) .container { position:relative; z-index:1; }
.public-detail :is(.searchbox-featured,.entry-header-style-2) :is(.py-5,.my-3) { padding-block:0 !important; margin-block:0 !important; }
.public-detail :is(.detail-hero,.searchbox-featured,.entry-header-style-2) h1 {
    max-width:1000px; margin:0 auto !important; color:#fff !important;
    font-size:clamp(30px,3.5vw,48px) !important; line-height:1.6; font-weight:700; text-shadow:none;
}
.public-detail :is(.detail-hero,.searchbox-featured,.entry-header-style-2) h1::after {
    content:''; display:block; width:200px; height:24px;
    background:url('/assets/imgs/detail-divider.svg') center / contain no-repeat;
    margin:16px auto;
}
.public-detail :is(.detail-hero-subtitle,.searchbox-featured p,.searchbox-featured h2,.searchbox-featured h3,.entry-header-style-2 .entry-meta) {
    color:#fff !important; font-size:20px; line-height:1.8; margin:0; text-align:center;
}
.public-detail .breadcrumbs { padding:16px 12px; border-color:var(--detail-border); margin-bottom:30px; }
.public-detail .breadcrumbs :is(ol,li) { white-space:normal; overflow-wrap:anywhere; }
.public-detail .breadcrumbs a { color:var(--detail-teal) !important; }
.public-detail .breadcrumbs a:hover { text-decoration:underline; }
.public-detail .single-content { max-width:960px; }
.public-detail .term-container > .container.entry-header-content { max-width:960px; padding-top:32px; }
.public-detail :is(.detail-card,.entry-main-content > .bg-white,.entry-wraper.bg-white,.entry-main-content.bg-white,.author-bio.bg-white,.media-content.bg-white,.border.bg-white) {
    border:1px solid var(--detail-border) !important; border-radius:10px !important;
    box-shadow:0 4px 16px rgba(35,59,64,.035); padding:28px !important;
}
.public-detail :is(.entry-main-content,.author-description,.media-content,.detail-card .content,.detail-reading-text,.border.bg-white,.has-border.bg-white) { font-size:var(--detail-reading-size); line-height:2; }
.public-detail :is(.entry-main-content,.author-description,.media-content,.detail-card .content,.detail-reading-text,.border.bg-white,.has-border.bg-white) :where(p,li,blockquote) { font-size:inherit; line-height:inherit; }
.public-detail :is(.entry-main-content,.detail-card) > :is(h2,h3,h4) {
    border-inline-start:3px solid var(--detail-gold); padding-inline-start:16px;
    margin-block:0 20px; color:var(--detail-ink); font-size:28px; line-height:1.6;
}
.public-detail :is(.entry-main-content,.detail-card) > :is(h2,h3,h4) i { color:var(--detail-teal); }
.public-detail .section-divider { height:2px; border:0; margin:22px 0; background:linear-gradient(to left,var(--detail-teal) 0 9%,#d7dfe0 9% 100%); }
.detail-reading-toolbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:4px; margin-bottom:20px; padding-bottom:12px; border-bottom:1px solid var(--detail-border); color:#637783; }
.detail-reading-toolbar button { display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; border:0; border-radius:6px; background:transparent; color:inherit; font:16px/1.3 Arial,sans-serif; cursor:pointer; }
.detail-reading-toolbar button:hover { color:var(--detail-teal); background:#edf5f4; }
.detail-reading-toolbar button:disabled { opacity:.35; cursor:default; }
.detail-size-controls { display:flex; direction:ltr; }
.detail-tool-divider { width:1px; height:24px; background:var(--detail-border); margin-inline:8px; }
.detail-share-control { position:relative; }
.detail-share-menu { position:absolute; inset-block-start:100%; inset-inline-end:0; z-index:20; min-width:170px; background:#fff; border:1px solid var(--detail-border); border-radius:8px; padding:8px; box-shadow:0 6px 18px rgba(35,59,64,.12); }
.detail-share-menu a { display:block; padding:10px 12px; min-height:44px; color:var(--detail-teal); font:16px/1.5 Arial,sans-serif; }
.detail-share-menu a:hover { background:#edf5f4; }
.detail-tools-container { max-width:960px; padding-top:24px; }
.detail-tools-container .detail-reading-toolbar { padding:8px 16px; border:1px solid var(--detail-border); border-radius:8px; background:#fff; margin:0; }
.public-detail .detail-summary { border-inline-start:3px solid var(--detail-gold) !important; }
.public-detail .detail-quote-reference { color:var(--detail-teal) !important; }
.detail-reading-status { flex-basis:100%; color:var(--detail-teal); font-size:16px; line-height:1.5; }
.detail-reading-status:empty { display:none; }
.public-detail .detail-post > .container-fluid { padding-top:0 !important; background:none !important; }
.public-detail .detail-post > .container-fluid > .row { width:100%; max-width:1200px !important; }
.public-detail .detail-post .content-table { font-size:18px; }
.public-detail .detail-post .content { padding:16px 0 !important; }
.public-detail .detail-card .btn-primary { background-color:var(--detail-teal); border-color:var(--detail-teal); color:#fff; }
.public-detail .detail-card .btn-primary:hover { background-color:#125560; border-color:#125560; }
.public-detail .detail-post .detail-card .content section { font-size:var(--detail-reading-size); line-height:2; }
.public-detail :is(table,pre) { max-width:100%; }
@media(max-width:767px) {
    .public-detail { --detail-base-size:20px; }
    .public-detail :is(.detail-hero,.searchbox-featured,.entry-header-style-2,.featured-dark) { min-height:200px; padding:32px 16px !important; }
    .public-detail :is(.detail-hero,.searchbox-featured,.entry-header-style-2) h1 { font-size:30px !important; }
    .public-detail :is(.detail-card,.entry-main-content > .bg-white,.entry-wraper.bg-white,.entry-main-content.bg-white,.author-bio.bg-white,.media-content.bg-white,.border.bg-white) { padding:20px !important; }
    .public-detail :is(.entry-main-content,.detail-card) > :is(h2,h3,h4) { font-size:25px; padding-inline-start:12px; }
    .public-detail .breadcrumbs { padding:12px 0; margin-bottom:24px; }
    .public-detail .breadcrumbs ol li { font-size:17px; }
    .detail-reading-toolbar { gap:0; }
    .detail-tool-divider { margin-inline:4px; }
}
@media(max-width:374px) {
    .detail-reading-toolbar { justify-content:space-between; }
    .detail-size-controls { flex-basis:100%; justify-content:flex-end; }
    .detail-tool-divider { display:none; }
}
@media print {
    @page { margin:16mm; }
    html,.public-detail,.public-detail main,.public-detail .detail-post { background:#fff !important; color:#000 !important; }
    .public-detail *,.public-detail *::before,.public-detail *::after { animation:none !important; transition:none !important; box-shadow:none !important; text-shadow:none !important; }
    .public-detail .wow { visibility:visible !important; }
    .public-detail > header,.public-detail footer,.public-detail .breadcrumbs,
    .public-detail .detail-reading-toolbar,.public-detail .detail-tools-container,
    .public-detail .suggestion-btn,.public-detail .modal,.public-detail .modal-backdrop,
    .public-detail .scroll-progress,.public-detail #scrollUp,.public-detail .detail-post .col-xl-4,
    .public-detail .term-container > [wire\:id],.public-detail :is(audio,video,iframe,#map,#regions_div,.btn) { display:none !important; }
    .public-detail :is(.detail-hero,.searchbox-featured,.entry-header-style-2,.featured-dark) {
        display:block; background:none !important; min-height:0; padding:0 0 12pt !important; margin:0 !important; overflow:visible;
    }
    .public-detail :is(.detail-hero,.searchbox-featured,.entry-header-style-2,.featured-dark)::before,
    .public-detail :is(.detail-hero,.searchbox-featured,.entry-header-style-2,.featured-dark)::after,
    .public-detail h1::after { display:none !important; }
    .public-detail :is(.detail-hero,.searchbox-featured,.entry-header-style-2) h1 { color:#000 !important; font-size:20pt !important; }
    .public-detail :is(.detail-hero-subtitle,.searchbox-featured p,.searchbox-featured h2,.searchbox-featured h3,.entry-header-style-2 .entry-meta) { color:#000 !important; font-size:12pt; }
    .public-detail .container,.public-detail .container-fluid { width:100% !important; max-width:none !important; padding:0 !important; margin:0 !important; }
    .public-detail .row { display:block; margin:0 !important; }
    .public-detail [class*='col-'] { width:100%; max-width:none; padding:0; }
    .public-detail :is(.detail-card,.entry-main-content > .bg-white,.entry-wraper.bg-white,.entry-main-content.bg-white,.author-bio.bg-white,.media-content.bg-white,.border.bg-white) { padding:0 !important; border:0 !important; border-radius:0 !important; margin-bottom:16pt !important; }
    .public-detail :is(.entry-main-content,.author-description,.media-content,.detail-card .content,.detail-reading-text),
    .public-detail .detail-post .detail-card .content section { font-size:12pt !important; line-height:1.8; }
    .public-detail :is(.entry-main-content,.detail-card) > :is(h2,h3,h4) { border:0; padding:0; font-size:16pt; break-after:avoid; }
    .public-detail :is(a,p,li,blockquote,.detail-quote-reference) { color:#000 !important; }
    .public-detail :is(h1,h2,h3,h4,h5,h6) { color:#000 !important; }
    .public-detail a { text-decoration:none; }
    .public-detail .section-divider { background:#aaa; height:1px; }
    .public-detail .table { width:100%; font-size:11pt; }
    .public-detail :is(p,li) { orphans:3; widows:3; }
}