/**
 * The Soul Thrive Clinic — Blog visual identity, RC94.
 * Design reference: "الهيكل العام للموقع.docx".
 * Scope: Native Blog main[data-asbm-blog] only.
 * Loaded after blog-native.css and blog-route-layout-fix.css.
 * Zero changes to Elementor, theme chrome, plugins, HTML or WPML data.
 */
main.asbm[data-asbm-blog] {
  --blog-blue: #1469E8;
  --blog-ink: #0B2C59;
  --blog-muted: #506889;
  --blog-line: #DFEAF5;
  --blog-card: #FFFFFF;
  --blog-sky: #D9F0FF;
  --blog-cream: #FFF1DE;
  --blog-coral: #FF806F;
  --blog-green: #39B995;
  --blog-gold: #F6BD4A;
  color: var(--blog-ink);
  background: #FFFEFB;
}

/* Welcoming blue-sky hero — preserve the existing portrait and layout. */
main.asbm[data-asbm-blog] .asbm-hero {
  background:
    radial-gradient(ellipse at 83% 22%, rgba(255,241,222,.85), transparent 39%),
    linear-gradient(112deg, #D9F0FF 0%, #EFF9FF 49%, #FFF1DE 100%);
  border-radius: 0 0 30px 30px;
}
main.asbm[data-asbm-blog] .asbm-hero h1 {
  color: var(--blog-ink);
  letter-spacing: -.025em;
}
main.asbm[data-asbm-blog] .asbm-hero h1::after {
  content: "";
  display: block;
  width: 86px;
  height: 6px;
  margin-block-start: 18px;
  margin-inline-start: 0;
  margin-inline-end: auto;
  border-radius: 99px;
  background: linear-gradient(90deg, var(--blog-blue), var(--blog-coral));
}
main.asbm[data-asbm-blog] .asbm-hero p {
  color: #385878;
  line-height: 1.8;
}
main.asbm[data-asbm-blog] .asbm-halo {
  background: #C9E6FF;
  box-shadow: 0 13px 45px rgba(20,105,232,.10);
}
main.asbm[data-asbm-blog] .asbm-person img {
  border-radius: 28px;
  box-shadow: 0 20px 44px rgba(12, 44, 89, .12);
}

/* Each major content panel has a deliberate warm/cool rhythm. */
main.asbm[data-asbm-blog] .asbm-content-structure {
  padding-block-start: 34px;
  padding-block-end: 68px;
}
main.asbm[data-asbm-blog] .asbm-content-structure h2 {
  color: var(--blog-ink);
  letter-spacing: -.01em;
}
main.asbm[data-asbm-blog] .asbm-content-structure section > p {
  color: var(--blog-muted);
}
main.asbm[data-asbm-blog] .asbm-announcement {
  background: linear-gradient(105deg, #FFF1DE, #FFF8ED 58%, #EAF8FF);
  border: 1px solid #F8E4C9;
  border-radius: 24px;
  box-shadow: 0 10px 28px rgba(86,72,37,.06);
  padding: 23px 30px;
}
main.asbm[data-asbm-blog] .asbm-announcement h2 { color: #143F74; }
main.asbm[data-asbm-blog] .asbm-announcement-art { color: var(--blog-green); }
main.asbm[data-asbm-blog] .asbm-announcement-art:last-child { color: var(--blog-coral); }

/* The six topic cards: large, distinct icon wells and high-contrast white cards. */
main.asbm[data-asbm-blog] .asbm-topic-section {
  background: var(--blog-cream);
  border-radius: 28px;
  padding: 29px 30px 32px;
  box-shadow: inset 0 0 0 1px rgba(225,175,108,.15);
}
main.asbm[data-asbm-blog] .asbm-topic-section h2 {
  border-inline-start: 6px solid var(--blog-coral);
  padding-inline-start: 14px;
}
main.asbm[data-asbm-blog] .asbm-topic-grid { gap: 16px; margin-top: 23px; }
main.asbm[data-asbm-blog] .asbm-topic-tile,
main.asbm[data-asbm-blog] .asbm-topic-tile:nth-child(n) {
  background: #FFFFFF;
  min-height: 210px;
  border: 1px solid rgba(14,68,124,.08);
  border-radius: 21px;
  padding: 22px 10px 19px;
  box-shadow: 0 10px 23px rgba(24,62,107,.07);
  transition: transform .22s ease, box-shadow .22s ease;
}
main.asbm[data-asbm-blog] .asbm-topic-tile > span {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 72px;
  height: 72px;
  border-radius: 21px;
  background: #DEF6EE;
  color: #168969;
  font-size: 48px;
  line-height: 1;
}
main.asbm[data-asbm-blog] .asbm-topic-tile:nth-child(2) > span { background: #FFE6E1; color: #DF6F60; }
main.asbm[data-asbm-blog] .asbm-topic-tile:nth-child(3) > span { background: #FFF1CE; color: #B67B13; }
main.asbm[data-asbm-blog] .asbm-topic-tile:nth-child(4) > span { background: #E3F0FF; color: #1469E8; }
main.asbm[data-asbm-blog] .asbm-topic-tile:nth-child(5) > span { background: #E8F8F1; color: #218D70; }
main.asbm[data-asbm-blog] .asbm-topic-tile:nth-child(6) > span { background: #FFEAE2; color: #D96656; }
main.asbm[data-asbm-blog] .asbm-topic-tile strong { color: #11345B; font-size: 16px; font-weight: 800; }
main.asbm[data-asbm-blog] .asbm-topic-tile small { color: #5A7391; font-size: 12px; }
@media (hover: hover) and (pointer: fine) {
  main.asbm[data-asbm-blog] .asbm-topic-tile:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 30px rgba(24,62,107,.12);
  }
}

/* Search/filter stays functional; input and selected category get clear focus. */
main.asbm[data-asbm-blog] .asbm-controls { margin: 27px 0 31px; }
main.asbm[data-asbm-blog] .asbm-controls .asbm-toolbar {
  background: #FFFFFF;
  border-color: #CFE4F6;
  border-radius: 17px;
  box-shadow: 0 9px 24px rgba(16,84,153,.07);
}
main.asbm[data-asbm-blog] .asbm-toolbar:focus-within { outline: 2px solid var(--blog-blue); outline-offset: 2px; }
main.asbm[data-asbm-blog] .asbm-toolbar button { color: var(--blog-blue); }
main.asbm[data-asbm-blog] .asbm-filter a {
  background: #FFFFFF;
  border-color: #D4E7F7;
  color: #24547C;
  font-weight: 700;
}
main.asbm[data-asbm-blog] .asbm-filter a.active,
main.asbm[data-asbm-blog] .asbm-filter a:hover {
  color: #FFFFFF;
  background: var(--blog-blue);
  border-color: var(--blog-blue);
}

/* Blue information area, containing white cards and a warm featured-article panel. */
main.asbm[data-asbm-blog] .asbm-layout {
  background: #EAF7FF;
  border-radius: 28px;
  padding: 25px;
  box-shadow: inset 0 0 0 1px rgba(20,105,232,.05);
  gap: 24px;
  margin-bottom: 31px;
}
main.asbm[data-asbm-blog] .asbm-articles > section {
  background: #FFFFFF;
  border: 1px solid #E0EDF6;
  border-radius: 23px;
  padding: 25px;
  margin-bottom: 22px;
  box-shadow: 0 7px 24px rgba(28,80,130,.045);
}
main.asbm[data-asbm-blog] .asbm-articles > section.asbm-featured { background: #FFF7EC; border-color: #F6E5C9; }
main.asbm[data-asbm-blog] .asbm-articles > section.asbm-featured-topics { background: #FFF6E9; border-color: #F5E3C6; }
main.asbm[data-asbm-blog] .asbm-featured-grid .asbm-post,
main.asbm[data-asbm-blog] .asbm-post-grid .asbm-post {
  background: #FFFFFF;
  border: 1px solid #DDEAF5;
  border-radius: 20px;
  box-shadow: 0 12px 27px rgba(26,74,125,.07);
}
main.asbm[data-asbm-blog] .asbm-post h3 a { color: #153E6C; }
main.asbm[data-asbm-blog] .asbm-read { color: var(--blog-blue); }
main.asbm[data-asbm-blog] .asbm-empty-small {
  background: #FFFFFF;
  border: 1px solid #E2EAF0;
  border-radius: 18px;
}
main.asbm[data-asbm-blog] .asbm-skeleton-art { background: linear-gradient(145deg, #D9F0FF, #B3D8FC); }
main.asbm[data-asbm-blog] .asbm-skeleton-lines i { background: #DCECF8; }
main.asbm[data-asbm-blog] .asbm-skeleton-lines i:first-child { background: #B9D8FF; }
main.asbm[data-asbm-blog] .asbm-empty {
  background: linear-gradient(145deg, #FFFFFF 45%, #F4FBFF);
  border-color: #DDEBF5;
  border-radius: 19px;
  box-shadow: 0 10px 24px rgba(29,73,118,.045);
}
main.asbm[data-asbm-blog] .asbm-empty-illustration { background: radial-gradient(circle, #FFF1DE 0%, transparent 71%); }
main.asbm[data-asbm-blog] .asbm-empty-illustration span:first-child { color: var(--blog-green); }
main.asbm[data-asbm-blog] .asbm-empty-illustration span:last-child { color: var(--blog-coral); }

/* Sidebar: crisp white cards, warm signup block, and accessible blue action. */
main.asbm[data-asbm-blog] .asbm-sidebar .asbm-panel {
  background: #FFFFFF;
  border: 1px solid #DCEAF4;
  border-radius: 22px;
  box-shadow: 0 9px 25px rgba(18,66,112,.07);
  padding: 25px;
}
main.asbm[data-asbm-blog] .asbm-category-link { border-color: #E7EEF5; color: #254F76; }
main.asbm[data-asbm-blog] .asbm-category-link:hover,
main.asbm[data-asbm-blog] .asbm-popular:hover { color: var(--blog-blue); }
main.asbm[data-asbm-blog] .asbm-sidebar .asbm-newsletter {
  background: linear-gradient(150deg, #FFF1DE, #FFF9F0) !important;
  border-color: #F3DEC2;
}
main.asbm[data-asbm-blog] .asbm-newsletter input[type=email] {
  border-color: #E7D6C1;
  border-radius: 12px;
  background: #FFFFFF;
}
main.asbm[data-asbm-blog] .asbm-newsletter button {
  background: var(--blog-blue);
  border-radius: 12px;
  min-height: 45px;
  font-weight: 800;
}
main.asbm[data-asbm-blog] .asbm-newsletter button:hover { background: #0C56C7; }

/* Four small featured topics: gold / teal / coral / blue icon accents. */
main.asbm[data-asbm-blog] .asbm-featured-topics-grid { gap: 14px; }
main.asbm[data-asbm-blog] .asbm-topic-mini {
  background: #FFFFFF;
  border: 1px solid #E5EAF1;
  border-radius: 17px;
  padding: 20px 11px;
  min-height: 132px;
  box-shadow: 0 8px 20px rgba(28,73,114,.055);
}
main.asbm[data-asbm-blog] .asbm-topic-mini span {
  display: grid;
  place-items: center;
  width: 55px;
  height: 55px;
  border-radius: 17px;
  background: #FFF0CD;
  color: #AE7411;
  font-size: 32px;
}
main.asbm[data-asbm-blog] .asbm-topic-mini:nth-child(2) span { background: #DEF6ED; color: #218A6A; }
main.asbm[data-asbm-blog] .asbm-topic-mini:nth-child(3) span { background: #FFE6E0; color: #C65A4C; }
main.asbm[data-asbm-blog] .asbm-topic-mini:nth-child(4) span { background: #E2F0FF; color: var(--blog-blue); }
main.asbm[data-asbm-blog] .asbm-topic-mini strong { color: #183A60; font-size: 14px; }

/* Closing decision panel: warm cream vs the blue information section. */
main.asbm[data-asbm-blog] .asbm-final-cta {
  background: linear-gradient(108deg, #FFF1DE, #FFF7EC) !important;
  border: 1px solid #F2DCBA !important;
  border-radius: 25px;
  padding: 27px 32px;
  box-shadow: 0 12px 28px rgba(77,64,42,.065) !important;
}
main.asbm[data-asbm-blog] .asbm-final-cta h2 { color: #103861; }
main.asbm[data-asbm-blog] .asbm-final-cta p { color: #536B89; }
main.asbm[data-asbm-blog] .asbm-cta-actions a {
  border-color: var(--blog-blue);
  border-radius: 12px;
  padding: 13px 18px;
  background: #FFFFFF;
  color: var(--blog-blue);
  font-weight: 800;
  box-shadow: 0 4px 11px rgba(20,105,232,.06);
}
main.asbm[data-asbm-blog] .asbm-cta-actions a:first-child {
  background: var(--blog-blue);
  color: #FFFFFF;
}
main.asbm[data-asbm-blog] .asbm-cta-actions a:hover { background: #E8F4FF; }
main.asbm[data-asbm-blog] .asbm-cta-actions a:first-child:hover { background: #0B56CB; }
main.asbm[data-asbm-blog] a:focus-visible,
main.asbm[data-asbm-blog] button:focus-visible {
  outline: 3px solid var(--blog-coral);
  outline-offset: 3px;
}

@media (max-width: 980px) {
  main.asbm[data-asbm-blog] .asbm-topic-section { padding: 25px 22px 27px; }
  main.asbm[data-asbm-blog] .asbm-layout { padding: 19px; gap: 20px; }
  main.asbm[data-asbm-blog] .asbm-articles > section { padding: 23px; }
  main.asbm[data-asbm-blog] .asbm-topic-grid { gap: 13px; }
}
@media (max-width: 600px) {
  main.asbm[data-asbm-blog] .asbm-hero { border-radius: 0 0 23px 23px; }
  main.asbm[data-asbm-blog] .asbm-hero h1::after {
    margin-inline: auto;
    width: 74px;
    margin-block-start: 14px;
  }
  main.asbm[data-asbm-blog] .asbm-content-structure { padding-block: 22px 42px; }
  main.asbm[data-asbm-blog] .asbm-announcement { padding: 18px 12px; border-radius: 20px; }
  main.asbm[data-asbm-blog] .asbm-topic-section { padding: 21px 14px 19px; border-radius: 21px; }
  main.asbm[data-asbm-blog] .asbm-topic-tile,
  main.asbm[data-asbm-blog] .asbm-topic-tile:nth-child(n) {
    min-height: 186px;
    padding: 14px 8px;
    border-radius: 16px;
  }
  main.asbm[data-asbm-blog] .asbm-topic-tile > span {
    width: 59px;
    height: 59px;
    font-size: 39px;
    border-radius: 17px;
  }
  main.asbm[data-asbm-blog] .asbm-topic-tile strong { font-size: 14px; }
  main.asbm[data-asbm-blog] .asbm-topic-tile small { font-size: 11px; }
  main.asbm[data-asbm-blog] .asbm-controls { margin: 22px 0; }
  main.asbm[data-asbm-blog] .asbm-layout { padding: 13px; border-radius: 22px; }
  main.asbm[data-asbm-blog] .asbm-articles > section { padding: 17px 15px; border-radius: 18px; }
  main.asbm[data-asbm-blog] .asbm-sidebar .asbm-panel { padding: 20px; border-radius: 18px; }
  main.asbm[data-asbm-blog] .asbm-topic-mini { min-height: 115px; padding: 13px 8px; }
  main.asbm[data-asbm-blog] .asbm-topic-mini span { width: 46px; height: 46px; font-size: 27px; }
  main.asbm[data-asbm-blog] .asbm-final-cta { padding: 23px 15px; border-radius: 21px; }
  main.asbm[data-asbm-blog] .asbm-cta-actions { width: 100%; justify-content: center; }
  main.asbm[data-asbm-blog] .asbm-cta-actions a { flex: 1 1 100%; text-align: center; }
}
@media (prefers-reduced-motion: reduce) {
  main.asbm[data-asbm-blog] .asbm-topic-tile { transition: none; }
}

/* RC96 — Blog hero image presentation ONLY. The portrait and clinic wordmark
   are both inside a single square asset. Show its upper portion as a clean,
   wide editorial crop rather than the old full-body contain/oval treatment.
   Avoid changing the surrounding text, buttons, chrome, or other templates. */
main.asbm[data-asbm-blog] .asbm-hero .asbm-halo {
  display: none;
}
main.asbm[data-asbm-blog] .asbm-hero {
  padding-top: 0;
}
main.asbm[data-asbm-blog] .asbm-hero .asbm-person {
  width: min(100%, 576px);
  height: 500px;
  min-width: 0;
  align-self: end;
  justify-self: center;
  display: block;
  line-height: 0;
}
main.asbm[data-asbm-blog] .asbm-hero .asbm-person > img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
  object-position: center top;
  border-radius: 0;
  box-shadow: none;
  transform: none;
}
@media (max-width: 850px) {
  main.asbm[data-asbm-blog] .asbm-hero .asbm-person {
    height: clamp(280px, 48vw, 430px);
  }
}
@media (max-width: 600px) {
  main.asbm[data-asbm-blog] .asbm-hero {
    padding-top: 24px;
  }
  main.asbm[data-asbm-blog] .asbm-hero .asbm-person {
    width: min(100%, 420px);
    height: clamp(220px, calc((100vw - 28px) * .868), 365px);
    justify-self: center;
  }
}


/* RC98 — Match the Home hero portrait card dimensions (up to 520px square).
   Scope and visual treatment from RC97 are deliberately unchanged. */
main.asbm[data-asbm-blog] .asbm-hero {
  padding-top: 26px;
}
main.asbm[data-asbm-blog] .asbm-hero .asbm-person {
  width: min(100%, 520px);
  height: auto;
  min-height: 0;
  aspect-ratio: 1 / 1;
  align-self: center;
  justify-self: center;
  padding: 11px;
  border-radius: 27px;
  background: linear-gradient(135deg, #C8E3F8, #679ACA);
  box-shadow: 0 18px 50px rgba(12, 63, 119, .19);
  overflow: hidden;
}
main.asbm[data-asbm-blog] .asbm-hero .asbm-person > img {
  width: 100%;
  height: 100%;
  border-radius: 19px;
  background: #102A47;
  object-fit: cover;
  object-position: center top;
  transform: none;
  box-shadow: none;
}
@media (max-width: 850px) {
  main.asbm[data-asbm-blog] .asbm-hero .asbm-person {
    width: min(100%, 520px);
  }
}
@media (max-width: 600px) {
  main.asbm[data-asbm-blog] .asbm-hero {
    padding-top: 24px;
  }
  main.asbm[data-asbm-blog] .asbm-hero .asbm-person {
    width: min(100%, 520px);
    aspect-ratio: 1 / 1;
    padding: 7px;
    border-radius: 16px;
  }
  main.asbm[data-asbm-blog] .asbm-hero .asbm-person > img {
    border-radius: 11px;
  }
}


/* RC99 — Native Blog hero only: leave breathing room below the portrait card.
   Home-inspired spacing; no changes to the image dimensions, colors, or grid. */
main.asbm[data-asbm-blog] .asbm-hero {
  padding-bottom: 42px;
}
@media (max-width: 600px) {
  main.asbm[data-asbm-blog] .asbm-hero {
    padding-bottom: 26px;
  }
}