/* AutoAdhan blog — autoadhan.com look on top of Twenty Twenty-Five. Tokens match /css/style.css. */
:root {
  --aa-bg: #f3faf6; --aa-surface: #fff; --aa-surface-2: #f6fbf8; --aa-text: #0f2a1d; --aa-muted: #5a6f64; --aa-line: #d9ebe0;
  --aa-primary: #146c43; --aa-primary-strong: #0d5634; --aa-primary-soft: #e6f4ec; --aa-on-primary: #fff;
  --aa-gold: #b88a2c; --aa-gold-soft: #fbf2dc; --aa-band: #0f4d31; --aa-band-2: #0a3a24;
  --aa-shadow-sm: 0 2px 8px -2px rgba(15, 60, 38, .08); --aa-shadow: 0 18px 40px -20px rgba(15, 60, 38, .28);
  --aa-font-display: 'Anek Bangla', 'Hind Siliguri', system-ui, sans-serif;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --aa-bg: #0a1511; --aa-surface: #11211a; --aa-surface-2: #142820; --aa-text: #e6f2ec; --aa-muted: #98b2a5; --aa-line: #21392d;
    --aa-primary: #3cb57a; --aa-primary-strong: #5fcb94; --aa-primary-soft: #153325; --aa-on-primary: #04150c;
    --aa-gold: #e0bd6a; --aa-gold-soft: #2b2614; --aa-band: #0c2f1f; --aa-band-2: #071d13;
    --aa-shadow-sm: 0 2px 8px -2px rgba(0, 0, 0, .4); --aa-shadow: 0 18px 40px -20px rgba(0, 0, 0, .7);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --aa-bg: #0a1511; --aa-surface: #11211a; --aa-surface-2: #142820; --aa-text: #e6f2ec; --aa-muted: #98b2a5; --aa-line: #21392d;
  --aa-primary: #3cb57a; --aa-primary-strong: #5fcb94; --aa-primary-soft: #153325; --aa-on-primary: #04150c;
  --aa-gold: #e0bd6a; --aa-gold-soft: #2b2614; --aa-band: #0c2f1f; --aa-band-2: #071d13;
  --aa-shadow-sm: 0 2px 8px -2px rgba(0, 0, 0, .4); --aa-shadow: 0 18px 40px -20px rgba(0, 0, 0, .7);
  color-scheme: dark;
}
/* Theme palette follows the tokens, so dark mode reaches every block. */
:root body {
  --wp--preset--color--base: var(--aa-bg);
  --wp--preset--color--contrast: var(--aa-text);
  --wp--preset--color--accent-1: var(--aa-primary);
  --wp--preset--color--accent-2: var(--aa-primary-soft);
  --wp--preset--color--accent-3: var(--aa-band);
  --wp--preset--color--accent-4: var(--aa-muted);
  --wp--preset--color--accent-5: var(--aa-gold-soft);
  --wp--preset--color--accent-6: var(--aa-line);
  background: var(--aa-bg); color: var(--aa-text);
}
body { -webkit-font-smoothing: antialiased; overflow-x: hidden; }
[hidden] { display: none !important; }
.aa-banner, .aa-header, .aa-footer, .aa-app-card, .aa-app-card *, .aa-btn, .aa-search input { box-sizing: border-box; }
/* The theme spaces top-level blocks apart; the banner and header must touch. */
.wp-site-blocks > .aa-header, .wp-site-blocks > .aa-banner { margin-block-start: 0 !important; }
.aa-wrap { width: min(1180px, 100% - 32px); margin-inline: auto; }
.aa-arabic, [lang="ar"] { font-family: 'Amiri', 'Noto Naskh Arabic', serif; }

/* ---------- buttons ---------- */
.aa-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 10px 20px;
  border-radius: 12px; border: 1px solid transparent; font-weight: 600; font-size: 15px; line-height: 1.2;
  text-decoration: none !important; white-space: nowrap; transition: transform .15s, background-color .2s;
}
.aa-btn:active { transform: translateY(1px); }
.aa-btn-sm { min-height: 38px; padding: 6px 14px; font-size: 14px; border-radius: 10px; }
.aa-btn-primary { background: var(--aa-primary); color: var(--aa-on-primary) !important; }
.aa-btn-primary:hover { background: var(--aa-primary-strong); }
.aa-btn-play { background: #0b0b0b; color: #fff !important; border-color: #0b0b0b; box-shadow: 0 10px 22px -12px rgba(0, 0, 0, .6); }
.aa-btn-play:hover { background: #222; }
.aa-gp { width: 22px; height: 22px; flex: none; }
.aa-bp { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.1; }
.aa-bp small { font-size: 11px; font-weight: 500; opacity: .85; }
.aa-bp strong { font-size: 18px; font-weight: 700; }
.aa-icon-btn {
  display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; padding: 0; cursor: pointer;
  border: 1px solid var(--aa-line); background: var(--aa-surface); color: var(--aa-text);
}
.aa-icon-btn:hover { border-color: var(--aa-primary); color: var(--aa-primary); }
.aa-icon-btn svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linejoin: round; }

/* ---------- header ---------- */
.aa-header {
  position: sticky; top: var(--wp-admin--admin-bar--height, 0); z-index: 50;
  background: color-mix(in srgb, var(--aa-surface) 86%, transparent);
  backdrop-filter: saturate(1.4) blur(12px); -webkit-backdrop-filter: saturate(1.4) blur(12px);
  border-bottom: 1px solid var(--aa-line);
}
.aa-header a { text-decoration: none; }
.aa-header-inner { display: flex; align-items: center; gap: 20px; height: 70px; }
.aa-brand { display: flex; align-items: center; gap: 10px; flex: none; text-decoration: none !important; }
.aa-brand img { border-radius: 12px; }
.aa-brand-text { display: flex; flex-direction: column; line-height: 1.1; }
.aa-brand-text strong { font-family: var(--aa-font-display); font-size: 20px; font-weight: 800; color: var(--aa-primary); letter-spacing: -.02em; }
.aa-brand-text small { font-size: 12px; color: var(--aa-muted); }
.aa-nav { display: flex; gap: 4px; margin-left: 12px; }
.aa-nav a, .aa-subnav a { padding: 8px 12px; border-radius: 10px; font-weight: 500; font-size: 15px; color: var(--aa-muted); white-space: nowrap; }
.aa-nav a:hover, .aa-subnav a:hover { color: var(--aa-primary); background: var(--aa-primary-soft); }
.aa-nav a[aria-current], .aa-subnav a[aria-current] { color: var(--aa-primary); background: var(--aa-primary-soft); font-weight: 600; }
.aa-header-actions { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.aa-search input {
  width: 190px; height: 40px; padding: 0 14px; border-radius: 20px; border: 1px solid var(--aa-line);
  background: var(--aa-surface-2); color: var(--aa-text); font: inherit; font-size: 14px;
}
.aa-search input:focus { outline: 2px solid var(--aa-primary); outline-offset: 1px; }
.aa-subnav { display: none; }

/* Android smart banner */
.aa-banner { display: flex; align-items: center; gap: 10px; padding: 8px 12px 8px 6px; background: var(--aa-surface); border-bottom: 1px solid var(--aa-line); }
.aa-banner img { border-radius: 11px; flex: none; }
.aa-banner-x { width: 28px; height: 28px; border: 0; background: none; color: var(--aa-muted); font-size: 22px; line-height: 1; cursor: pointer; flex: none; }
.aa-banner-text { display: flex; flex-direction: column; line-height: 1.25; min-width: 0; flex: 1; }
.aa-banner-text strong { font-family: var(--aa-font-display); font-size: 15px; }
.aa-banner-text span { font-size: 12px; color: var(--aa-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* ---------- content ---------- */
/* Bangla script needs a larger size than Latin to read comfortably (main site body is 16px). */
body { font-size: 17px; }
.wp-block-post-content { font-size: clamp(17px, 16px + .3vw, 18.5px); line-height: 1.85; }
.wp-block-post-content h2 { font-size: clamp(24px, 3vw, 30px); margin-top: 1.6em; }
.wp-block-post-content h3 { font-size: clamp(20px, 2.4vw, 24px); }
.wp-block-post-excerpt, .aa-excerpt p { font-size: 16px; color: var(--aa-muted); margin: 8px 0 10px; }
.aa-more { font-weight: 700; color: var(--aa-primary); text-decoration: none !important; }
.aa-post-meta { display: flex; flex-wrap: wrap; gap: 6px 16px; color: var(--aa-muted); font-size: 15px; margin-top: 8px !important; }
.aa-post-meta span + span::before { content: '•'; margin-right: 16px; color: var(--aa-line); }
.aa-post-meta a { color: var(--aa-primary); text-decoration: none; }
main { padding-bottom: 24px; }
.aa-blog-head { max-width: 720px; margin: 8px auto 26px !important; text-align: center; }
.aa-blog-head h1 { text-align: center !important; color: var(--aa-primary); font-weight: 800; font-size: clamp(34px, 5vw, 52px); margin: 0; }
.aa-blog-head p { margin: 6px 0 0; color: var(--aa-muted); font-size: 17px; }
.wp-block-query-no-results p { text-align: center; color: var(--aa-muted); }
h1, h2, h3, h4 { color: var(--aa-text); }
.wp-block-post-title a, .wp-block-query-title, h1.wp-block-post-title { text-decoration: none; }
h1.wp-block-post-title, .wp-block-query-title { color: var(--aa-primary); font-weight: 800; font-size: clamp(30px, 4.6vw, 46px); }
.wp-block-post-content a, .entry-content a { text-decoration-thickness: 1px; text-underline-offset: 3px; }
.wp-block-post-content blockquote, .wp-block-quote {
  border-left: 4px solid var(--aa-gold); background: var(--aa-gold-soft); padding: 14px 20px; border-radius: 0 14px 14px 0; margin-inline: 0;
}
.wp-block-post-content [lang="ar"], .wp-block-post-content .arabic { font-size: 1.6em; line-height: 2; color: var(--aa-gold); direction: rtl; text-align: center; }
.wp-block-post-content img, .wp-block-post-featured-image img { border-radius: 16px; }
.wp-block-post-date, .wp-block-post-terms, .wp-block-post-author-name { color: var(--aa-muted); font-size: 14px; }
.wp-block-post-terms a { color: var(--aa-primary); }
.wp-block-separator { border-color: var(--aa-line) !important; opacity: 1; }

/* post list: cards */
.wp-block-query .wp-block-post-template { gap: 18px; }
.wp-block-query .wp-block-post-template > li {
  background: var(--aa-surface); border: 1px solid var(--aa-line); border-radius: 20px; padding: 22px 24px;
  box-shadow: var(--aa-shadow-sm); transition: border-color .2s, box-shadow .2s;
}
.wp-block-query .wp-block-post-template > li:hover { border-color: var(--aa-primary); box-shadow: var(--aa-shadow); }
.wp-block-query .wp-block-post-template > li .wp-block-post-title { font-size: clamp(22px, 2.6vw, 28px); margin-top: 6px; }
.wp-block-query .wp-block-post-template > li .wp-block-post-title a { color: var(--aa-text); }
.wp-block-query .wp-block-post-template > li .wp-block-post-title a:hover { color: var(--aa-primary); }
.wp-block-query .wp-block-post-template > li .wp-block-post-featured-image { margin-bottom: 12px; }
.wp-block-query .wp-block-post-template > li > .wp-block-group,
.wp-block-query .wp-block-post-template > li > div { padding-top: 0 !important; padding-bottom: 0 !important; }
.wp-block-query-pagination a, .wp-block-query-pagination .page-numbers { padding: 6px 12px; border-radius: 10px; text-decoration: none; }
.wp-block-query-pagination .current { background: var(--aa-primary); color: var(--aa-on-primary); }
.wp-block-query-no-results, .wp-block-query .has-text-align-center { color: var(--aa-muted); }
.wp-block-search__input { border-radius: 12px; border-color: var(--aa-line); background: var(--aa-surface); color: var(--aa-text); }

/* ---------- app prompts ---------- */
.aa-app-card {
  position: relative; display: flex; gap: 18px; align-items: center; margin: 40px auto 8px; max-width: 720px;
  padding: 22px 24px; border-radius: 20px; overflow: hidden;
  background: linear-gradient(135deg, var(--aa-band), var(--aa-band-2)); color: #cfe6d9; box-shadow: var(--aa-shadow);
  border: 1px solid color-mix(in srgb, var(--aa-primary) 35%, transparent);
}
.wp-block-query > .aa-app-card, main > .aa-app-card { margin: 0 auto 26px; }
.aa-app-card img { border-radius: 18px; flex: none; box-shadow: 0 16px 30px -14px rgba(0, 0, 0, .5); }
.aa-app-card h3 { color: #fff; margin: 0 0 4px; font-size: 22px; font-weight: 800; font-family: var(--aa-font-display); }
.aa-app-card p { margin: 0 0 14px; font-size: 15px; line-height: 1.6; color: #cfe6d9; }
.aa-app-card .aa-btn-play { background: #fff; color: #0b0b0b !important; border-color: #fff; }
.aa-app-card .aa-btn-play:hover { background: #eaf5ef; }
.aa-app-inline {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 12px 16px !important; margin: 26px 0 !important;
  border-radius: 14px; background: var(--aa-primary-soft); border: 1px dashed var(--aa-primary); font-size: 15px; line-height: 1.5;
}
.aa-app-inline img { border-radius: 8px; flex: none; }
.aa-app-inline span { flex: 1; min-width: 200px; }
.aa-app-inline a { font-weight: 700; color: var(--aa-primary); text-decoration: none !important; white-space: nowrap; }

/* ---------- footer ---------- */
.aa-footer { position: relative; background: linear-gradient(135deg, var(--aa-band), var(--aa-band-2)); color: #cfe6d9; padding: 48px 0 24px; margin-top: 48px; overflow: hidden; }
.aa-footer a { color: #cfe6d9; text-decoration: none; }
.aa-footer a:hover { color: #fff; }
.aa-footer-grid { display: flex; justify-content: space-between; gap: 32px; flex-wrap: wrap; }
.aa-brand-light .aa-brand-text strong { color: #fff; }
.aa-brand-light .aa-brand-text small { color: #a8cbb8; }
.aa-footer-text { max-width: 420px; color: #a8cbb8; font-size: 15px; line-height: 1.65; }
.aa-footer .aa-btn-play { color: #fff; }
.aa-footer-links { display: grid; grid-template-columns: repeat(2, auto); gap: 8px 36px; align-content: start; }
.aa-footer-bottom { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; border-top: 1px solid rgba(255, 255, 255, .12); margin-top: 32px; padding-top: 18px; font-size: 14px; color: #a8cbb8; }
.aa-footer-bottom .aa-arabic { font-size: 20px; color: #e5c77e; }

/* ---------- responsive ---------- */
@media (max-width: 1080px) {
  .aa-nav { display: none; }
  .aa-subnav {
    display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; padding: 0 12px 8px;
  }
  .aa-subnav::-webkit-scrollbar { display: none; }
  .aa-subnav a { font-size: 14px; padding: 6px 12px; background: var(--aa-surface-2); border: 1px solid var(--aa-line); border-radius: 20px; }
}
@media (max-width: 720px) {
  .aa-header-inner { height: 60px; gap: 10px; }
  .aa-brand-text small { display: none; }
  .aa-hide-sm { display: none !important; }
  .aa-search input { width: 130px; }
  .aa-app-card { flex-direction: column; text-align: center; padding: 22px 18px; }
  .aa-app-card .aa-btn { width: 100%; }
  .wp-block-query .wp-block-post-template > li { padding: 18px; }
  .aa-footer-links { gap: 8px 24px; }
}
@media (max-width: 400px) {
  .aa-search input { width: 104px; }
}