/* Final RTL and information-architecture layer. Loaded after the legacy theme CSS. */
:root {
  --dz-reading-size: clamp(1rem, .97rem + .15vw, 1.0625rem);
  --dz-heading-size: clamp(1.35rem, 1.15rem + 1vw, 1.85rem);
  --dz-card-radius: 1rem;
}

html[dir="rtl"] body.cc-body {
  direction: rtl;
  text-align: right;
  font-family: var(--cc-font-persian);
  text-rendering: optimizeLegibility;
}

body.cc-body { font-size: 16px; line-height: 1.75; }
body.cc-body main { min-height: 60vh; }
body.cc-body :where(h1, h2, h3, h4, h5, h6) { line-height: 1.45; }

/* Header uses the assigned WordPress secondary menu; no public login action. */
.cc-navbar .container-xl { gap: 1rem; }
.cc-main-menu .nav-link,
.cc-main-menu .nav-link.active {
  color: var(--cc-on-surface-variant);
  font-family: var(--cc-font-persian);
  font-size: .9375rem;
  font-weight: 600;
  padding: .45rem .1rem;
  border-bottom: 2px solid transparent;
}
.cc-main-menu .nav-link:hover,
.cc-main-menu .current-menu-item > .nav-link,
.cc-main-menu .current-menu-ancestor > .nav-link { color: var(--cc-primary); border-bottom-color: var(--cc-primary); }
.cc-main-menu .dropdown-menu { direction: rtl; text-align: right; border: 1px solid var(--cc-outline-variant); border-radius: .75rem; box-shadow: 0 12px 28px rgba(0, 25, 69, .12); }
.cc-main-menu .dropdown-item { font-family: var(--cc-font-persian); }

/* Reusable Persian metadata and editorial cards. */
.cc-section-kicker, .cc-meta { color: var(--cc-on-surface-variant); font-family: var(--cc-font-persian); font-size: .8125rem; font-weight: 600; }
.cc-section-kicker { color: var(--cc-secondary); }
.cc-section-title { color: var(--cc-on-surface); font-family: var(--cc-font-persian); font-size: var(--dz-heading-size); font-weight: 700; }
.cc-text-link { color: var(--cc-primary); font-family: var(--cc-font-persian); font-size: .9375rem; font-weight: 600; text-decoration: none; }
.cc-text-link:hover { color: #002d6e; text-decoration: underline; text-underline-offset: .25em; }
.cc-blog-card { background: var(--cc-surface-lowest); border: 0; border-radius: var(--dz-card-radius); box-shadow: 0 4px 20px rgba(15, 82, 186, .05); display: flex; flex-direction: column; padding: 1.5rem; }
.cc-blog-card__body { flex: 1; }
.cc-blog-card__title { font-family: var(--cc-font-persian); font-size: 1.125rem; font-weight: 700; margin: .6rem 0; }
.cc-blog-card__title a { color: var(--cc-on-surface); text-decoration: none; }
.cc-blog-card__title a:hover { color: var(--cc-primary); }
.cc-blog-card__excerpt { color: var(--cc-on-surface-variant); font-size: .9375rem; line-height: 1.9; margin: 0 0 1.25rem; }
.cc-blog-card__link { color: var(--cc-primary); font-family: var(--cc-font-persian); font-size: .875rem; font-weight: 700; text-decoration: none; }

/* Breadcrumbs must read right-to-left and point toward the prior level. */
.cc-breadcrumb { --bs-breadcrumb-divider: "›"; align-items: center; direction: rtl; margin: 0; }
.cc-breadcrumb .breadcrumb-item + .breadcrumb-item::before { color: var(--cc-outline); float: none; font-size: 1.2em; line-height: 1; padding: 0 .55rem; }
.cc-breadcrumb a { color: var(--cc-on-surface-variant); text-decoration: none; }
.cc-breadcrumb a:hover { color: var(--cc-primary); text-decoration: underline; text-underline-offset: .2em; }

/* Drug pages: essential content remains visible in a vertical medical record. */
.single-drugs .cc-tabs { display: none; }
.single-drugs .cc-drug-detail-sections .tab-content > .tab-pane {
  background: var(--cc-surface-lowest);
  border: 0;
  border-radius: var(--dz-card-radius);
  box-shadow: 0 4px 20px rgba(15, 82, 186, .05);
  display: block !important;
  margin-bottom: 1rem;
  opacity: 1 !important;
  padding: clamp(1.25rem, 2.5vw, 1.75rem);
}
.single-drugs .cc-drug-detail-sections .tab-content > .tab-pane::before { color: var(--cc-primary); display: block; font-family: var(--cc-font-persian); font-size: 1.15rem; font-weight: 700; margin-bottom: 1rem; }
.single-drugs #tab-general::before { content: "اطلاعات کلی"; }
.single-drugs #tab-special::before { content: "اطلاعات تخصصی"; }
.single-drugs #tab-forms::before { content: "اشکال دارویی"; }
.single-drugs #tab-warnings::before { content: "هشدارها و مصرف در بارداری"; }
.single-drugs #tab-companies::before { content: "شرکت‌ها و نام‌های تجاری مرتبط"; }
.single-drugs .cc-prose { font-size: var(--dz-reading-size); }
.single-drugs .cc-prose p, .single-drugs .cc-prose li { line-height: 2; }
.single-drugs .cc-warning-box { margin: 0; }

/* Therapy classes become a browseable directory: all child groups are visible. */
.therapy-directory .accordion { display: grid; gap: 1rem; }
.therapy-directory .accordion-item { border: 0 !important; border-radius: var(--dz-card-radius) !important; box-shadow: 0 4px 20px rgba(15, 82, 186, .05); margin: 0 !important; overflow: hidden; }
.therapy-directory .accordion-button { background: var(--cc-surface-lowest) !important; cursor: default; padding: 1.15rem 1.25rem; }
.therapy-directory .accordion-button::after { display: none; }
.therapy-directory .accordion-collapse { display: block !important; }
.therapy-directory .accordion-body { background: var(--cc-surface-low); border-top: 0; padding: 1rem 1.25rem 1.25rem !important; }
.therapy-directory .accordion-body > .row > div > div { background: var(--cc-surface-lowest) !important; border: 0; border-radius: .75rem !important; box-shadow: 0 2px 12px rgba(15, 82, 186, .045); transition: box-shadow .15s, transform .15s; }
.therapy-directory .accordion-body > .row > div > div:hover { box-shadow: 0 5px 18px rgba(15, 82, 186, .10); transform: translateY(-2px); }

/* Legacy company and pharmacy templates retain their data but gain the same reading hierarchy. */
.single-company #kt_content, .single-pharmacy #kt_content { background: var(--cc-background); padding: 1.5rem 0 3rem; }
.single-company #kt_content_container, .single-pharmacy #kt_content_container { margin-inline: auto; max-width: 1320px; padding-inline: clamp(1rem, 2.5vw, 2rem); width: 100%; }
.single-company #kt_content .card, .single-pharmacy #kt_content .card { background: var(--cc-surface-lowest); border: 0; border-radius: var(--dz-card-radius); box-shadow: 0 4px 20px rgba(15, 82, 186, .05); overflow: hidden; }
.single-company #kt_content .card-body, .single-pharmacy #kt_content .card-body { font-family: var(--cc-font-persian); font-size: 1rem; line-height: 1.85; }
.single-company #kt_content h1, .single-company #kt_content h2, .single-pharmacy #kt_content h1, .single-pharmacy #kt_content h2 { color: var(--cc-on-surface); font-family: var(--cc-font-persian); font-size: clamp(1.2rem, 1.05rem + .6vw, 1.55rem); font-weight: 700; line-height: 1.5; }
.single-company #companyContact .form-control, .single-pharmacy .form-control { border-color: var(--cc-outline-variant); font-family: var(--cc-font-persian); min-height: 48px; }
.single-company #companyProducts .table, .single-pharmacy .table { direction: rtl; font-family: var(--cc-font-persian); }
.single-company #companyProducts .table td, .single-pharmacy .table td { vertical-align: middle; }

/* Undo the oversized dashboard utilities used in the legacy organization templates. */
.single-company #kt_toolbar, .single-pharmacy #kt_toolbar { margin-bottom: 1.25rem; }
.single-company #kt_toolbar_container, .single-pharmacy #kt_toolbar_container { margin-inline: auto; max-width: 1320px; padding-inline: clamp(1rem, 2.5vw, 2rem); width: 100%; }
.single-company #kt_toolbar .page-title, .single-pharmacy #kt_toolbar .page-title { font-family: var(--cc-font-persian); }
.single-company #kt_toolbar .fs-3, .single-pharmacy #kt_toolbar .fs-3 { font-size: 1.25rem !important; }
.single-company #kt_content .fs-2hx, .single-pharmacy #kt_content .fs-2hx { font-family: var(--cc-font-persian); font-size: 1.35rem !important; line-height: 1.5 !important; }
.single-company #kt_content .fs-2, .single-company #kt_content .fs-3, .single-company #kt_content .fs-4,
.single-pharmacy #kt_content .fs-2, .single-pharmacy #kt_content .fs-3, .single-pharmacy #kt_content .fs-4 { font-size: 1rem !important; line-height: 1.85 !important; }
.single-company #kt_content .fs-5, .single-pharmacy #kt_content .fs-5 { font-size: .9375rem !important; line-height: 1.75 !important; }
.single-company #kt_content .fs-6, .single-pharmacy #kt_content .fs-6 { font-size: .875rem !important; line-height: 1.7 !important; }
.single-company #kt_content .p-10, .single-pharmacy #kt_content .p-10 { padding: 1.5rem !important; }
.single-company #kt_content .p-lg-17, .single-pharmacy #kt_content .p-lg-17 { padding: clamp(1.25rem, 3vw, 2rem) !important; }
.single-company #kt_content .card-rounded, .single-pharmacy #kt_content .card-rounded { background: transparent !important; border-radius: 0; box-shadow: none; }
.single-company #kt_content .h-200px, .single-pharmacy #kt_content .h-200px { height: 9rem !important; min-height: 0 !important; }

/* Only top-level organization sections are cards; nested content stays flat. */
.single-company #kt_content_container > .row,
.single-pharmacy #kt_content_container > .row,
.single-company #kt_content_container > .flex-row,
.single-pharmacy #kt_content_container > .flex-row,
.single-company #kt_content_container > .cc-community-banner,
.single-pharmacy #kt_content_container > .cc-community-banner { margin-top: 1.5rem; }
.single-company #kt_content_container > :first-child,
.single-pharmacy #kt_content_container > :first-child { margin-top: 0; }
.single-company #companyContact .card.mb-4.bg-light, .single-pharmacy #pharmacyContact .card.mb-4.bg-light { background: transparent !important; box-shadow: none; }

/* Social links are compact controls rather than page-width illustrations. */
.single-company #companyContact .card.mb-4.bg-light .card-body, .single-pharmacy #pharmacyContact .card.mb-4.bg-light .card-body { align-items: center; display: flex; flex-wrap: wrap; gap: .5rem; justify-content: center; padding: 1rem !important; }
.single-company #companyContact .card.mb-4.bg-light a, .single-pharmacy #pharmacyContact .card.mb-4.bg-light a { align-items: center; background: var(--cc-surface-lowest); border-radius: 50%; display: inline-flex; height: 2.5rem; justify-content: center; margin: 0 !important; width: 2.5rem; }
.single-company #companyContact .card.mb-4.bg-light img, .single-pharmacy #pharmacyContact .card.mb-4.bg-light img { height: 1.25rem !important; margin: 0 !important; max-width: 1.25rem; width: 1.25rem; }
.single-company #companyContact .card.mb-4.bg-light .fa-whatsapp, .single-pharmacy #pharmacyContact .card.mb-4.bg-light .fa-whatsapp { font-size: 1.25rem !important; height: auto !important; margin: 0 !important; }

/* Banners are standalone flex sections, never cards nested inside a card. */
.cc-community-banner { background: var(--cc-surface-lowest); border-radius: var(--dz-card-radius); box-shadow: 0 4px 20px rgba(15, 82, 186, .05); margin: 1.5rem 0; padding: 1.25rem 1.5rem; }
.cc-community-banner__content { align-items: center; display: flex; gap: 1rem; justify-content: space-between; }
.cc-community-banner__copy { align-items: center; display: flex; gap: .875rem; min-width: 0; }
.cc-community-banner__icon { align-items: center; background: var(--cc-primary-fixed); border-radius: .75rem; color: var(--cc-primary); display: inline-flex; flex: 0 0 2.75rem; height: 2.75rem; justify-content: center; width: 2.75rem; }
.cc-community-banner__icon img { display: block; height: 1.45rem; width: 1.45rem; }
.cc-community-banner h2 { color: var(--cc-on-surface); font-family: var(--cc-font-persian); font-size: 1.0625rem; font-weight: 700; margin: 0 0 .2rem; }
.cc-community-banner p { color: var(--cc-on-surface-variant); font-family: var(--cc-font-persian); font-size: .9375rem; line-height: 1.75; margin: 0; }
.cc-community-banner .btn { flex: 0 0 auto; font-size: .875rem; white-space: nowrap; }

@media (max-width: 767.98px) {
  .cc-navbar { height: auto; min-height: 64px; }
  .cc-navbar .navbar-collapse { order: 3; width: 100%; }
  .cc-main-menu { align-items: stretch !important; gap: .25rem !important; }
  .cc-main-menu .nav-link { border-bottom: 0; border-right: 2px solid transparent; padding: .65rem .25rem; }
  .cc-main-menu .current-menu-item > .nav-link, .cc-main-menu .current-menu-ancestor > .nav-link { border-bottom: 0; border-right-color: var(--cc-primary); padding-right: .65rem; }
  .single-drugs .cc-drug-detail-sections .tab-content > .tab-pane { padding: 1.1rem; }
  .cc-table thead th, .cc-table tbody td { padding: .7rem .85rem; white-space: nowrap; }
  .cc-community-banner { padding: 1rem; }
  .cc-community-banner__content { align-items: stretch; flex-direction: column; }
  .cc-community-banner .btn { text-align: center; width: 100%; }
}

/* Brand assets retain their natural proportions at every breakpoint. */
.cc-brand { display: inline-flex; line-height: 0; }
.cc-brand img, .cc-footer-brand img { display: block; height: auto; max-height: 42px; max-width: 150px; width: auto; }
.cc-footer-brand { line-height: 0; text-decoration: none; }

/* Clear editorial hierarchy: every heading level has a visibly distinct role. */
body.cc-body :where(h1, h2, h3, h4, h5, h6) { color: var(--cc-on-surface); font-family: var(--cc-font-persian); font-weight: 700; }
body.cc-body h1 { font-size: clamp(1.8rem, 1.45rem + 1.5vw, 2.55rem); line-height: 1.35; }
body.cc-body h2 { font-size: clamp(1.4rem, 1.22rem + .65vw, 1.78rem); line-height: 1.45; }
body.cc-body h3 { font-size: clamp(1.12rem, 1.04rem + .35vw, 1.3rem); line-height: 1.55; }
body.cc-body h4 { font-size: 1.04rem; line-height: 1.6; }
.cc-prose h2 { border-right: 3px solid var(--cc-primary); margin-top: 2.5rem; padding-right: .75rem; }
.cc-prose h3 { color: var(--cc-primary); margin-top: 1.7rem; }
.cc-prose h4 { margin-top: 1.35rem; }
.cc-prose > :first-child { margin-top: 0; }

/* Standard content elements, including generated article tables. */
.cc-prose { overflow-wrap: anywhere; }
.cc-prose a { color: var(--cc-primary); font-weight: 600; text-decoration-thickness: 1px; text-underline-offset: .2em; }
.cc-prose blockquote { background: var(--cc-surface-low); border: 0; border-right: 4px solid var(--cc-secondary); border-radius: .75rem; color: var(--cc-on-surface); margin: 1.5rem 0; padding: 1rem 1.25rem; }
.cc-prose blockquote p:last-child { margin-bottom: 0; }
.cc-prose hr { border: 0; border-top: 1px solid var(--cc-outline-variant); margin: 2rem 0; opacity: 1; }
.cc-prose figure { margin: 1.75rem 0; }
.cc-prose figcaption { color: var(--cc-on-surface-variant); font-size: .8125rem; margin-top: .5rem; text-align: center; }
.cc-prose img { border-radius: .75rem; height: auto; max-width: 100%; }
.cc-prose :where(code, pre) { direction: ltr; font-family: var(--cc-font-data); text-align: left; }
.cc-prose code { background: var(--cc-surface-low); border-radius: .25rem; color: var(--cc-primary); font-size: .9em; padding: .1em .35em; }
.cc-prose pre { background: var(--cc-on-surface); border-radius: .75rem; color: #fff; overflow: auto; padding: 1rem; }
.cc-prose .wp-block-table, .cc-article__content { max-width: 100%; overflow-x: auto; }
.cc-prose table, .entry-content table, .wp-block-table table { background: var(--cc-surface-lowest); border-collapse: separate; border-spacing: 0; border: 0; border-radius: .75rem; box-shadow: 0 2px 12px rgba(15, 82, 186, .06); color: var(--cc-on-surface); direction: rtl; display: table; font-family: var(--cc-font-persian); margin: 1.5rem 0; min-width: 100%; overflow: hidden; width: 100%; }
.cc-prose thead, .entry-content thead, .wp-block-table thead { background: var(--cc-primary); color: #fff; }
.cc-prose th, .entry-content th, .wp-block-table th { font-size: .875rem; font-weight: 700; padding: .85rem 1rem; text-align: right; vertical-align: middle; }
.cc-prose td, .entry-content td, .wp-block-table td { border-bottom: 1px solid var(--cc-surface-high); color: var(--cc-on-surface-variant); font-size: .9375rem; line-height: 1.75; padding: .85rem 1rem; text-align: right; vertical-align: top; }
.cc-prose tbody tr:nth-child(even), .entry-content tbody tr:nth-child(even), .wp-block-table tbody tr:nth-child(even) { background: var(--cc-surface-low); }
.cc-prose tbody tr:last-child td, .entry-content tbody tr:last-child td, .wp-block-table tbody tr:last-child td { border-bottom: 0; }
.cc-prose tbody tr:hover, .entry-content tbody tr:hover, .wp-block-table tbody tr:hover { background: #edf3ff; }
.table-responsive { border-radius: .75rem; }
body.cc-body .table { --bs-table-bg: var(--cc-surface-lowest); --bs-table-color: var(--cc-on-surface); --bs-table-striped-bg: var(--cc-surface-low); --bs-table-hover-bg: #edf3ff; border-radius: .75rem; font-family: var(--cc-font-persian); margin-bottom: 0; overflow: hidden; }
body.cc-body .table > :not(caption) > * > * { border-bottom-color: var(--cc-surface-high); padding: .8rem 1rem; text-align: right; vertical-align: middle; }
body.cc-body .table > thead { background: var(--cc-primary); color: #fff; }
body.cc-body .table > thead th { font-size: .875rem; font-weight: 700; }

/* Article pages use a deliberate sidebar instead of an empty widget area. */
.cc-article-layout { align-items: start; display: grid; gap: 1.5rem; grid-template-columns: 19rem minmax(0, 1fr); }
.cc-article { min-width: 0; }
.cc-article__image { border-radius: var(--dz-card-radius); box-shadow: 0 4px 20px rgba(15, 82, 186, .08); overflow: hidden; }
.cc-article__header { margin-bottom: 1.5rem; }
.cc-article__header h1 { margin: 0 0 .65rem; }
.cc-article__content { padding: clamp(1.25rem, 3vw, 2.5rem); }
.cc-article__content > table { max-width: 100%; }
.cc-article-sidebar { display: grid; gap: 1rem; position: sticky; top: 84px; }
.cc-sidebar-card { background: var(--cc-surface-lowest); border: 0; border-radius: var(--dz-card-radius); box-shadow: 0 4px 20px rgba(15, 82, 186, .05); padding: 1.15rem; }
.cc-sidebar-card__header { align-items: center; display: flex; gap: .5rem; margin-bottom: .9rem; }
.cc-sidebar-card__header .material-symbols-outlined { color: var(--cc-primary); }
.cc-sidebar-card__header h2 { font-size: 1.02rem; margin: 0; }
.cc-sidebar-list { list-style: none; margin: 0; padding: 0; }
.cc-sidebar-list li + li { border-top: 1px solid var(--cc-surface-high); }
.cc-sidebar-list a { color: var(--cc-on-surface); display: block; font-size: .9rem; padding: .75rem 0; text-decoration: none; }
.cc-sidebar-list a:hover { color: var(--cc-primary); }
.cc-sidebar-list span, .cc-sidebar-list small { display: block; }
.cc-sidebar-list small { color: var(--cc-on-surface-variant); font-family: var(--cc-font-latin); font-size: .75rem; margin-top: .2rem; }
.cc-sidebar-card__footer { color: var(--cc-primary); display: block; font-size: .8125rem; font-weight: 700; margin-top: .4rem; text-decoration: none; }
.cc-post-navigation { padding-bottom: .4rem; }
.cc-post-navigation__link { border-top: 1px solid var(--cc-surface-high); color: var(--cc-on-surface); display: block; padding: .75rem 0; text-decoration: none; }
.cc-post-navigation__link span { color: var(--cc-on-surface-variant); display: block; font-size: .75rem; margin-bottom: .2rem; }
.cc-post-navigation__link strong { display: block; font-size: .875rem; line-height: 1.65; }
.cc-post-navigation__link:hover strong { color: var(--cc-primary); }
.cc-sidebar-chips { display: flex; flex-wrap: wrap; gap: .45rem; }
.cc-sidebar-chips a { background: var(--cc-primary-fixed); border-radius: 999px; color: var(--cc-on-primary-fixed); font-size: .8rem; padding: .35rem .65rem; text-decoration: none; }
.cc-sidebar-chips a:hover { background: var(--cc-primary); color: #fff; }

/* Comment threads: white, calm, right-to-left and readable at every depth. */
.cc-comments-wrap { margin-top: 1.5rem; }
#comments { background: var(--cc-surface-lowest); border-radius: var(--dz-card-radius); box-shadow: 0 4px 20px rgba(15, 82, 186, .05); direction: rtl; padding: clamp(1.25rem, 2.5vw, 2rem); }
#comments-title, #reply-title { font-size: 1.25rem; margin: 0 0 1.25rem; }
.commentlist, .commentlist .children { list-style: none; margin: 0; padding: 0; }
.commentlist .children { border-right: 2px solid var(--cc-surface-high); margin: 1rem 1rem 0 0; padding-right: 1rem; }
.comment { background: var(--cc-surface-low); border: 0; border-radius: .75rem; margin-bottom: 1rem; padding: 1rem; }
.comment-meta { margin-bottom: .8rem; }
.comment-author.vcard { align-items: center; display: flex; flex-wrap: wrap; gap: .45rem .7rem; }
.comment-author .avatar { border-radius: 50%; height: 42px; order: 2; width: 42px; }
.comment-author .fn { color: var(--cc-on-surface); font-size: .9375rem; font-style: normal; font-weight: 700; }
.comment-author time { color: var(--cc-on-surface-variant); font-size: .75rem; text-decoration: none; }
.comment-content { color: var(--cc-on-surface-variant); font-size: .9375rem; line-height: 1.9; }
.comment-content p:last-child { margin-bottom: 0; }
.comment-reply-link { color: var(--cc-primary); font-size: .8125rem; font-weight: 700; margin-top: .8rem; padding: .25rem 0; text-decoration: none; }
.comment-awaiting-moderation, .comment-notes, .logged-in-as, .must-log-in { color: var(--cc-on-surface-variant); font-size: .875rem; }
#commentform { margin-top: 1.5rem; }
#commentform .form-control { background: #fff; border: 1px solid var(--cc-outline-variant); border-radius: .6rem; direction: rtl; font-family: var(--cc-font-persian); min-height: 50px; padding: .8rem .9rem; }
#commentform textarea.form-control { min-height: 130px; }
#commentform .form-control:focus { border-color: var(--cc-primary); box-shadow: 0 0 0 .2rem rgba(0, 60, 144, .12); }
#commentform .form-floating > label { color: var(--cc-on-surface-variant); font-family: var(--cc-font-persian); right: 0; transform-origin: right top; }
#commentform .form-submit { margin: 0; }
#commentform #submit { background: var(--cc-primary); border: 0; border-radius: .55rem; color: var(--cc-on-primary); font-family: var(--cc-font-persian); font-size: .9rem; font-weight: 700; padding: .7rem 1.1rem; }
#comment-nav-above, #comment-nav-below { display: flex; font-size: .875rem; justify-content: space-between; margin: 1rem 0; }

/* WordPress pagination has a single visual system on every archive. */
.navigation.pagination { display: block; margin: 0; }
.pagination .nav-links { align-items: center; display: flex; flex-wrap: wrap; gap: .45rem; justify-content: center; }
.pagination .page-numbers { align-items: center; background: var(--cc-surface-lowest); border: 0; border-radius: .5rem; box-shadow: 0 2px 10px rgba(15, 82, 186, .05); color: var(--cc-on-surface-variant); display: inline-flex; font-family: var(--cc-font-latin); font-size: .875rem; height: 2.5rem; justify-content: center; min-width: 2.5rem; padding: 0 .65rem; text-decoration: none; }
.pagination .page-numbers.current, .pagination a.page-numbers:hover { background: var(--cc-primary); color: #fff; }
.pagination .page-numbers.dots { box-shadow: none; min-width: auto; }

/* A tree layout makes therapeutic classes scannable without nested cards. */
.therapy-directory__header { margin-bottom: 2rem; max-width: 46rem; }
.therapy-directory__header h1 { color: var(--cc-primary); margin: .35rem 0 .6rem; }
.therapy-directory__header > p:last-child { color: var(--cc-on-surface-variant); margin: 0; }
.therapy-tree { display: grid; gap: 1rem; }
.therapy-tree__group { background: var(--cc-surface-lowest); border: 0; border-radius: var(--dz-card-radius); box-shadow: 0 4px 20px rgba(15, 82, 186, .05); padding: 1.25rem; }
.therapy-tree__group-header { align-items: center; border-bottom: 1px solid var(--cc-surface-high); display: flex; gap: 1rem; justify-content: space-between; padding-bottom: .9rem; }
.therapy-tree__group-header h2 { font-size: 1.2rem; margin: 0 0 .2rem; }
.therapy-tree__group-header h2 a { color: var(--cc-on-surface); text-decoration: none; }
.therapy-tree__group-header h2 a:hover, .therapy-tree__branch:hover { color: var(--cc-primary); }
.therapy-tree__group-header span { color: var(--cc-on-surface-variant); font-size: .8125rem; }
.therapy-tree__all-link { color: var(--cc-primary); flex: 0 0 auto; font-size: .875rem; font-weight: 700; text-decoration: none; }
.therapy-tree__branches { columns: 2; column-gap: 2rem; list-style: none; margin: 1rem 0 0; padding: 0; }
.therapy-tree__branches > li { break-inside: avoid; margin: 0 0 1rem; }
.therapy-tree__branch { align-items: center; color: var(--cc-on-surface); display: flex; font-size: .9375rem; font-weight: 700; gap: .5rem; justify-content: space-between; text-decoration: none; }
.therapy-tree__branch::before { background: var(--cc-primary-fixed); border-radius: 50%; content: ""; height: .45rem; width: .45rem; }
.therapy-tree__branch span { flex: 1; }
.therapy-tree__branch small { color: var(--cc-on-surface-variant); font-family: var(--cc-font-latin); font-size: .75rem; }
.therapy-tree__leaves { border-right: 1px solid var(--cc-surface-highest); list-style: none; margin: .55rem .2rem 0 0; padding: .1rem .85rem 0 0; }
.therapy-tree__leaves li { margin: .45rem 0; }
.therapy-tree__leaves a { color: var(--cc-on-surface-variant); font-size: .85rem; text-decoration: none; }
.therapy-tree__leaves a:hover { color: var(--cc-primary); text-decoration: underline; text-underline-offset: .2em; }

/* Drug details: linked classification and compact recent-article list. */
.cc-drug-category-link { text-decoration: none; }
.cc-drug-category-link:hover { background: var(--cc-secondary); color: #fff; }
.cc-drug-recent-posts h2 { font-size: 1.05rem; }
.cc-drug-recent-posts ul { list-style: none; margin: 0 0 1rem; padding: 0; }
.cc-drug-recent-posts li + li { border-top: 1px solid var(--cc-surface-high); }
.cc-drug-recent-posts li { padding: .7rem 0; }
.cc-drug-recent-posts li a { color: var(--cc-on-surface); display: block; font-family: var(--cc-font-persian); font-size: .9rem; font-weight: 600; line-height: 1.65; text-decoration: none; }
.cc-drug-recent-posts li a:hover { color: var(--cc-primary); }
.cc-drug-recent-posts time { color: var(--cc-on-surface-variant); display: block; font-size: .75rem; margin-top: .2rem; }

@media (max-width: 991.98px) {
  .cc-article-layout { display: flex; flex-direction: column; }
  .cc-article { order: 1; width: 100%; }
  .cc-article-sidebar { order: 2; position: static; width: 100%; }
  .cc-article-sidebar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767.98px) {
  .cc-article-sidebar { grid-template-columns: 1fr; }
  .cc-article__content { padding: 1.1rem; }
  .cc-prose table, .entry-content table, .wp-block-table table { font-size: .875rem; min-width: 38rem; }
  .cc-prose th, .entry-content th, .wp-block-table th, .cc-prose td, .entry-content td, .wp-block-table td { padding: .7rem .75rem; }
  .therapy-tree__branches { columns: 1; }
  .therapy-tree__group-header { align-items: flex-start; flex-direction: column; }
}

/* Dark primary surfaces always use the light-on-primary color pair. */
body.cc-body .cc-primary-card { background: var(--cc-primary); border: 0; border-radius: var(--dz-card-radius); box-shadow: 0 8px 24px rgba(0, 60, 144, .16); color: var(--cc-on-primary); padding: 1.5rem; }
body.cc-body .cc-primary-card :is(h1, h2, h3, h4, p, .material-symbols-outlined) { color: var(--cc-on-primary); }
.cc-primary-card h2, .cc-primary-card h3 { font-size: 1.15rem; margin: .65rem 0 .45rem; }
.cc-primary-card p { font-size: .9375rem; line-height: 1.8; opacity: .9; }
.cc-primary-card > a { align-items: center; background: #fff; border-radius: .55rem; color: var(--cc-primary); display: inline-flex; font-size: .875rem; font-weight: 700; justify-content: center; margin-top: .7rem; padding: .65rem .9rem; text-decoration: none; }
.cc-primary-card > a:hover { background: var(--cc-primary-fixed); color: var(--cc-on-primary-fixed); }
.cc-primary-card--wide { padding: clamp(1.5rem, 3vw, 3rem); }
.cc-primary-card--wide .btn { background: #fff !important; color: var(--cc-primary) !important; }
.cc-primary-card--wide .col-md-4 { text-align: left !important; }

/* Blog single: explicit LTR grid places the sidebar on the physical left. */
.cc-article-layout { direction: ltr; }
.cc-article, .cc-article-sidebar { direction: rtl; }
.cc-article-toc ol { list-style: none; margin: 0; padding: 0; }
.cc-article-toc li + li { margin-top: .2rem; }
.cc-article-toc li.is-subsection { padding-right: .8rem; }
.cc-article-toc a { border-right: 2px solid transparent; color: var(--cc-on-surface-variant); display: block; font-size: .85rem; line-height: 1.7; padding: .3rem .55rem; text-decoration: none; }
.cc-article-toc a:hover, .cc-article-toc a.is-active { background: var(--cc-primary-fixed); border-right-color: var(--cc-primary); color: var(--cc-on-primary-fixed); font-weight: 700; }
.cc-article__content :where(h2, h3) { scroll-margin-top: 90px; }
.cc-bottom-post-nav { display: grid; gap: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 1.25rem; }
.cc-bottom-post-nav a { align-items: center; background: var(--cc-surface-lowest); border: 0; border-radius: var(--dz-card-radius); box-shadow: 0 4px 20px rgba(15, 82, 186, .05); color: var(--cc-on-surface); display: flex; gap: .7rem; justify-content: space-between; min-height: 5.25rem; padding: .9rem 1rem; text-decoration: none; }
.cc-bottom-post-nav a:hover { box-shadow: 0 8px 24px rgba(15, 82, 186, .11); color: var(--cc-primary); }
.cc-bottom-post-nav a small, .cc-bottom-post-nav a strong { display: block; }
.cc-bottom-post-nav a small { color: var(--cc-on-surface-variant); font-size: .75rem; margin-bottom: .2rem; }
.cc-bottom-post-nav a strong { font-size: .875rem; line-height: 1.6; }

/* Drug-brand page replaces the former dashboard UI with the theme's native layout. */
.single-drug-brand { direction: rtl; }
.cc-brand-hero { align-items: end; display: flex; gap: 1rem; justify-content: space-between; margin-bottom: 2rem; }
.cc-brand-hero h1 { color: var(--cc-primary); margin: 0; }
.cc-brand-hero__english { color: var(--cc-on-surface-variant); font-family: var(--cc-font-latin); font-size: 1rem; margin: .35rem 0 0; text-align: right; }
.cc-brand-layout { align-items: start; display: grid; gap: 1.5rem; grid-template-columns: minmax(0, 1fr) 19rem; }
.cc-brand-content { display: grid; gap: 1rem; min-width: 0; }
.cc-brand-section { padding: clamp(1.25rem, 2.5vw, 1.75rem); }
.cc-brand-section h2 { margin-top: 0; }
.cc-brand-sidebar { display: grid; gap: 1rem; position: sticky; top: 84px; }
.cc-table tbody th { color: var(--cc-on-surface); font-family: var(--cc-font-persian); font-size: .875rem; font-weight: 700; padding: .75rem 1.25rem; vertical-align: top; }
.cc-generic-drugs { display: grid; gap: 1rem; }
.cc-generic-drugs__item { align-items: start; border-top: 1px solid var(--cc-surface-high); display: flex; gap: 1rem; justify-content: space-between; padding-top: 1rem; }
.cc-generic-drugs__item:first-child { border-top: 0; padding-top: 0; }
.cc-generic-drugs__item h3 { margin: 0 0 .25rem; }
.cc-generic-drugs__item h3 a { color: var(--cc-on-surface); text-decoration: none; }
.cc-generic-drugs__item h3 a:hover { color: var(--cc-primary); }
.cc-generic-drugs__item p { color: var(--cc-on-surface-variant); font-size: .9rem; line-height: 1.8; margin: .25rem 0 0; }
.cc-generic-drugs__english { font-family: var(--cc-font-latin); font-size: .8rem !important; }
.cc-generic-drugs__meta { align-items: end; display: flex; flex: 0 0 auto; flex-direction: column; gap: .5rem; }
.cc-generic-drugs__meta > a:first-child { background: var(--cc-primary-fixed); border-radius: 999px; color: var(--cc-on-primary-fixed); font-size: .75rem; padding: .25rem .55rem; text-decoration: none; }

/* Catalogue and taxonomy headers use the same quiet archive treatment. */
.cc-archive-header { margin-bottom: 2rem; max-width: 48rem; }
.cc-archive-header h1 { color: var(--cc-primary); margin: .35rem 0 .6rem; }
.cc-archive-header > p:last-child { color: var(--cc-on-surface-variant); margin: 0; }
.cc-catalog-grid { display: grid; gap: 1rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cc-catalog-card { align-items: center; background: var(--cc-surface-lowest); border: 0; border-radius: var(--dz-card-radius); box-shadow: 0 4px 20px rgba(15, 82, 186, .05); color: var(--cc-on-surface); display: flex; gap: 1rem; min-height: 7rem; padding: 1rem; text-decoration: none; }
.cc-catalog-card:hover { box-shadow: 0 8px 24px rgba(15, 82, 186, .11); color: var(--cc-primary); }
.cc-catalog-card__mark { align-items: center; background: var(--cc-surface-low); border-radius: .75rem; display: flex; flex: 0 0 4rem; height: 4rem; justify-content: center; overflow: hidden; width: 4rem; }
.cc-catalog-card__mark img { height: 100%; object-fit: contain; padding: .4rem; width: 100%; }
.cc-catalog-card__mark .material-symbols-outlined { color: var(--cc-primary); }
.cc-catalog-card h2 { font-size: 1.05rem; margin: 0 0 .35rem; }
.cc-catalog-card span { color: var(--cc-on-surface-variant); font-size: .8rem; }

@media (max-width: 991.98px) {
  .cc-brand-layout { display: flex; flex-direction: column; }
  .cc-brand-content, .cc-brand-sidebar { position: static; width: 100%; }
  .cc-brand-sidebar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cc-catalog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767.98px) {
  .cc-brand-hero { align-items: stretch; flex-direction: column; }
  .cc-brand-hero .btn { align-self: flex-start; }
  .cc-brand-sidebar, .cc-bottom-post-nav { grid-template-columns: 1fr; }
  .cc-catalog-grid { grid-template-columns: 1fr; }
  .cc-generic-drugs__item { flex-direction: column; }
  .cc-generic-drugs__meta { align-items: start; }
}