/* Athari Ilmiyah: Women in Islam section (aiw- classes). Publish ONCE sitewide.
   Palette: cream #FBF6EF, ivory #FFFDF9, blush #F7E9ED, dusty rose #C97A92, deep rose #A85D75, charcoal #33302C. */
.aiw{font-family:'Inter',system-ui,sans-serif;color:#33302C}
.aiw a{text-decoration:none}
.aiw-hero{padding:8px 0 0;text-align:center;max-width:820px;margin:0 auto}
.aiw-kicker{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#A85D75;font-weight:600}
.aiw-hero-title{font-family:'Playfair Display',serif;font-size:52px;font-weight:600;line-height:1.12;margin:14px 0}
.aiw-hero-sub{font-size:17px;line-height:1.65;color:#5C564F}
.aiw-orn{display:flex;align-items:center;gap:14px;justify-content:center;margin:26px auto 0;width:min(340px,80%)}
.aiw-orn-rule{height:1px;flex:1;background:linear-gradient(90deg,transparent,#C97A92,transparent)}
.aiw-stats{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:26px}
.aiw-stat{background:#FFFDF9;border:1px solid #EAD9DE;border-radius:999px;padding:8px 16px;font-size:13px;color:#5C564F}
.aiw-stat b{color:#8C4A61;font-weight:600}
.aiw-overview{margin-top:38px;background:linear-gradient(135deg,#F7E9ED,#FBEFF3);border:1px solid #F3DCE3;border-radius:20px;padding:28px 32px;display:flex;gap:24px;align-items:center;box-shadow:0 10px 30px rgba(168,93,117,.10)}
.aiw-badge{flex:0 0 auto;width:58px;height:58px;border-radius:16px;background:#FFFDF9;border:1px solid #F3DCE3;display:flex;align-items:center;justify-content:center}
.aiw-overview-h{font-family:'Playfair Display',serif;font-size:25px;font-weight:600;margin:0}
.aiw-overview-p{color:#5C564F;font-size:15px;line-height:1.6;margin:5px 0 0;max-width:640px}
.aiw-go{margin-left:auto;flex:0 0 auto;background:#A85D75;color:#fff;font-weight:600;font-size:14.5px;padding:13px 22px;border-radius:999px;box-shadow:0 8px 18px rgba(168,93,117,.28)}
.aiw-pill{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;letter-spacing:.02em;border-radius:999px;padding:4px 11px;white-space:nowrap}
.aiw-pill.v{color:#8C4A61;border:1px solid #C97A92;background:#FFF7F9}
.aiw-pill.c{color:#7A6A70;border:1px solid #D8C6CC;background:#FBF3F5}
.aiw-overview .aiw-pill{margin-left:10px;vertical-align:3px}
.aiw-seclabel{margin-top:54px;display:flex;align-items:baseline;gap:16px}
.aiw-seclabel-h{font-family:'Playfair Display',serif;font-size:30px;font-weight:600;white-space:nowrap;margin:0}
.aiw-seclabel-rule{flex:1;height:1px;background:#EAD9DE}
.aiw-grid{margin-top:24px;display:grid;grid-template-columns:repeat(6,1fr);gap:20px}
.aiw-cat{grid-column:span 2;background:#FFFDF9;border:1px solid #F0E4E8;border-radius:18px;padding:20px 22px 18px;box-shadow:0 10px 30px rgba(168,93,117,.10);display:flex;flex-direction:column}
.aiw-cat-wide{grid-column:span 3}
.aiw-cat-h{font-family:'Playfair Display',serif;font-size:22px;font-weight:600;line-height:1.25;margin:0 0 8px}
.aiw-cat-desc{font-size:14.5px;line-height:1.6;color:#5C564F;margin:0}
.aiw-cat-foot{margin-top:auto;padding-top:18px;display:flex;align-items:center;justify-content:space-between}
.aiw-count{font-size:12.5px;color:#6B6B6B;letter-spacing:.03em}
.aiw-enter{color:#A85D75;font-weight:600;font-size:14.5px}
.aiw-crumbs{font-size:13px;color:#6B6B6B;margin:0 0 4px}
.aiw-crumbs a{color:#6B6B6B}
.aiw-crumbs b{color:#A85D75;font-weight:600}
.aiw-head{max-width:760px}
.aiw-head-h{font-family:'Playfair Display',serif;font-size:38px;font-weight:600;line-height:1.15;margin:10px 0 0}
.aiw-intro{margin:10px 0 0;font-size:15.5px;line-height:1.65;color:#5C564F}
.aiw-group{margin-top:30px}
.aiw-gh{display:flex;align-items:center;gap:14px;margin-bottom:6px}
.aiw-gh-h{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:#A85D75;font-weight:600;white-space:nowrap;margin:0}
.aiw-gh-rule{flex:1;height:1px;background:#EAD9DE}
.aiw-rows{display:grid;gap:10px;margin-top:12px}
.aiw-row{background:#FFFDF9;border:1px solid #F0E4E8;border-radius:14px;padding:16px 20px;display:flex;align-items:center;gap:18px;box-shadow:0 3px 10px rgba(51,48,44,.04)}
.aiw-tt{display:block;font-family:'Playfair Display',serif;font-size:18.5px;font-weight:600;line-height:1.3;color:#33302C}
.aiw-ds{display:block;font-size:13.5px;color:#5C564F;margin-top:3px;line-height:1.5}
.aiw-arr{color:#C97A92;font-size:19px;flex:0 0 auto}
.aiw-soon{border-style:dashed;background:transparent;box-shadow:none}
.aiw-soon .aiw-tt{color:#5C564F}
.aiw-soon .aiw-ds{color:#6B6B6B}
.aiw-soonpill{font-size:11.5px;font-weight:600;color:#7A6A70;border:1px dashed #CBB2BB;border-radius:999px;padding:4px 11px;white-space:nowrap}
.aiw-related{margin-top:44px;background:#F7E9ED;border-radius:16px;padding:22px 26px;display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.aiw-related-h{font-family:'Playfair Display',serif;font-size:17px;font-weight:600;margin-right:6px}
.aiw-related-a{background:#FFFDF9;border:1px solid #F3DCE3;border-radius:999px;padding:8px 16px;font-size:13.5px;color:#8C4A61;font-weight:500}
@media (max-width:900px){
	
	
 body.page-id-60 .wp-block-post-title{display:none}
body.page-id-62 .wp-block-post-title{display:none}
}

  body.page-id-379 .wp-block-post-title,body.page-id-383 .wp-block-post-title,body.page-id-385 .wp-block-post-title,body.page-id-387 .wp-block-post-title,body.page-id-389 .wp-block-post-title,body.page-id-3198 .wp-block-post-title,body.page-id-3201 .wp-block-post-title,body.page-id-60 .wp-block-post-title,body.page-id-62 .wp-block-post-title{display:none}
body.page-id-64 .wp-block-post-title,body.page-id-327 .wp-block-post-title,body.page-id-66 .wp-block-post-title,body.page-id-323 .wp-block-post-title,body.page-id-325 .wp-block-post-title,body.page-id-2582 .wp-block-post-title,body.page-id-74 .wp-block-post-title,body.page-id-1 .wp-block-post-title,body.page-id-489 .wp-block-post-title{display:none}

.aiw-uf{display:block;font-size:12.5px;color:#A85D75;font-weight:500;margin-top:5px;line-height:1.55}

@media (max-width:900px){
.aiw-gh-h{white-space:normal}
.aiw-seclabel-h{white-space:normal}
.aiw-hero-title{font-size:38px}
}
/* ==== Athari Ilmiyah mobile menu redesign, approved by Patience 2026-10-27 (mockup v2). Scoped to the mobile overlay only; desktop navigation untouched. ==== */@media (max-width: 600px) {  .wp-block-navigation__responsive-container.is-menu-open {    background-color: #FBF4E8;    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg fill='none' stroke='%23B76E79' stroke-opacity='0.07'%3E%3Cpath d='M28 6 L34 22 L50 28 L34 34 L28 50 L22 34 L6 28 L22 22 Z'/%3E%3Ccircle cx='28' cy='28' r='4'/%3E%3C/g%3E%3C/svg%3E"), linear-gradient(180deg, #FDF9F0 0%, #FAF1E1 100%)}}
@media (max-width: 600px) {  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content::before { content: "Athari Ilmiyah"; position: absolute; top: 24px; left: 22px; right: 22px; font-family: Georgia, "Times New Roman", serif; font-size: 26px; letter-spacing: .04em; color: #42302A; line-height: 42px; padding-left: 54px; padding-bottom: 14px; border-bottom: 1px solid rgba(183,110,121,.35); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 42'%3E%3Ccircle cx='21' cy='21' r='19.5' fill='%23FFFFFF' fill-opacity='0.5' stroke='%23B76E79' stroke-opacity='0.6'/%3E%3Cpath d='M21 8 L23.6 18.4 L34 21 L23.6 23.6 L21 34 L18.4 23.6 L8 21 L18.4 18.4 Z' fill='none' stroke='%23B76E79' stroke-width='1.3'/%3E%3Ccircle cx='21' cy='21' r='2.4' fill='none' stroke='%23B76E79'/%3E%3C/svg%3E") left top / 42px 42px no-repeat; }
}@media (max-width: 600px) {  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog::before { content: "ISLAMIC KNOWLEDGE"; position: absolute; top: 74px; left: 76px; font-size: 10px; letter-spacing: .36em; color: #B0818A; z-index: 2; }  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog::after { content: ""; position: absolute; top: 90px; left: 50%; width: 7px; height: 7px; margin-left: -4px; background: #C08A92; transform: rotate(45deg); z-index: 2; }  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close { top: 22px; right: 22px; width: 36px; height: 36px; border: 1px solid rgba(183,110,121,.55); border-radius: 50%; background: rgba(255,255,255,.6); color: #A25B66; display: flex; align-items: center; justify-content: center; z-index: 5; }
}@media (max-width: 600px) {  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { gap: 0; width: 100%; align-items: stretch; }  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item { border-bottom: 1px solid rgba(183,110,121,.14); width: 100%; padding: 4px 0; align-items: center; }  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item:has(> .wp-block-navigation-submenu__toggle[aria-expanded="true"]) { background: rgba(183,110,121,.05); border-radius: 12px; }  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content { font-family: Georgia, "Times New Roman", serif; font-size: 18px; font-weight: 600; letter-spacing: .02em; color: #42302A; padding: 9px 4px; display: flex; align-items: center; gap: 13px; text-align: left; }
}@media (max-width: 600px) {  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content::before { content: ""; width: 8px; height: 8px; flex: 0 0 auto; margin-left: 4px; border: 1.5px solid rgba(183,110,121,.75); transform: rotate(45deg); background: transparent; }  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item:has(> .wp-block-navigation-submenu__toggle[aria-expanded="true"]) > .wp-block-navigation-item__content::before { background: #B76E79; }  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu__toggle { width: 32px; height: 32px; flex: 0 0 auto; margin-left: auto; border: 1px solid rgba(183,110,121,.4); border-radius: 50%; background: rgba(255,255,255,.45); color: #A25B66; display: flex; align-items: center; justify-content: center; }  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu__toggle svg { transition: transform .25s ease; }  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu__toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
}@media (max-width: 600px) {  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container { display: none; position: static; visibility: visible; opacity: 1; height: auto; width: auto; background: rgba(255,252,246,.85); border: 1px solid rgba(183,110,121,.18); border-radius: 14px; margin: 2px 2px 12px 30px; padding: 8px 14px 10px; box-shadow: none; }  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:has(> .wp-block-navigation-submenu__toggle[aria-expanded="true"]) > .wp-block-navigation__submenu-container { display: block; }  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item { width: 100%; }
}@media (max-width: 600px) {  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content { font-size: 15px; font-weight: 400; color: #6E5148; padding: 7.5px 2px; width: 100%; display: flex; align-items: baseline; gap: 10px; border-bottom: 1px solid rgba(183,110,121,.09); text-align: left; }  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item:last-child .wp-block-navigation-item__content { border-bottom: none; }  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content::before { content: ""; width: 5px; height: 5px; flex: 0 0 auto; background: rgba(183,110,121,.55); transform: rotate(45deg); }  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content::after { content: "athariilmiyah.com"; display: block; text-align: center; margin-top: 20px; font-size: 10px; letter-spacing: .32em; text-transform: uppercase; color: rgba(162,91,102,.9); }
}/* ==== End mobile menu redesign ==== */

/* ==== Mobile menu correction, 2026-10-27: WordPress core hides the submenu arrow buttons inside the mobile overlay and forces submenus open. These rules restore the approved collapsible design. ==== */
@media (max-width: 600px) {
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon.wp-block-navigation-submenu__toggle {
    display: flex !important; align-items: center; justify-content: center;
    width: 32px; height: 32px; flex: 0 0 auto; margin-left: auto;
    border: 1px solid rgba(183,110,121,.4); border-radius: 50%;
    background: rgba(255,255,255,.45); color: #A25B66;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
    display: none !important;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item:has(> .wp-block-navigation-submenu__toggle[aria-expanded="true"]) > .wp-block-navigation__submenu-container {
    display: block !important; position: static;
    background: rgba(255,252,246,.85); border: 1px solid rgba(183,110,121,.18); border-radius: 14px;
    margin: 2px 2px 12px 30px; padding: 8px 14px 10px !important; box-shadow: none;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content::before { white-space: nowrap; }
}
@media (max-width: 380px) {
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { padding-top: 100px; }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content::before {
    font-size: 21px; line-height: 36px; padding-left: 46px; background-size: 36px 36px;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog::before { top: 66px; left: 68px; }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog::after { top: 82px; }
}
/* ==== End mobile menu correction ==== */
/* ==== Mobile menu correction 2, 2026-10-27: at Patience's request the "ISLAMIC KNOWLEDGE" tagline beside Home is removed. On real phones the theme's centred overlay styling also outranked the first pass, so the header and list alignment are pinned here with stronger rules: title clear of the close button, list left-aligned, first item clear of the header. ==== */
@media (max-width: 600px) {
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog::before { content: none !important; display: none !important; }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { padding-top: 104px !important; align-items: stretch !important; justify-content: flex-start !important; text-align: left !important; }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content::before { right: 74px !important; text-align: left !important; }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog::after { top: 77px; }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { align-items: stretch !important; justify-content: flex-start !important; text-align: left !important; width: 100% !important; }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item { justify-content: flex-start !important; text-align: left !important; }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { justify-content: flex-start !important; text-align: left !important; }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container { text-align: left !important; }
}
@media (max-width: 380px) {
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog::after { top: 70px; }
}
/* ==== End mobile menu correction 2 ==== */
@media (min-width: 601px) {  header .ai-mobile-nav.wp-block-navigation { display: none; }
}

body.page-id-149 .wp-block-post-title{display:none}
/* ==== Mobile accordion menu, 2026-10-27: on phones the original navigation is hidden inside the header only and the ai-mobile-nav accordion block takes its place, with group bars and article cards. The desktop hide for ai-mobile-nav sits in the rule just above this block. ==== */
@media (max-width: 600px) {
  header.wp-block-template-part .wp-block-navigation:not(.ai-mobile-nav) { display: none !important; }
  /* Level 2: the group rows inside an open category become pale bars with serif labels. */
  .ai-mobile-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container > .wp-block-navigation-submenu {
    display: flex; flex-wrap: wrap; align-items: center;
    background: #F7EDE1; border: 1px solid rgba(183,110,121,.25); border-radius: 10px;
    padding: 2px 6px 2px 4px; margin: 0 0 6px;
  }
  .ai-mobile-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container > .wp-block-navigation-submenu:has(> .wp-block-navigation-submenu__toggle[aria-expanded="true"]) { background: #F3E2D2; }
  .ai-mobile-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container > .wp-block-navigation-submenu > .wp-block-navigation-item__content {
    font-family: Georgia, "Times New Roman", serif; font-size: 15.5px; font-weight: 600; letter-spacing: .01em;
    color: #42302A; border-bottom: none; padding: 8px 6px; flex: 1 1 auto; width: auto;
  }
  .ai-mobile-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container > .wp-block-navigation-submenu > .wp-block-navigation-item__content::before { content: none; }
  /* The group bar wraps: its article card drops to a full-width row under the bar. */
  .ai-mobile-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container > .wp-block-navigation-submenu > .wp-block-navigation__submenu-container { flex: 0 0 100%; }
  /* Level 3: the article card inside an open group. */
  .ai-mobile-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
    background: rgba(255,253,248,.95); border: 1px solid rgba(183,110,121,.16); border-radius: 12px;
    margin: 4px 0 8px 6px; padding: 6px 12px 8px;
  }
  /* View all rows: italic rose, set apart from the article rows. */
  .ai-mobile-nav .wp-block-navigation__responsive-container.is-menu-open li.ai-view-all > .wp-block-navigation-item__content,
  .ai-mobile-nav .wp-block-navigation__responsive-container.is-menu-open a.ai-view-all {
    font-style: italic; color: #A25B66; font-size: 14px;
  }
}
/* ==== End mobile accordion menu ==== */
/* ==== Sitewide fonts: Playfair Display headings, Inter body ==== */body { font-family: 'Inter', system-ui, sans-serif; }h1, h2, h3, h4, h5, h6, .wp-block-post-title, .wp-block-heading { font-family: 'Playfair Display', serif; }/* ==== End sitewide fonts ==== */

/* Women in Islam hub: stack the subject cards and the overview card on phones (fix 2026-10-27) */
@media (max-width: 600px) {
	.aiw-grid { grid-template-columns: 1fr; gap: 16px; }
	.aiw-cat, .aiw-cat-wide { grid-column: 1 / -1; }
	.aiw-overview { flex-direction: column; align-items: flex-start; padding: 24px 22px; gap: 16px; }
	.aiw-go { margin-left: 0; }
}
.aiw-related{flex-direction:column;align-items:stretch}
.aiw-related-h{margin-right:0}