/* =========================================================
   Tinies Riz Manager - Theme Tokens v5.2
   این فایل بعد از frontend.css لود می‌شود و تنها منبع اصلاحات تم است.
   کامپوننت‌ها در این بخش فقط از توکن‌ها استفاده می‌کنند، نه رنگ‌های پراکنده.
========================================================= */

html.trm-theme-light,
html.trm-theme-light body,
body.trm-theme-light {
  --trm-token-bg: #f3f7fb;
  --trm-token-bg-soft: #e8eef7;
  --trm-token-surface: rgba(255, 255, 255, .92);
  --trm-token-surface-soft: rgba(255, 255, 255, .72);
  --trm-token-chip: rgba(255, 255, 255, .74);
  --trm-token-text: #0f172a;
  --trm-token-text-soft: #334155;
  --trm-token-text-muted: #64748b;
  --trm-token-border: rgba(15, 23, 42, .13);
  --trm-token-border-strong: rgba(15, 23, 42, .20);
  --trm-token-primary: #078f9c;
  --trm-token-primary-2: #2563eb;
  --trm-token-green: #15803d;
  --trm-token-purple: #7c3aed;
  --trm-token-orange: #c2410c;
  --trm-token-shadow: 0 18px 46px rgba(15, 23, 42, .10);
  --trm-token-shadow-soft: 0 12px 30px rgba(15, 23, 42, .08);
  --trm-token-hero: radial-gradient(circle at 85% 8%, rgba(4, 212, 190, .16), transparent 24rem), radial-gradient(circle at 8% 18%, rgba(37, 99, 235, .12), transparent 24rem), linear-gradient(145deg, rgba(255, 255, 255, .80), rgba(239, 245, 252, .70));

  --trm-c-bg: var(--trm-token-bg);
  --trm-c-bg-2: var(--trm-token-bg-soft);
  --trm-c-hero: var(--trm-token-hero);
  --trm-c-card: radial-gradient(circle at top right, rgba(4, 212, 190, .055), transparent 34%), linear-gradient(145deg, rgba(255, 255, 255, .94), rgba(247, 250, 254, .86));
  --trm-c-card-2: var(--trm-token-surface-soft);
  --trm-c-chip: var(--trm-token-chip);
  --trm-c-text: var(--trm-token-text);
  --trm-c-text-soft: var(--trm-token-text-soft);
  --trm-c-text-muted: var(--trm-token-text-muted);
  --trm-c-border: var(--trm-token-border);
  --trm-c-border-2: var(--trm-token-border-strong);
  --trm-c-primary: var(--trm-token-primary);
  --trm-c-primary-2: var(--trm-token-primary-2);
  --trm-c-purple: var(--trm-token-purple);
  --trm-c-green: var(--trm-token-green);
  --trm-c-orange: var(--trm-token-orange);
  --trm-c-shadow: var(--trm-token-shadow);
  --trm-c-shadow-soft: var(--trm-token-shadow-soft);
}

html.trm-theme-dark,
html.trm-theme-dark body,
body.trm-theme-dark {
  --trm-token-bg: #020617;
  --trm-token-bg-soft: #07111f;
  --trm-token-surface: rgba(15, 23, 42, .74);
  --trm-token-surface-soft: rgba(15, 23, 42, .56);
  --trm-token-chip: rgba(15, 23, 42, .54);
  --trm-token-text: #f8fafc;
  --trm-token-text-soft: #cbd5e1;
  --trm-token-text-muted: #94a3b8;
  --trm-token-border: rgba(148, 163, 184, .22);
  --trm-token-border-strong: rgba(148, 163, 184, .16);
  --trm-token-primary: #04D4BE;
  --trm-token-primary-2: #2563eb;
  --trm-token-green: #16a34a;
  --trm-token-purple: #7c3aed;
  --trm-token-orange: #f97316;
  --trm-token-shadow: 0 22px 60px rgba(0, 0, 0, .28);
  --trm-token-shadow-soft: 0 16px 40px rgba(0, 0, 0, .22);
}

/* Page background: override older standalone dark resets. */
html.trm-theme-light,
html.trm-theme-light body,
html.trm-theme-light body.trm-has-shortcode-page,
html.trm-theme-light body.trm-forced-products-page,
html.trm-theme-light body.trm-standalone-products,
html.trm-theme-light body.trm-forced-services-page,
html.trm-theme-light body.trm-standalone-services,
html.trm-theme-light body.trm-forced-product-detail-page,
html.trm-theme-light body.trm-standalone-product-detail,
html.trm-theme-light body.trm-forced-service-detail-page,
html.trm-theme-light body.trm-standalone-service-detail,
html.trm-theme-light body.trm-forced-static-page,
html.trm-theme-light body.trm-standalone-static-page,
html.trm-theme-light body :where(.wp-site-blocks, main, .site-main, #primary, .content-area, .entry-content, .wp-block-post-content, .wp-block-group, .wp-block-group__inner-container),
html.trm-theme-light body :where(.trm-page, .trm-home-v5, .trm-products-page-v2, .trm-services-page-v1, .trm-product-builder-page, .trm-vamino-detail-page, .riz-ai-service-page, .riz-mobile-service-page, .riz-web-service-page, .riz-api-service-page, .riz-system-service-page, .riz-game-service-page, .riz-about-page, .riz-contact-page) {
  background: linear-gradient(180deg, var(--trm-token-bg), var(--trm-token-bg-soft)) !important;
  color: var(--trm-token-text) !important;
}

/* Full bleed shells: no dark strip between content and footer. */
html.trm-theme-light body :is(.trm-products-main, .trm-services-main, .trm-product-builder-main, .trm-vamino-main, .trm-static-main, .trm-legacy-service-main),
html.trm-theme-light body :is(.trm-products-page-v2 > .trm-home-footer, .trm-services-page-v1 > .trm-home-footer, .trm-product-builder-page > .trm-home-footer, .trm-vamino-detail-page > .trm-home-footer) {
  background: linear-gradient(180deg, var(--trm-token-bg), var(--trm-token-bg-soft)) !important;
}

/* Hero blocks keep one clean background, without an extra white panel inside. */
html.trm-theme-light body :is(.trm-hero, .trm-products-hero, .trm-services-hero, .trm-product-builder-hero, .trm-vamino-hero, .trm-vamino-hero-wrap, .riz-ai-hero, .riz-mobile-hero, .riz-web-hero, .riz-api-hero, .riz-system-hero, .riz-game-hero, .riz-about-hero, .riz-contact-hero) {
  background: var(--trm-token-hero) !important;
  border-color: var(--trm-token-border) !important;
  box-shadow: var(--trm-token-shadow) !important;
  color: var(--trm-token-text) !important;
}

/* Real cards and panels that were still dark. */
html.trm-theme-light body :is(
  .trm-home-product-copy,
  .trm-home-product-terminal,
  .trm-terminal-body,
  .trm-terminal-footer > div,
  .trm-log-row,
  .trm-products-quick > div,
  .trm-services-quick > div,
  .trm-products-stats > div,
  .trm-products-statbar > div,
  .trm-services-stat,
  .trm-services-process-grid > div,
  .trm-product-builder-floating,
  .trm-product-builder-status,
  .trm-builder-section,
  .trm-builder-feature,
  .trm-builder-benefits > div,
  .trm-builder-list li,
  .trm-builder-feature li,
  .trm-vamino-floating-card,
  .trm-vamino-benefits > div,
  .trm-vamino-section li,
  .riz-about-mini-cards > div,
  .riz-contact-mini-item,
  .riz-contact-info-card,
  .riz-contact-value,
  .riz-contact-team-card,
  .riz-contact-member-card,
  .riz-contact-service-card,
  .riz-contact-action
) {
  background: var(--trm-c-card) !important;
  border-color: var(--trm-token-border) !important;
  box-shadow: var(--trm-token-shadow-soft) !important;
  color: var(--trm-token-text) !important;
}

/* Non-card wrappers must stay transparent; this removes the extra white layer seen inside sections. */
html.trm-theme-light body :is(
  .riz-contact-team-inner,
  .riz-contact-social-head,
  .riz-contact-services-inner,
  .riz-contact-cta-inner,
  .riz-contact-member-body,
  .riz-contact-actions,
  .riz-contact-main-grid,
  .riz-contact-team-grid,
  .riz-contact-services-grid,
  .riz-contact-member-grid,
  .trm-product-builder-copy,
  .trm-products-hero-copy,
  .trm-services-hero-copy,
  .trm-hero-content,
  .trm-home-product-main,
  .trm-footer-grid,
  .trm-footer-bottom
) {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Chips, tags, labels and small pills: shared treatment. */
html.trm-theme-light body :is(
  .trm-hero-kicker span,
  .trm-hero-kicker small,
  .trm-trust-row span,
  .trm-section-head > span,
  .trm-badge,
  .trm-chip,
  .trm-tags span,
  .trm-detail-tags span,
  .trm-products-tag,
  .trm-builder-tag,
  .trm-builder-badge,
  .trm-vamino-hero-badge,
  .trm-vamino-pill,
  .trm-vamino-hero-tags span,
  .trm-log-status,
  .riz-ai-badge,
  .riz-mobile-badge,
  .riz-web-badge,
  .riz-api-badge,
  .riz-system-badge,
  .riz-game-badge,
  .riz-about-badge,
  .riz-contact-badge,
  .riz-ai-tags span,
  .riz-mobile-tags span,
  .riz-web-tags span,
  .riz-api-tags span,
  .riz-system-tags span,
  .riz-game-tags span,
  .riz-about-tags span,
  .riz-contact-tags span,
  .riz-contact-member-role,
  .riz-contact-member-skills span,
  .riz-contact-service-link,
  .riz-about-highlight,
  .riz-contact-highlight,
  .trm-products-highlight,
  .trm-builder-highlight,
  .trm-vamino-highlight
) {
  color: var(--trm-token-text) !important;
  background: var(--trm-token-chip) !important;
  border-color: var(--trm-token-border) !important;
  box-shadow: none !important;
}

/* Footer dynamic links and contact values were not covered by the old footer-list selector. */
html.trm-theme-light body :is(
  .trm-footer-col > a,
  .trm-footer-col > a:visited,
  .trm-footer-more,
  .trm-footer-more:visited,
  .trm-footer-contact-item,
  .trm-footer-contact-item > a,
  .trm-footer-contact-item > a:visited,
  .trm-footer-contact-inline a,
  .trm-footer-emails a,
  .trm-footer-trust-logo,
  .trm-footer-zarinpal
) {
  background: var(--trm-token-chip) !important;
  color: var(--trm-token-text) !important;
  border-color: var(--trm-token-border) !important;
  box-shadow: none !important;
}

html.trm-theme-light body :is(.trm-footer-col > a, .trm-footer-more, .trm-footer-contact-item, .trm-footer-contact-item > a, .trm-footer-contact-inline a, .trm-footer-emails a) :is(span, strong, small, p),
html.trm-theme-light body :is(.trm-footer-col > a, .trm-footer-more, .trm-footer-contact-item, .trm-footer-contact-item > a, .trm-footer-contact-inline a, .trm-footer-emails a) {
  color: var(--trm-token-text) !important;
}

/* Text color fixes for contact/about sections that still inherited white. */
html.trm-theme-light body :is(
  .riz-contact-cta p,
  .riz-contact-cta-inner p,
  .riz-contact-social-head p,
  .riz-contact-services p,
  .riz-contact-section p,
  .riz-contact-member-card p,
  .riz-about-section p,
  .trm-home-product-copy p,
  .trm-products-page-v2 p,
  .trm-services-page-v1 p,
  .trm-product-builder-page p,
  .trm-vamino-detail-page p
) {
  color: var(--trm-token-text-soft) !important;
}

html.trm-theme-light body :is(
  .riz-contact-cta h2,
  .riz-contact-team h2,
  .riz-contact-social-head h2,
  .riz-contact-services h2,
  .riz-contact-section h2,
  .riz-about-section h2,
  .trm-home-product-copy h1,
  .trm-products-page-v2 h1,
  .trm-products-page-v2 h2,
  .trm-services-page-v1 h1,
  .trm-services-page-v1 h2,
  .trm-product-builder-page h1,
  .trm-product-builder-page h2,
  .trm-vamino-detail-page h1,
  .trm-vamino-detail-page h2
) {
  color: var(--trm-token-text) !important;
}

/* Icon blocks keep contrast: text on icon must stay light, not inherit dark text. */
html.trm-theme-light body :is(
  .trm-icon,
  .trm-quick-icon,
  .trm-check,
  .trm-services-process-grid strong,
  .trm-products-stats strong,
  .trm-product-builder-action-icon,
  .trm-vamino-action-icon,
  .riz-contact-card-icon,
  .riz-contact-team-icon,
  .riz-contact-service-icon,
  .riz-contact-action-icon,
  .riz-ai-card-icon,
  .riz-mobile-card-icon,
  .riz-web-card-icon,
  .riz-api-card-icon,
  .riz-system-card-icon,
  .riz-game-card-icon,
  .riz-ai-process-number,
  .riz-mobile-process-number,
  .riz-web-process-number,
  .riz-api-process-number,
  .riz-system-process-number,
  .riz-game-process-number
),
html.trm-theme-light body :is(
  .trm-icon,
  .trm-quick-icon,
  .trm-check,
  .trm-services-process-grid strong,
  .trm-products-stats strong,
  .trm-product-builder-action-icon,
  .trm-vamino-action-icon,
  .riz-contact-card-icon,
  .riz-contact-team-icon,
  .riz-contact-service-icon,
  .riz-contact-action-icon,
  .riz-ai-card-icon,
  .riz-mobile-card-icon,
  .riz-web-card-icon,
  .riz-api-card-icon,
  .riz-system-card-icon,
  .riz-game-card-icon,
  .riz-ai-process-number,
  .riz-mobile-process-number,
  .riz-web-process-number,
  .riz-api-process-number,
  .riz-system-process-number,
  .riz-game-process-number
) :is(span, strong, small) {
  color: #ffffff !important;
}

/* Button hierarchy in light theme: primary and secondary must not look identical. */
html.trm-theme-light body :is(.trm-btn-primary, .trm-small-btn:not(.trm-small-btn-outline), .trm-header-cta, .trm-footer-primary, .trm-products-primary, .trm-builder-primary, .trm-product-builder-action:not(.trm-action-secondary):not(.trm-action-outline), .trm-vamino-action, .riz-contact-btn) {
  color: #ffffff !important;
  background: linear-gradient(135deg, var(--trm-token-primary), var(--trm-token-primary-2)) !important;
  border-color: var(--trm-token-border-strong) !important;
}

html.trm-theme-light body :is(.trm-btn-ghost, .trm-small-btn-outline, .trm-footer-ghost, .trm-builder-secondary, .trm-products-secondary, .trm-detail-action-ghost, .trm-action-secondary, .trm-action-outline) {
  color: var(--trm-token-text) !important;
  background: var(--trm-token-chip) !important;
  border-color: var(--trm-token-border) !important;
}

html.trm-theme-light body :is(.trm-btn-primary, .trm-small-btn:not(.trm-small-btn-outline), .trm-header-cta, .trm-footer-primary, .trm-products-primary, .trm-builder-primary, .trm-vamino-action, .riz-contact-btn) :is(span, strong, small, p) {
  color: #ffffff !important;
}

/* Header logo icon and menu caret. */
html.trm-theme-light body .trm-brand-mark {
  background: var(--trm-token-chip) !important;
  border-color: var(--trm-token-border) !important;
}

html.trm-theme-light body .trm-menu-caret::before {
  border-right-color: var(--trm-token-text) !important;
  border-bottom-color: var(--trm-token-text) !important;
}


/* =========================================================
   Tinies Riz Manager - Focused theme fixes v4.8
   هدف: اصلاح نقطه‌های باقی‌مانده بدون افزودن رنگ‌های پراکنده.
========================================================= */

/* 1) The custom homepage hero should not draw its own page-wide background.
      Cards/logs keep their own surfaces; the hero wrapper uses the page background. */
html body .trm-home-v5 .trm-hero.trm-home-product-style-hero {
  background: transparent !important;
  background-image: none !important;
  border-bottom-color: transparent !important;
  box-shadow: none !important;
}
html body .trm-home-v5 .trm-hero.trm-home-product-style-hero > :is(.trm-hero-mesh, .trm-bg-grid, .trm-bg-orb, .trm-bg-orb-one, .trm-bg-orb-two) {
  display: none !important;
  opacity: 0 !important;
  background: transparent !important;
  background-image: none !important;
}
html.trm-theme-light body .trm-home-v5 .trm-home-product-copy {
  background: var(--trm-c-card) !important;
  border-color: var(--trm-token-border) !important;
  box-shadow: var(--trm-token-shadow-soft) !important;
  color: var(--trm-token-text) !important;
}
html.trm-theme-light body .trm-home-v5 .trm-home-product-copy :is(h1, h2, strong) {
  color: var(--trm-token-text) !important;
}
html.trm-theme-light body .trm-home-v5 .trm-home-product-copy :is(p, small) {
  color: var(--trm-token-text-soft) !important;
}
html.trm-theme-light body .trm-home-v5 .trm-terminal-title,
html.trm-theme-light body .trm-home-v5 .trm-terminal-command {
  color: #dbeafe !important;
}

/* 2) Products index page: override the old standalone dark shell with higher specificity. */
html.trm-theme-light body.trm-standalone-products,
html.trm-theme-light body.trm-standalone-products :where(.wp-site-blocks, main, .site-main, #primary, .content-area, .entry-content, .wp-block-post-content, .wp-block-group),
html.trm-theme-light body.trm-standalone-products .trm-products-page-v2.trm-page,
html.trm-theme-light body.trm-standalone-products .trm-products-main,
html.trm-theme-light body.trm-standalone-products .trm-products-page-v2,
html.trm-theme-light body.trm-standalone-products .trm-products-page-v2::before,
html.trm-theme-light body.trm-standalone-products .trm-products-page-v2::after {
  background: linear-gradient(180deg, var(--trm-token-bg), var(--trm-token-bg-soft)) !important;
  background-color: var(--trm-token-bg) !important;
  color: var(--trm-token-text) !important;
}
html.trm-theme-light body.trm-standalone-products .trm-products-page-v2 .trm-home-footer,
html.trm-theme-light body.trm-standalone-products .trm-home-footer,
html.trm-theme-light body.trm-standalone-products .trm-shared-footer {
  background: linear-gradient(180deg, var(--trm-token-bg-soft), var(--trm-token-bg)) !important;
  color: var(--trm-token-text) !important;
}
html.trm-theme-light body.trm-standalone-products .trm-products-page-v2 :is(.trm-products-hero-copy, .trm-products-quick, .trm-products-why-panel, .trm-products-stats) {
  background: var(--trm-c-card) !important;
  border-color: var(--trm-token-border) !important;
  box-shadow: var(--trm-token-shadow-soft) !important;
  color: var(--trm-token-text) !important;
}
html.trm-theme-light body.trm-standalone-products .trm-products-page-v2 :is(.trm-products-quick > div, .trm-products-stats > div) {
  background: var(--trm-token-chip) !important;
  border-color: var(--trm-token-border) !important;
  box-shadow: none !important;
  color: var(--trm-token-text) !important;
}
html.trm-theme-light body.trm-standalone-products .trm-products-page-v2 :is(h1, h2, h3, strong) {
  color: var(--trm-token-text) !important;
}
html.trm-theme-light body.trm-standalone-products .trm-products-page-v2 :is(p, span, small) {
  color: var(--trm-token-text-soft) !important;
}

/* 3) Product-detail hero tags: exact selector to beat old dark pills. */
html.trm-theme-light body .trm-product-builder-page .trm-product-builder-hero .trm-detail-tags span,
html.trm-theme-light body .trm-product-builder-page .trm-product-builder-copy .trm-detail-tags span,
html.trm-theme-light body .trm-vamino-detail-page .trm-vamino-hero-tags span {
  background: var(--trm-token-chip) !important;
  background-color: var(--trm-token-chip) !important;
  color: var(--trm-token-text) !important;
  border-color: var(--trm-token-border) !important;
  box-shadow: none !important;
}

/* 4) Contact page: exact note text that kept inheriting white. */
html.trm-theme-light body .riz-contact-page .riz-contact-team-note,
html.trm-theme-light body .riz-contact-page .riz-contact-team-note *,
html.trm-theme-light body .riz-contact-team .riz-contact-team-note,
html.trm-theme-light body .riz-contact-team .riz-contact-team-note * {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  text-shadow: none !important;
}
html.trm-theme-light body .riz-contact-page .riz-contact-team-note {
  background: var(--trm-token-chip) !important;
  border-color: var(--trm-token-border) !important;
}

/* 5) Footer dynamic links/contact values: exact selectors with higher specificity. */
html.trm-theme-light body .trm-home-footer :is(.trm-footer-col a, .trm-footer-more, .trm-footer-contact-item, .trm-footer-contact-item a, .trm-footer-emails a, .trm-footer-contact-inline a) {
  background: var(--trm-token-chip) !important;
  color: var(--trm-token-text) !important;
  border-color: var(--trm-token-border) !important;
  box-shadow: none !important;
}
html.trm-theme-light body .trm-home-footer :is(.trm-footer-col a, .trm-footer-more, .trm-footer-contact-item, .trm-footer-contact-item a, .trm-footer-emails a, .trm-footer-contact-inline a) :is(span, strong, small, p),
html.trm-theme-light body .trm-home-footer :is(.trm-footer-col a, .trm-footer-more, .trm-footer-contact-item, .trm-footer-contact-item a, .trm-footer-emails a, .trm-footer-contact-inline a) {
  color: var(--trm-token-text) !important;
}


/* =========================================================
   Tinies Riz Manager - v5.0 precision repair
   Scope: restore global glow background, remove only the homepage
   hero inner shell surface while keeping spacing, align hero width,
   and keep mobile controls in one row.
========================================================= */

/* Central page backgrounds: restore the soft side glow effect that was removed in v4.8/v4.9. */
html.trm-theme-light,
html.trm-theme-light body,
body.trm-theme-light {
  --trm-token-page-bg:
    radial-gradient(circle at 88% 6%, rgba(4, 212, 190, .16), transparent 24rem),
    radial-gradient(circle at 4% 18%, rgba(37, 99, 235, .12), transparent 26rem),
    radial-gradient(circle at 50% 78%, rgba(124, 58, 237, .055), transparent 34rem),
    linear-gradient(180deg, #f3f7fb 0%, #e8eef7 100%);
}

html.trm-theme-dark,
html.trm-theme-dark body,
body.trm-theme-dark {
  --trm-token-page-bg:
    radial-gradient(circle at 82% 6%, rgba(4, 212, 190, .14), transparent 24rem),
    radial-gradient(circle at 6% 26%, rgba(34, 197, 94, .065), transparent 28rem),
    linear-gradient(180deg, #020617 0%, #02110f 38%, #020617 100%);
}

html.trm-theme-light body,
html.trm-theme-light body.trm-has-shortcode-page,
html.trm-theme-light body.trm-forced-products-page,
html.trm-theme-light body.trm-standalone-products,
html.trm-theme-light body.trm-forced-services-page,
html.trm-theme-light body.trm-standalone-services,
html.trm-theme-light body.trm-forced-product-detail-page,
html.trm-theme-light body.trm-standalone-product-detail,
html.trm-theme-light body.trm-forced-service-detail-page,
html.trm-theme-light body.trm-standalone-service-detail,
html.trm-theme-light body.trm-forced-static-page,
html.trm-theme-light body.trm-standalone-static-page,
html.trm-theme-light body :where(.wp-site-blocks, main, .site-main, #primary, .content-area, .entry-content, .wp-block-post-content),
html.trm-theme-light body :where(.trm-page, .trm-home-v5, .trm-products-page-v2, .trm-services-page-v1, .trm-product-builder-page, .trm-vamino-detail-page, .riz-ai-service-page, .riz-mobile-service-page, .riz-web-service-page, .riz-api-service-page, .riz-system-service-page, .riz-game-service-page, .riz-about-page, .riz-contact-page) {
  background: var(--trm-token-page-bg) !important;
  background-color: var(--trm-token-bg) !important;
}

html.trm-theme-dark body,
html.trm-theme-dark body :where(.wp-site-blocks, main, .site-main, #primary, .content-area, .entry-content, .wp-block-post-content),
html.trm-theme-dark body :where(.trm-page, .trm-home-v5, .trm-products-page-v2, .trm-services-page-v1, .trm-product-builder-page, .trm-vamino-detail-page, .riz-ai-service-page, .riz-mobile-service-page, .riz-web-service-page, .riz-api-service-page, .riz-system-service-page, .riz-game-service-page, .riz-about-page, .riz-contact-page) {
  background: var(--trm-token-page-bg) !important;
}

/* Homepage hero: restore the side light effects but do not add a rectangular surface behind the 3 cards. */
html body .trm-home-v5 .trm-hero.trm-home-product-style-hero,
body .trm-home-v5 .trm-hero.trm-home-product-style-hero {
  background: transparent !important;
  border-bottom-color: transparent !important;
  box-shadow: none !important;
}

html body .trm-home-v5 .trm-hero.trm-home-product-style-hero > .trm-hero-mesh,
body .trm-home-v5 .trm-hero.trm-home-product-style-hero > .trm-hero-mesh,
html body .trm-home-v5 .trm-hero.trm-home-product-style-hero > .trm-bg-grid,
body .trm-home-v5 .trm-hero.trm-home-product-style-hero > .trm-bg-grid,
html body .trm-home-v5 .trm-hero.trm-home-product-style-hero > .trm-bg-orb,
body .trm-home-v5 .trm-hero.trm-home-product-style-hero > .trm-bg-orb {
  display: block !important;
  opacity: revert !important;
  visibility: visible !important;
}

html.trm-theme-light body .trm-home-v5 .trm-hero.trm-home-product-style-hero > .trm-hero-mesh {
  background:
    radial-gradient(circle at 86% 10%, rgba(4, 212, 190, .16), transparent 22rem),
    radial-gradient(circle at 8% 24%, rgba(37, 99, 235, .10), transparent 24rem),
    radial-gradient(circle at 44% 70%, rgba(124, 58, 237, .055), transparent 34rem) !important;
}

html.trm-theme-light body .trm-home-v5 .trm-hero.trm-home-product-style-hero > .trm-bg-grid {
  opacity: .10 !important;
}

html.trm-theme-light body .trm-home-v5 .trm-bg-orb-one {
  background: rgba(4, 212, 190, .16) !important;
  opacity: .38 !important;
}

html.trm-theme-light body .trm-home-v5 .trm-bg-orb-two {
  background: rgba(37, 99, 235, .10) !important;
  opacity: .34 !important;
}

/* The exact layer the user pointed to: shell must provide spacing only, never a visible rectangular background. */
html body .trm-home-v5 .trm-home-product-shell,
body .trm-home-v5 .trm-home-product-shell,
html.trm-theme-light body .trm-home-v5 .trm-home-product-shell,
html.trm-theme-dark body .trm-home-v5 .trm-home-product-shell {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  padding: 18px !important;
  border-radius: 36px !important;
  overflow: visible !important;
}

html body .trm-home-v5 .trm-home-product-shell::before,
body .trm-home-v5 .trm-home-product-shell::before,
html.trm-theme-light body .trm-home-v5 .trm-home-product-shell::before,
html.trm-theme-dark body .trm-home-v5 .trm-home-product-shell::before {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
}

/* Keep hero cards inside the same visual width as the stats card below. */
html body .trm-home-v5 .trm-home-product-main,
body .trm-home-v5 .trm-home-product-main {
  padding: 18px 0 0 !important;
  gap: 18px !important;
}

html body .trm-home-v5 .trm-home-product-banner,
body .trm-home-v5 .trm-home-product-banner,
html body .trm-home-v5 .trm-home-product-copy,
body .trm-home-v5 .trm-home-product-copy,
html body .trm-home-v5 .trm-home-product-terminal,
body .trm-home-v5 .trm-home-product-terminal {
  max-width: 100% !important;
}

/* Light log title: force readable text for the exact filename. */
html.trm-theme-light body .trm-home-v5 .trm-terminal-title,
html.trm-theme-light body .trm-home-v5 .trm-terminal-title *,
body.trm-theme-light .trm-home-v5 .trm-terminal-title,
body.trm-theme-light .trm-home-v5 .trm-terminal-title * {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  text-shadow: none !important;
}

/* Mobile header: brand + language + theme + hamburger must stay in one row. */
@media (max-width: 780px) {
  html body .trm-site-header .trm-site-header-inner,
  body .trm-site-header .trm-site-header-inner {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    min-height: 58px !important;
  }

  html body .trm-site-header .trm-brand,
  body .trm-site-header .trm-brand {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 142px) !important;
  }

  html body .trm-site-header .trm-brand-copy,
  body .trm-site-header .trm-brand-copy {
    min-width: 0 !important;
    overflow: hidden !important;
  }

  html body .trm-site-header .trm-brand-copy strong,
  html body .trm-site-header .trm-brand-copy small,
  body .trm-site-header .trm-brand-copy strong,
  body .trm-site-header .trm-brand-copy small {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body .trm-site-header .trm-header-nav,
  body .trm-site-header .trm-header-nav,
  html body .trm-site-header .trm-header-cta,
  body .trm-site-header .trm-header-cta {
    display: none !important;
  }

  html body .trm-site-header .trm-header-tools,
  body .trm-site-header .trm-header-tools {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 6px !important;
    align-items: center !important;
    justify-content: center !important;
    order: 2 !important;
  }

  html body .trm-site-header .trm-tool-pill,
  body .trm-site-header .trm-tool-pill {
    flex: 0 0 38px !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    border-radius: 13px !important;
  }

  html body .trm-site-header .trm-tool-pill span,
  body .trm-site-header .trm-tool-pill span {
    display: none !important;
  }

  html body .trm-site-header .trm-mobile-menu-button,
  body .trm-site-header .trm-mobile-menu-button {
    order: 3 !important;
    display: inline-flex !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body .trm-site-header .trm-mobile-menu-button span,
  body .trm-site-header .trm-mobile-menu-button span {
    width: 18px !important;
  }
}

@media (max-width: 620px) {
  html body .trm-home-v5 .trm-home-product-shell,
  body .trm-home-v5 .trm-home-product-shell {
    padding: 12px !important;
    border-radius: 28px !important;
  }

  html body .trm-home-v5 .trm-home-product-main,
  body .trm-home-v5 .trm-home-product-main {
    padding-top: 14px !important;
    gap: 14px !important;
  }
}


/* =========================================================
   Tinies Riz Manager - v5.1 precision alignment
   Only fixes:
   1) global page glow background on every new page shell,
   2) homepage hero width alignment against stats card,
   3) mega-menu icon readability in light/dark themes.
========================================================= */

/* Keep the same soft page glow behind every custom page, not only the homepage. */
html.trm-theme-light,
html.trm-theme-light body,
html.trm-theme-light body.trm-has-shortcode-page,
html.trm-theme-light body :where(
  .trm-page,
  .trm-home-v5,
  .trm-products-page-v2,
  .trm-services-page-v1,
  .trm-product-builder-page,
  .trm-vamino-detail-page,
  .riz-ai-service-page,
  .riz-mobile-service-page,
  .riz-web-service-page,
  .riz-api-service-page,
  .riz-system-service-page,
  .riz-game-service-page,
  .riz-about-page,
  .riz-contact-page,
  .trm-products-main,
  .trm-services-main,
  .trm-product-builder-main,
  .trm-vamino-main,
  .trm-static-main,
  .trm-legacy-service-main
) {
  background: var(--trm-token-page-bg) !important;
  background-color: var(--trm-token-bg) !important;
}

html.trm-theme-dark,
html.trm-theme-dark body,
html.trm-theme-dark body.trm-has-shortcode-page,
html.trm-theme-dark body :where(
  .trm-page,
  .trm-home-v5,
  .trm-products-page-v2,
  .trm-services-page-v1,
  .trm-product-builder-page,
  .trm-vamino-detail-page,
  .riz-ai-service-page,
  .riz-mobile-service-page,
  .riz-web-service-page,
  .riz-api-service-page,
  .riz-system-service-page,
  .riz-game-service-page,
  .riz-about-page,
  .riz-contact-page,
  .trm-products-main,
  .trm-services-main,
  .trm-product-builder-main,
  .trm-vamino-main,
  .trm-static-main,
  .trm-legacy-service-main
) {
  background: var(--trm-token-page-bg) !important;
  background-color: var(--trm-token-bg) !important;
}

/* Exact homepage width correction: keep the shell spacing, but widen the inner cards by 4px total
   so the hero group visually matches the stats card below without becoming wider than it. */
html body .trm-home-v5 .trm-home-product-shell,
body .trm-home-v5 .trm-home-product-shell {
  width: min(1220px, calc(100vw - 32px)) !important;
  max-width: min(1220px, calc(100vw - 32px)) !important;
  margin-inline: auto !important;
  padding-block: 18px !important;
  padding-inline: 16px !important;
  box-sizing: border-box !important;
}

html body .trm-home-v5 .trm-stats-section,
body .trm-home-v5 .trm-stats-section {
  width: min(1220px, calc(100vw - 32px)) !important;
  max-width: min(1220px, calc(100vw - 32px)) !important;
  margin-inline: auto !important;
  box-sizing: border-box !important;
}

/* Keep homepage hero wrapper transparent; only cards/logs/banner have their own surfaces. */
html body .trm-home-v5 .trm-home-product-shell,
body .trm-home-v5 .trm-home-product-shell,
html.trm-theme-light body .trm-home-v5 .trm-home-product-shell,
html.trm-theme-dark body .trm-home-v5 .trm-home-product-shell {
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* Mega-menu icons: in light mode use a light icon tile with dark readable text;
   in dark mode keep high-contrast white text on the original stronger tile. */
html.trm-theme-light body .trm-header-dropdown.trm-old-mega .trm-shared-mega-icon,
body.trm-theme-light .trm-header-dropdown.trm-old-mega .trm-shared-mega-icon {
  background:
    radial-gradient(circle at top right, rgba(255, 255, 255, .92), transparent 42%),
    linear-gradient(135deg, rgba(219, 234, 254, .98), rgba(204, 251, 241, .96)) !important;
  color: var(--trm-token-text) !important;
  -webkit-text-fill-color: var(--trm-token-text) !important;
  border-color: rgba(15, 23, 42, .12) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 8px 18px rgba(15,23,42,.08) !important;
}

html.trm-theme-dark body .trm-header-dropdown.trm-old-mega .trm-shared-mega-icon,
body.trm-theme-dark .trm-header-dropdown.trm-old-mega .trm-shared-mega-icon {
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.18), transparent 38%),
    linear-gradient(135deg, #0284c7, #7c3aed) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(255,255,255,.14) !important;
}

@media (max-width: 620px) {
  html body .trm-home-v5 .trm-home-product-shell,
  body .trm-home-v5 .trm-home-product-shell {
    padding-inline: 12px !important;
    padding-block: 12px !important;
  }
}


/* =========================================================
   Tinies Riz Manager - v5.2 final alignment + global light glow
   Scope:
   1) Homepage hero shell must exactly match the header container width.
   2) Light-mode glow background must be visible on every shortcode page, not only home.
========================================================= */

/* Stronger shared glow tokens for light mode. Kept centralized: page shells read from this variable. */
html.trm-theme-light,
html.trm-theme-light body,
body.trm-theme-light {
  --trm-token-page-bg:
    radial-gradient(circle at 88% 4%, rgba(4, 212, 190, .22), transparent 27rem),
    radial-gradient(circle at 3% 18%, rgba(37, 99, 235, .17), transparent 29rem),
    radial-gradient(circle at 54% 78%, rgba(124, 58, 237, .075), transparent 38rem),
    linear-gradient(180deg, #f3f7fb 0%, #e9eff8 46%, #f7fafc 100%);
}

/* Apply the same background to the actual standalone/full-page wrappers.
   This intentionally targets only page-level shells, not cards/inner panels. */
html.trm-theme-light body,
html.trm-theme-light body.trm-has-shortcode-page,
html.trm-theme-light body.trm-forced-front-page,
html.trm-theme-light body.trm-standalone-home,
html.trm-theme-light body.trm-forced-products-page,
html.trm-theme-light body.trm-standalone-products,
html.trm-theme-light body.trm-forced-services-page,
html.trm-theme-light body.trm-standalone-services,
html.trm-theme-light body.trm-forced-product-detail-page,
html.trm-theme-light body.trm-standalone-product-detail,
html.trm-theme-light body.trm-forced-service-detail-page,
html.trm-theme-light body.trm-standalone-service-detail,
html.trm-theme-light body.trm-forced-static-page,
html.trm-theme-light body.trm-standalone-static-page,
html.trm-theme-light body :is(
  .wp-site-blocks,
  main,
  .site-main,
  #primary,
  .content-area,
  .entry-content,
  .wp-block-post-content,
  .trm-page,
  .trm-home-v5,
  .trm-products-page-v2,
  .trm-services-page-v1,
  .trm-product-builder-page,
  .trm-vamino-detail-page,
  .trm-products-main,
  .trm-services-main,
  .trm-product-builder-main,
  .trm-vamino-main,
  .trm-static-main,
  .trm-legacy-service-main,
  .riz-ai-service-page,
  .riz-mobile-service-page,
  .riz-web-service-page,
  .riz-api-service-page,
  .riz-system-service-page,
  .riz-game-service-page,
  .riz-about-page,
  .riz-contact-page
) {
  background-image: var(--trm-token-page-bg) !important;
  background-color: var(--trm-token-bg) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* Homepage hero width: the visual hero group must use the exact same width as .trm-container/header. */
html body .trm-home-v5 .trm-home-product-shell,
body .trm-home-v5 .trm-home-product-shell,
html.trm-theme-light body .trm-home-v5 .trm-home-product-shell,
html.trm-theme-dark body .trm-home-v5 .trm-home-product-shell {
  width: min(1220px, calc(100vw - 32px)) !important;
  max-width: min(1220px, calc(100vw - 32px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 18px !important;
  padding-bottom: 18px !important;
  box-sizing: border-box !important;
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

html body .trm-home-v5 .trm-home-product-banner,
body .trm-home-v5 .trm-home-product-banner,
html body .trm-home-v5 .trm-home-product-main,
body .trm-home-v5 .trm-home-product-main,
html body .trm-home-v5 .trm-stats-section,
body .trm-home-v5 .trm-stats-section {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

html body .trm-home-v5 .trm-stats-section,
body .trm-home-v5 .trm-stats-section {
  width: min(1220px, calc(100vw - 32px)) !important;
  max-width: min(1220px, calc(100vw - 32px)) !important;
}

@media (max-width: 640px) {
  html body .trm-home-v5 .trm-home-product-shell,
  body .trm-home-v5 .trm-home-product-shell,
  html.trm-theme-light body .trm-home-v5 .trm-home-product-shell,
  html.trm-theme-dark body .trm-home-v5 .trm-home-product-shell,
  html body .trm-home-v5 .trm-stats-section,
  body .trm-home-v5 .trm-stats-section {
    width: min(100% - 16px, 1220px) !important;
    max-width: min(100% - 16px, 1220px) !important;
  }
}

/* =========================================================
   v5.3 — Homepage product card image width fix
   تصاویر کارت‌های محصولات در صفحه اصلی باید مثل خود کارت تمام عرض دیده شوند.
========================================================= */
html body .trm-home-v5 .trm-products-section .trm-product-card .trm-card-image,
body .trm-home-v5 .trm-products-section .trm-product-card .trm-card-image {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  display: block !important;
  overflow: hidden !important;
}

html body .trm-home-v5 .trm-products-section .trm-product-card .trm-card-image img,
body .trm-home-v5 .trm-products-section .trm-product-card .trm-card-image img {
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* =========================================================
   v5.4 — Final content/theme polish + blog templates
========================================================= */

/* Strong dark mobile/page background: keep the same glow after JS/theme hydration. */
html.trm-theme-dark,
html.trm-theme-dark body,
body.trm-theme-dark {
  --trm-token-page-bg:
    radial-gradient(circle at 88% 4%, rgba(4, 212, 190, .16), transparent 28rem),
    radial-gradient(circle at 2% 18%, rgba(27, 18, 150, .22), transparent 30rem),
    radial-gradient(circle at 54% 78%, rgba(56, 189, 248, .075), transparent 38rem),
    linear-gradient(180deg, #020617 0%, #06111e 48%, #020617 100%);
  background-image: var(--trm-token-page-bg) !important;
  background-color: #020617 !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  min-height: 100% !important;
}

@media (max-width: 780px) {
  html.trm-theme-dark body :is(
    .trm-page,
    .trm-home-v5,
    .trm-products-page-v2,
    .trm-services-page-v1,
    .trm-product-builder-page,
    .trm-vamino-detail-page,
    .trm-blog-shell,
    .trm-blog-main,
    .riz-ai-service-page,
    .riz-mobile-service-page,
    .riz-web-service-page,
    .riz-api-service-page,
    .riz-system-service-page,
    .riz-game-service-page,
    .riz-about-page,
    .riz-contact-page
  ) {
    background-image: var(--trm-token-page-bg) !important;
    background-color: #020617 !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
  }
}

/* Product images inside product cards should fill their image frame on home, products, and services pages. */
html body :is(.trm-home-v5,.trm-products-page-v2,.trm-services-page-v1) .trm-product-card .trm-card-image,
body :is(.trm-home-v5,.trm-products-page-v2,.trm-services-page-v1) .trm-product-card .trm-card-image {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  overflow: hidden !important;
}

html body :is(.trm-home-v5,.trm-products-page-v2,.trm-services-page-v1) .trm-product-card .trm-card-image img,
body :is(.trm-home-v5,.trm-products-page-v2,.trm-services-page-v1) .trm-product-card .trm-card-image img {
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* Icon tiles must always keep readable white text on their gradient surface. */
html body :is(.trm-icon,.riz-service-icon,.riz-ai-card-icon,.riz-mobile-card-icon,.riz-web-card-icon,.riz-api-card-icon,.riz-system-card-icon,.riz-game-card-icon,.riz-contact-service-icon,.riz-contact-team-icon),
body :is(.trm-icon,.riz-service-icon,.riz-ai-card-icon,.riz-mobile-card-icon,.riz-web-card-icon,.riz-api-card-icon,.riz-system-card-icon,.riz-game-card-icon,.riz-contact-service-icon,.riz-contact-team-icon) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(2, 6, 23, .28) !important;
}

html.trm-theme-light body :is(.trm-icon,.riz-service-icon,.riz-ai-card-icon,.riz-mobile-card-icon,.riz-web-card-icon,.riz-api-card-icon,.riz-system-card-icon,.riz-game-card-icon,.riz-contact-service-icon,.riz-contact-team-icon) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(255,255,255,.35) !important;
  box-shadow: 0 10px 22px rgba(15,23,42,.12), inset 0 1px 0 rgba(255,255,255,.20) !important;
}

/* News category/date chips on home + archive. */
.trm-news-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}
.trm-news-cats {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 7px;
}
.trm-news-cat,
.trm-news-cat:visited {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 6px 10px;
  border-radius: 999px;
  color: #dbeafe !important;
  text-decoration: none !important;
  background: rgba(15, 23, 42, .55);
  border: 1px solid rgba(148, 163, 184, .14);
  font-size: 12px;
  font-weight: 850;
  line-height: 1.6;
}
.trm-news-cat:hover {
  transform: translateY(-1px);
  border-color: rgba(4,212,190,.36) !important;
}
html.trm-theme-light body .trm-news-cat,
body.trm-theme-light .trm-news-cat {
  color: var(--trm-token-text) !important;
  background: var(--trm-token-chip) !important;
  border-color: var(--trm-token-border) !important;
}

/* Blog/archive standalone pages. */
.trm-blog-shell {
  min-height: 100vh;
  background-image: var(--trm-token-page-bg) !important;
  background-color: var(--trm-token-bg) !important;
}
.trm-blog-main {
  padding-top: clamp(30px, 3vw, 46px);
  padding-bottom: 72px;
}
.trm-blog-hero,
.trm-blog-archive-hero,
.trm-blog-article,
.trm-blog-comments,
.trm-blog-empty {
  position: relative;
  overflow: hidden;
  border-radius: 32px;
  background:
    radial-gradient(circle at top right, rgba(4, 212, 190, .12), transparent 34%),
    radial-gradient(circle at bottom left, rgba(124, 58, 237, .12), transparent 40%),
    var(--trm-token-card-strong, rgba(15,23,42,.78));
  border: 1px solid var(--trm-token-border, rgba(148,163,184,.18));
  box-shadow: var(--trm-token-shadow, 0 24px 60px rgba(0,0,0,.25));
  backdrop-filter: blur(14px);
}
.trm-blog-hero,
.trm-blog-archive-hero {
  padding: clamp(26px, 4vw, 46px);
  margin-bottom: 22px;
}
.trm-blog-kicker,
.trm-blog-date,
.trm-blog-cats a,
.trm-blog-tags a {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 6px 12px;
  border-radius: 999px;
  color: var(--trm-token-text, #f8fafc) !important;
  background: var(--trm-token-chip, rgba(15,23,42,.55));
  border: 1px solid var(--trm-token-border, rgba(148,163,184,.16));
  text-decoration: none !important;
  font-size: 12.5px;
  font-weight: 850;
}
.trm-blog-meta-row,
.trm-blog-cats,
.trm-blog-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.trm-blog-hero h1,
.trm-blog-archive-hero h1 {
  margin: 18px 0 14px;
  color: var(--trm-token-heading, #fff);
  font-size: clamp(30px, 4.8vw, 52px);
  line-height: 1.45;
  font-weight: 950;
}
.trm-blog-excerpt,
.trm-blog-archive-hero p {
  color: var(--trm-token-muted, #cbd5e1);
  font-size: 16px;
  line-height: 2.1;
}
.trm-blog-featured {
  margin-top: 24px;
  border-radius: 26px;
  overflow: hidden;
  background: rgba(2,6,23,.30);
  border: 1px solid var(--trm-token-border, rgba(148,163,184,.16));
}
.trm-blog-featured img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 540px;
  object-fit: cover;
}
.trm-blog-article {
  padding: 0;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible;
}
.trm-blog-content,
.trm-blog-comments {
  padding: clamp(24px, 3vw, 40px);
  border-radius: 30px;
  background: var(--trm-token-card, rgba(15,23,42,.74));
  border: 1px solid var(--trm-token-border, rgba(148,163,184,.16));
  box-shadow: var(--trm-token-shadow, 0 18px 46px rgba(0,0,0,.22));
}
.trm-blog-content :is(p,li) {
  color: var(--trm-token-muted, #cbd5e1);
  font-size: 16px;
  line-height: 2.15;
}
.trm-blog-content :is(h2,h3,h4,h5,h6) {
  color: var(--trm-token-heading, #fff);
  line-height: 1.6;
  margin-top: 1.4em;
}
.trm-blog-content a { color: var(--trm-token-primary, #04D4BE) !important; }
.trm-blog-tags { margin-top: 18px; }
.trm-blog-nav {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 18px 0;
}
.trm-blog-nav a,
.trm-blog-pagination :is(a,span) {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 44px;
  padding: 10px 16px;
  border-radius: 16px;
  text-decoration: none !important;
  color: var(--trm-token-text, #f8fafc) !important;
  background: var(--trm-token-card, rgba(15,23,42,.74));
  border: 1px solid var(--trm-token-border, rgba(148,163,184,.16));
}
.trm-blog-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.trm-archive-card h3 a { color: inherit !important; text-decoration: none !important; }
.trm-blog-pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 26px;
}
.trm-blog-pagination .current {
  color: #fff !important;
  background: linear-gradient(135deg, #0284c7, #2563eb) !important;
}
.trm-blog-comments :is(.comment-list,.children) { list-style: none; padding: 0; margin: 0; }
.trm-blog-comments .comment-body {
  margin: 14px 0;
  padding: 18px;
  border-radius: 20px;
  background: var(--trm-token-card-soft, rgba(15,23,42,.42));
  border: 1px solid var(--trm-token-border, rgba(148,163,184,.16));
}
.trm-blog-comments :is(input,textarea) {
  width: 100%;
  border-radius: 16px;
  padding: 12px 14px;
  color: var(--trm-token-text, #f8fafc);
  background: var(--trm-token-card-soft, rgba(15,23,42,.42));
  border: 1px solid var(--trm-token-border, rgba(148,163,184,.16));
}
.trm-blog-comments :is(input[type='submit'],button[type='submit']) {
  width: auto;
  cursor: pointer;
  color: #fff !important;
  background: linear-gradient(135deg, #0284c7, #2563eb) !important;
  border: 0 !important;
  font-weight: 900;
}
@media (max-width: 980px) {
  .trm-blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .trm-blog-main { padding-top: 26px; padding-bottom: 44px; }
  .trm-blog-grid,
  .trm-blog-nav { grid-template-columns: 1fr; }
  .trm-blog-hero,
  .trm-blog-archive-hero,
  .trm-blog-content,
  .trm-blog-comments { border-radius: 24px; }
}

/* =========================================================
   v5.5 - Blog/archive + mobile dark glow + legacy post cleanup
   All colors are token-based; no new hard-coded component palettes.
========================================================= */

html.trm-theme-light,
html.trm-theme-light body,
body.trm-theme-light {
  --trm-token-page-bg:
    radial-gradient(circle at 88% 4%, rgba(4, 212, 190, .13), transparent 28rem),
    radial-gradient(circle at 2% 18%, rgba(37, 99, 235, .10), transparent 30rem),
    radial-gradient(circle at 54% 78%, rgba(124, 58, 237, .06), transparent 38rem),
    linear-gradient(180deg, #f3f7fb 0%, #e8eef7 52%, #f8fbff 100%);
  --trm-token-card: var(--trm-c-card);
  --trm-token-card-soft: var(--trm-c-card-2);
  --trm-token-card-strong: var(--trm-c-card);
  --trm-token-heading: var(--trm-c-text);
  --trm-token-muted: var(--trm-c-text-soft);
}

html.trm-theme-dark,
html.trm-theme-dark body,
body.trm-theme-dark {
  --trm-token-card: radial-gradient(circle at top right, rgba(4, 212, 190, .08), transparent 34%), linear-gradient(145deg, rgba(15, 23, 42, .78), rgba(2, 6, 23, .62));
  --trm-token-card-soft: rgba(15, 23, 42, .48);
  --trm-token-card-strong: radial-gradient(circle at top right, rgba(4, 212, 190, .10), transparent 34%), linear-gradient(145deg, rgba(15, 23, 42, .86), rgba(2, 6, 23, .72));
  --trm-token-heading: #ffffff;
  --trm-token-muted: #cbd5e1;
}

/* Keep the global glow visible on every generated page, especially mobile dark mode. */
html.trm-theme-light,
html.trm-theme-light body,
html.trm-theme-dark,
html.trm-theme-dark body {
  background-image: var(--trm-token-page-bg) !important;
  background-color: var(--trm-token-bg) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-attachment: fixed !important;
  min-height: 100% !important;
}

html.trm-theme-light body :is(
  .trm-page,
  .trm-home-v5,
  .trm-products-page-v2,
  .trm-services-page-v1,
  .trm-product-builder-page,
  .trm-vamino-detail-page,
  .trm-blog-shell,
  .trm-blog-main,
  .riz-ai-service-page,
  .riz-mobile-service-page,
  .riz-web-service-page,
  .riz-api-service-page,
  .riz-system-service-page,
  .riz-game-service-page,
  .riz-about-page,
  .riz-contact-page
),
html.trm-theme-dark body :is(
  .trm-page,
  .trm-home-v5,
  .trm-products-page-v2,
  .trm-services-page-v1,
  .trm-product-builder-page,
  .trm-vamino-detail-page,
  .trm-blog-shell,
  .trm-blog-main,
  .riz-ai-service-page,
  .riz-mobile-service-page,
  .riz-web-service-page,
  .riz-api-service-page,
  .riz-system-service-page,
  .riz-game-service-page,
  .riz-about-page,
  .riz-contact-page
) {
  background-image: none !important;
  background-color: transparent !important;
}

@media (max-width: 780px) {
  html.trm-theme-dark,
  html.trm-theme-dark body,
  body.trm-theme-dark {
    background-image: var(--trm-token-page-bg) !important;
    background-color: #020617 !important;
    background-repeat: no-repeat !important;
    background-size: 170% 170% !important;
    background-position: 76% 0 !important;
    background-attachment: fixed !important;
  }
}

/* Blog pages: spacing belongs to the hero itself, not the main wrapper. */
.trm-blog-main {
  padding-top: 0 !important;
  background: transparent !important;
}

.trm-blog-hero,
.trm-blog-archive-hero {
  margin-top: clamp(28px, 3vw, 44px) !important;
}

/* Archive hero: less empty space; title first, label after description. */
.trm-blog-archive-hero {
  display: grid !important;
  gap: 10px !important;
  padding: clamp(22px, 3vw, 34px) !important;
}

.trm-blog-archive-hero h1 {
  order: 1 !important;
  margin: 0 !important;
}

.trm-blog-archive-hero p {
  order: 2 !important;
  margin: 0 !important;
}

.trm-blog-archive-hero .trm-blog-kicker {
  order: 3 !important;
  justify-self: start !important;
  margin-top: 4px !important;
}

/* Blog components use the same token logic as product/service pages. */
.trm-blog-hero,
.trm-blog-archive-hero,
.trm-blog-content,
.trm-blog-comments,
.trm-blog-empty,
.trm-blog-comments .comment-body,
.trm-blog-nav a,
.trm-blog-pagination :is(a,span) {
  background: var(--trm-token-card) !important;
  border-color: var(--trm-token-border) !important;
  box-shadow: var(--trm-token-shadow-soft, var(--trm-token-shadow)) !important;
  color: var(--trm-token-text) !important;
}

.trm-blog-content,
.trm-blog-comments {
  background: var(--trm-token-card) !important;
}

.trm-blog-article {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

.trm-blog-content :is(p, li, blockquote, figcaption),
.trm-blog-comments :is(p, li, label, .comment-metadata, .comment-notes, .logged-in-as, .form-allowed-tags) {
  color: var(--trm-token-muted) !important;
}

.trm-blog-content :is(h1,h2,h3,h4,h5,h6,strong,b),
.trm-blog-comments :is(h1,h2,h3,h4,h5,h6,strong,b,#reply-title,.comment-reply-title,.comments-title) {
  color: var(--trm-token-heading) !important;
}

.trm-blog-comments :is(input, textarea, select) {
  color: var(--trm-token-text) !important;
  background: var(--trm-token-card-soft) !important;
  border-color: var(--trm-token-border) !important;
}

.trm-blog-comments :is(input::placeholder, textarea::placeholder) {
  color: var(--trm-token-text-muted) !important;
  opacity: .85 !important;
}

html.trm-theme-light body .trm-blog-comments :is(input, textarea, select) {
  background: rgba(255,255,255,.92) !important;
}

/* Remove the extra content-background slab behind archive/single lists. */
.trm-blog-shell,
.trm-blog-main,
.trm-blog-grid {
  background: transparent !important;
}

/* Legacy custom HTML posts: keep text/content, remove old page-like hard-coded design. */
.trm-blog-content .trm-legacy-rich-post,
.trm-blog-content .trm-legacy-rich-post * {
  box-sizing: border-box !important;
}

.trm-blog-content .trm-legacy-rich-post {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--trm-token-text) !important;
  background: transparent !important;
}

.trm-blog-content .trm-legacy-rich-post :is(section, .riz-attarino-intro, .riz-attarino-section, .riz-attarino-cta, .riz-gardeshino-intro, .riz-gardeshino-section, .riz-gardeshino-cta) {
  margin: 0 0 24px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  overflow: visible !important;
}

.trm-blog-content .trm-legacy-rich-post :is(section, div)::before,
.trm-blog-content .trm-legacy-rich-post :is(section, div)::after {
  display: none !important;
  content: none !important;
}

.trm-blog-content .trm-legacy-rich-post :is(h2,h3,strong) {
  color: var(--trm-token-heading) !important;
}

.trm-blog-content .trm-legacy-rich-post :is(p,li,span,small) {
  color: var(--trm-token-muted) !important;
}

.trm-blog-content .trm-legacy-rich-post :is(.riz-attarino-badge,.riz-gardeshino-badge,.riz-attarino-note,.riz-gardeshino-note) {
  display: inline-flex !important;
  width: auto !important;
  padding: 8px 14px !important;
  margin: 0 0 14px !important;
  border-radius: 999px !important;
  color: var(--trm-token-text) !important;
  background: var(--trm-token-chip) !important;
  border: 1px solid var(--trm-token-border) !important;
}

.trm-blog-content .trm-legacy-rich-post :is(.riz-attarino-grid,.riz-gardeshino-grid,.riz-attarino-card-grid,.riz-gardeshino-card-grid,.riz-attarino-revenue,.riz-gardeshino-revenue) {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 12px !important;
  margin: 18px 0 24px !important;
  padding: 0 !important;
  background: transparent !important;
}

.trm-blog-content .trm-legacy-rich-post :is(.riz-attarino-stat,.riz-gardeshino-stat,.riz-attarino-card,.riz-gardeshino-card,.riz-attarino-revenue > div,.riz-gardeshino-revenue > div) {
  padding: 16px !important;
  border-radius: 20px !important;
  background: var(--trm-token-card-soft) !important;
  border: 1px solid var(--trm-token-border) !important;
  box-shadow: none !important;
}

.trm-blog-content .trm-legacy-rich-post :is(.riz-attarino-list,.riz-gardeshino-list) {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  gap: 10px !important;
  padding: 0 !important;
  margin: 16px 0 22px !important;
  list-style: none !important;
}

.trm-blog-content .trm-legacy-rich-post :is(.riz-attarino-list li,.riz-gardeshino-list li) {
  position: relative !important;
  padding: 10px 34px 10px 12px !important;
  border-radius: 16px !important;
  background: var(--trm-token-card-soft) !important;
  border: 1px solid var(--trm-token-border) !important;
}

.trm-blog-content .trm-legacy-rich-post :is(.riz-attarino-list li,.riz-gardeshino-list li)::before {
  content: "✓" !important;
  display: inline-flex !important;
  position: absolute !important;
  right: 10px !important;
  top: 11px !important;
  width: 18px !important;
  height: 18px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, var(--trm-token-primary), var(--trm-token-purple)) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
}

.trm-blog-content .trm-legacy-rich-post :is(.riz-attarino-actions,.riz-gardeshino-actions) {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 18px 0 0 !important;
}

.trm-blog-content .trm-legacy-rich-post :is(.riz-attarino-btn,.riz-gardeshino-btn) {
  min-height: 48px !important;
  padding: 11px 18px !important;
  border-radius: 16px !important;
  color: #ffffff !important;
  text-decoration: none !important;
  background: linear-gradient(135deg, var(--trm-token-primary), var(--trm-token-primary-2)) !important;
  border: 1px solid transparent !important;
  box-shadow: var(--trm-token-shadow-soft) !important;
}

/* =========================================================
   v5.6 - Final blog archive/comments fixes
   هدف: حذف بک‌گراند اضافه آرشیو، اصلاح دکمه/تاریخ/پاسخ دیدگاه،
   و نگه‌داشتن نور پس‌زمینه در موبایل تم تاریک.
========================================================= */

/* Keep mobile dark glow visible on every generated shell. */
@media (max-width: 780px) {
  html.trm-theme-dark,
  html.trm-theme-dark body,
  html.trm-theme-dark body.trm-has-shortcode-page,
  html.trm-theme-dark body.trm-blog-page,
  html.trm-theme-dark body :is(
    .trm-page,
    .trm-blog-shell,
    .trm-home-v5,
    .trm-products-page-v2,
    .trm-services-page-v1,
    .trm-product-builder-page,
    .trm-vamino-detail-page,
    .riz-ai-service-page,
    .riz-mobile-service-page,
    .riz-web-service-page,
    .riz-api-service-page,
    .riz-system-service-page,
    .riz-game-service-page,
    .riz-about-page,
    .riz-contact-page
  ) {
    background-image: var(--trm-token-page-bg) !important;
    background-color: var(--trm-token-bg, #020617) !important;
    background-repeat: no-repeat !important;
    background-size: 180% 180% !important;
    background-position: 76% 0 !important;
    background-attachment: fixed !important;
  }

  html.trm-theme-dark body :is(
    .trm-blog-main,
    .trm-container,
    .trm-blog-grid,
    .trm-blog-article,
    .trm-blog-content,
    .trm-blog-comments
  ) {
    background-image: none !important;
  }
}

/* Archive/single wrappers must never create a rectangular slab behind content. */
html body.trm-blog-page :is(.trm-blog-main, .trm-blog-main.trm-container, .trm-blog-grid, .trm-blog-article),
html.trm-theme-light body.trm-blog-page :is(.trm-blog-main, .trm-blog-main.trm-container, .trm-blog-grid, .trm-blog-article),
html.trm-theme-dark body.trm-blog-page :is(.trm-blog-main, .trm-blog-main.trm-container, .trm-blog-grid, .trm-blog-article) {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
  backdrop-filter: none !important;
  outline: 0 !important;
}

html body.trm-blog-page :is(.trm-blog-main, .trm-blog-grid, .trm-blog-article)::before,
html body.trm-blog-page :is(.trm-blog-main, .trm-blog-grid, .trm-blog-article)::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Keep only actual archive cards as cards; the list container stays transparent. */
html.trm-theme-light body.trm-blog-page .trm-archive-card,
html.trm-theme-light body.trm-blog-page .trm-news-card {
  background: var(--trm-c-card) !important;
  border-color: var(--trm-token-border) !important;
  box-shadow: var(--trm-token-shadow-soft) !important;
}

/* Blog comment metadata and reply controls: token-based in light/dark. */
.trm-blog-comments :is(.comment-metadata, .comment-metadata a, .comment-author, .comment-author a, .comment-awaiting-moderation, .edit-link a, .reply a, .comment-reply-link, time) {
  color: var(--trm-token-text-muted, #94a3b8) !important;
  -webkit-text-fill-color: currentColor !important;
}

html.trm-theme-light body .trm-blog-comments :is(.comment-metadata, .comment-metadata a, .comment-author, .comment-author a, .comment-awaiting-moderation, .edit-link a, .reply a, .comment-reply-link, time) {
  color: var(--trm-token-text-soft, #334155) !important;
}

.trm-blog-comments :is(.reply a, .comment-reply-link) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 6px 12px !important;
  margin-top: 10px !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  font-size: 12.5px !important;
  font-weight: 900 !important;
  background: var(--trm-token-chip) !important;
  border: 1px solid var(--trm-token-border) !important;
}

/* Submit comment button must never become white-on-white. */
.trm-blog-comments :is(input[type='submit'], button[type='submit'], .form-submit input, #submit),
html.trm-theme-light body .trm-blog-comments :is(input[type='submit'], button[type='submit'], .form-submit input, #submit),
html.trm-theme-dark body .trm-blog-comments :is(input[type='submit'], button[type='submit'], .form-submit input, #submit) {
  width: auto !important;
  min-height: 46px !important;
  padding: 11px 18px !important;
  cursor: pointer !important;
  border-radius: 16px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(135deg, var(--trm-token-primary, #04D4BE), var(--trm-token-primary-2, #2563eb)) !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  box-shadow: var(--trm-token-shadow-soft) !important;
  font-weight: 950 !important;
}

.trm-blog-comments :is(input[type='submit'], button[type='submit'], .form-submit input, #submit):hover {
  transform: translateY(-2px) !important;
  filter: saturate(1.08) !important;
}

/* Comment checkbox should sit on the same line as its label. */
.trm-blog-comments .comment-form-cookies-consent,
.trm-blog-comments p.comment-form-cookies-consent {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
  margin: 14px 0 !important;
  color: var(--trm-token-muted) !important;
}

.trm-blog-comments .comment-form-cookies-consent input[type='checkbox'] {
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  accent-color: var(--trm-token-primary, #04D4BE) !important;
}

.trm-blog-comments .comment-form-cookies-consent label {
  margin: 0 !important;
  display: inline !important;
  color: var(--trm-token-muted) !important;
  line-height: 1.9 !important;
}

/* Title of the comment form remains readable in both themes. */
.trm-blog-comments :is(#reply-title, .comment-reply-title, .comments-title) {
  color: var(--trm-token-heading) !important;
}

/* =========================================================
   v5.7 - Archive slab removal + category quick nav + post nav
   Keep this focused: only archive and single post navigation.
========================================================= */

/* Archive page: the full-width main is only a transparent flow container;
   the real width is handled by .trm-blog-inner so no content-width slab remains. */
body.trm-forced-post-archive .trm-blog-main,
body.trm-forced-post-archive main.trm-blog-main,
body.trm-forced-post-archive .trm-blog-inner,
body.trm-forced-post-archive .trm-blog-inner.trm-container,
body.trm-forced-post-archive .trm-blog-grid,
body.trm-forced-post-archive .trm-blog-category-nav,
body.trm-forced-post-archive .trm-blog-pagination,
body.trm-forced-single-post .trm-blog-main,
body.trm-forced-single-post main.trm-blog-main,
body.trm-forced-single-post .trm-blog-inner,
body.trm-forced-single-post .trm-blog-inner.trm-container {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  outline: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
}

body.trm-forced-post-archive .trm-blog-main,
body.trm-forced-single-post .trm-blog-main {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding-inline: 0 !important;
}

body.trm-forced-post-archive :is(.trm-blog-main,.trm-blog-inner,.trm-blog-grid,.trm-blog-category-nav)::before,
body.trm-forced-post-archive :is(.trm-blog-main,.trm-blog-inner,.trm-blog-grid,.trm-blog-category-nav)::after,
body.trm-forced-single-post :is(.trm-blog-main,.trm-blog-inner)::before,
body.trm-forced-single-post :is(.trm-blog-main,.trm-blog-inner)::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Archive category quick navigation: no panel/background, just small chips. */
.trm-blog-category-nav {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  margin: -4px 0 22px !important;
  padding: 0 !important;
  direction: rtl !important;
}

.trm-blog-category-nav a,
.trm-blog-category-nav a:visited {
  min-height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 7px 13px !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  color: var(--trm-token-text, #f8fafc) !important;
  background: var(--trm-token-chip, rgba(15, 23, 42, .55)) !important;
  border: 1px solid var(--trm-token-border, rgba(148, 163, 184, .18)) !important;
  box-shadow: none !important;
  font-size: 12.5px !important;
  font-weight: 850 !important;
  line-height: 1.7 !important;
  transition: transform .2s ease, border-color .2s ease, background .2s ease !important;
}

.trm-blog-category-nav a:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(4, 212, 190, .36) !important;
}

.trm-blog-category-nav a.is-active,
.trm-blog-category-nav a.is-active:visited {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(135deg, var(--trm-token-primary, #04D4BE), var(--trm-token-primary-2, #2563eb)) !important;
  border-color: transparent !important;
  box-shadow: var(--trm-token-shadow-soft, 0 12px 28px rgba(0,0,0,.16)) !important;
}

/* Single post previous/next links: keep them beside each other, not floating in the middle. */
.trm-blog-nav {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  margin: 18px 0 !important;
}

.trm-blog-nav > div:empty {
  display: none !important;
}

.trm-blog-nav a,
.trm-blog-nav a:visited {
  min-width: 132px !important;
  width: auto !important;
}

@media (max-width: 640px) {
  .trm-blog-nav {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .trm-blog-nav a,
  .trm-blog-nav a:visited {
    width: 100% !important;
  }
}

/* =========================================================
   v5.8 - Archive/footer seam fix
   هدف: حذف فاصله/نوار تیره بین محتوای آرشیو نوشته‌ها و فوتر.
   این اصلاح فقط روی صفحات آرشیو نوشته‌ها اعمال می‌شود.
========================================================= */
body.trm-forced-post-archive .trm-blog-main,
body.trm-forced-post-archive main.trm-blog-main {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.trm-forced-post-archive .trm-blog-inner,
body.trm-forced-post-archive .trm-blog-inner.trm-container {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.trm-forced-post-archive .trm-blog-grid,
body.trm-forced-post-archive .trm-blog-pagination,
body.trm-forced-post-archive .trm-blog-empty {
  margin-bottom: 0 !important;
}

body.trm-forced-post-archive .trm-home-footer,
body.trm-forced-post-archive footer.trm-home-footer {
  margin-top: 0 !important;
}

body.trm-forced-post-archive .trm-blog-shell {
  padding-bottom: 0 !important;
}


/* v7.1 — stronger LTR pass for the English language mode. */
html.trm-lang-en,
html.trm-lang-en body {
  direction: ltr !important;
}
html.trm-lang-en :is(.trm-page,.trm-home-main,.trm-products-main,.trm-services-main,.trm-product-builder-main,.trm-legacy-service-main,.trm-static-main,.trm-blog-shell,.trm-post-shell,.trm-archive-shell,.trm-legacy-rich-post) {
  direction: ltr !important;
}
html.trm-lang-en :is(.trm-page,.trm-home-main,.trm-products-main,.trm-services-main,.trm-product-builder-main,.trm-legacy-service-main,.trm-static-main,.trm-blog-shell,.trm-post-shell,.trm-archive-shell,.trm-legacy-rich-post) :is(h1,h2,h3,h4,h5,h6,p,li,small,strong,span,label,input,textarea) {
  text-align: left;
}
html.trm-lang-en :is(.trm-center-head,.trm-cta,.trm-home-cta,.trm-products-cta,.trm-services-cta,.trm-post-comments-title,.trm-search-panel) :is(h1,h2,h3,p,span,strong,small) {
  text-align: center;
}
html.trm-lang-en :is(.trm-detail-tags,.trm-home-hero-actions,.trm-products-hero-actions,.trm-services-hero-actions,.trm-category-strip,.trm-post-nav,.trm-footer-grid,.trm-header-inner) {
  direction: ltr !important;
}
html.trm-lang-en :is(.trm-builder-section::before,.vamino-section::before,[class*="riz-"][class*="-section"]::before) {
  right: auto !important;
  left: 0 !important;
  border-radius: 0 999px 999px 0 !important;
}
html.trm-lang-en :is(.trm-builder-list li,.vamino-section li,[class*="riz-"][class*="-list"] li) {
  padding-right: 14px !important;
  padding-left: 38px !important;
}
html.trm-lang-en :is(.trm-builder-list li::before,.vamino-section li::before,[class*="riz-"][class*="-list"] li::before) {
  right: auto !important;
  left: 12px !important;
}


/* v7.2: stronger LTR completion for legacy rich pages and imported service/product pages. */
html.trm-lang-en :is(.trm-legacy-service-detail-page, .trm-product-detail-page, .trm-static-page, .trm-post-shell, .trm-archive-shell, .trm-legacy-rich-post, [class*="riz-"][class*="-post"]) {
  direction: ltr !important;
}
html.trm-lang-en :is(.trm-legacy-service-detail-page, .trm-product-detail-page, .trm-static-page, .trm-post-shell, .trm-archive-shell, .trm-legacy-rich-post, [class*="riz-"][class*="-post"]) :is(h1,h2,h3,h4,h5,h6,p,li,small,strong,span,blockquote,div) {
  text-align: left;
}
html.trm-lang-en :is(.trm-center-head,.trm-home-cta,.trm-products-cta,.trm-services-cta,.trm-portfolio-cta,.trm-vamino-download-head,.trm-search-panel) :is(h1,h2,h3,p,span,strong,small,div) {
  text-align: center;
}
html.trm-lang-en :is(.trm-builder-section::before,.vamino-section::before,[class*="riz-"][class*="-section"]::before) {
  right: auto !important;
  left: 0 !important;
  border-radius: 0 999px 999px 0 !important;
}
html.trm-lang-en :is(.trm-builder-list li,.vamino-section li,[class*="riz-"][class*="-list"] li) {
  padding-right: 14px !important;
  padding-left: 38px !important;
}
html.trm-lang-en :is(.trm-builder-list li::before,.vamino-section li::before,[class*="riz-"][class*="-list"] li::before) {
  right: auto !important;
  left: 13px !important;
}

/* v7.3: stronger LTR behavior for product/service detail builders and imported rich sections. */
html.trm-lang-en body,
html.trm-lang-en .trm-page,
html.trm-lang-en .trm-product-builder-page,
html.trm-lang-en .trm-product-detail-page,
html.trm-lang-en .trm-service-detail-page,
html.trm-lang-en .trm-static-page,
html.trm-lang-en .trm-single-post-page,
html.trm-lang-en .trm-post-archive-page {
  direction: ltr !important;
}
html.trm-lang-en .trm-product-builder-main,
html.trm-lang-en .trm-product-builder-hero,
html.trm-lang-en .trm-product-builder-copy,
html.trm-lang-en .trm-product-builder-content,
html.trm-lang-en .trm-builder-section,
html.trm-lang-en .trm-builder-feature,
html.trm-lang-en .trm-builder-benefits,
html.trm-lang-en .trm-product-builder-actions,
html.trm-lang-en .trm-service-detail-main,
html.trm-lang-en .riz-ai-service-page,
html.trm-lang-en .riz-app-service-page,
html.trm-lang-en .riz-web-service-page,
html.trm-lang-en .riz-api-service-page,
html.trm-lang-en .riz-system-service-page,
html.trm-lang-en .riz-game-service-page,
html.trm-lang-en .riz-gardeshino-post,
html.trm-lang-en .riz-attarino-post {
  direction: ltr !important;
  text-align: left !important;
}
html.trm-lang-en .trm-product-builder-copy p,
html.trm-lang-en .trm-builder-section p,
html.trm-lang-en .trm-builder-feature p,
html.trm-lang-en .trm-builder-benefits p,
html.trm-lang-en .trm-detail-tags,
html.trm-lang-en .trm-builder-list,
html.trm-lang-en .trm-builder-list li,
html.trm-lang-en .trm-product-builder-action,
html.trm-lang-en .trm-product-builder-status,
html.trm-lang-en :is(.riz-ai-service-page,.riz-app-service-page,.riz-web-service-page,.riz-api-service-page,.riz-system-service-page,.riz-game-service-page) p,
html.trm-lang-en :is(.riz-ai-service-page,.riz-app-service-page,.riz-web-service-page,.riz-api-service-page,.riz-system-service-page,.riz-game-service-page) li,
html.trm-lang-en :is(.riz-gardeshino-post,.riz-attarino-post) p,
html.trm-lang-en :is(.riz-gardeshino-post,.riz-attarino-post) li {
  text-align: left !important;
}
html.trm-lang-en .trm-builder-section::before,
html.trm-lang-en :is(.riz-ai-section,.riz-app-section,.riz-web-section,.riz-api-section,.riz-system-section,.riz-game-section,.riz-gardeshino-section,.riz-attarino-section)::before {
  right: auto !important;
  left: 0 !important;
  border-radius: 0 999px 999px 0 !important;
}
html.trm-lang-en .trm-builder-list li,
html.trm-lang-en :is(.riz-gardeshino-list,.riz-attarino-list) li {
  padding-right: 14px !important;
  padding-left: 38px !important;
}
html.trm-lang-en .trm-builder-list li::before,
html.trm-lang-en :is(.riz-gardeshino-list,.riz-attarino-list) li::before {
  right: auto !important;
  left: 13px !important;
}
html.trm-lang-en .trm-product-builder-floating.top {
  right: auto !important;
  left: 0 !important;
}
html.trm-lang-en .trm-product-builder-floating.bottom {
  left: auto !important;
  right: 0 !important;
}
html.trm-lang-en .trm-product-builder-action-grid,
html.trm-lang-en .trm-builder-feature-list,
html.trm-lang-en .trm-builder-benefits {
  direction: ltr !important;
}
html.trm-lang-en .trm-product-builder-action {
  flex-direction: row !important;
}


/* v7.5: stronger LTR behavior for service/static/blog content while keeping code/log blocks stable */
html.trm-lang-en body :is(.trm-legacy-service-detail-page, .trm-static-detail-page, .trm-single-post-page, .trm-post-archive-page) {
  direction: ltr !important;
  text-align: left !important;
}
html.trm-lang-en body :is(.trm-legacy-service-detail-page, .trm-static-detail-page, .trm-single-post-page, .trm-post-archive-page) :is(p, h1, h2, h3, h4, h5, h6, li, small, strong, span:not(.trm-terminal *):not(.trm-log *)) {
  text-align: inherit;
}
html.trm-lang-en body :is(.trm-legacy-service-detail-page, .trm-static-detail-page) :is([class$="-section"]::before, [class*="-section"]::before) {
  right: auto !important;
  left: 0 !important;
  border-radius: 0 999px 999px 0 !important;
}
html.trm-lang-en body :is(.trm-legacy-service-detail-page, .trm-static-detail-page) :is(ul, ol) {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
html.trm-lang-en body :is(.trm-legacy-service-detail-page, .trm-static-detail-page) :is(li) {
  padding-right: 14px !important;
  padding-left: 38px !important;
}
html.trm-lang-en body :is(.trm-legacy-service-detail-page, .trm-static-detail-page) :is(li)::before {
  right: auto !important;
  left: 13px !important;
}
html.trm-lang-en body :is(.trm-contact-actions, .riz-contact-actions, .riz-about-actions, .riz-ai-actions, .riz-mobile-actions, .riz-web-actions, .riz-api-actions, .riz-system-actions, .riz-game-actions) {
  justify-content: flex-start !important;
}
html.trm-lang-en body :is(.trm-cta, .trm-center-head, .riz-contact-cta, .riz-about-cta, .riz-ai-cta, .riz-mobile-cta, .riz-web-cta, .riz-api-cta, .riz-system-cta, .riz-game-cta) {
  text-align: center !important;
}


/* v7.7 - Real bilingual content blocks for posts/static pages */
.trm-en-content { display: none !important; }
html.trm-lang-en .trm-fa-content { display: none !important; }
html.trm-lang-en .trm-en-content { display: block !important; }
html.trm-lang-en .trm-static-en-content {
  width: min(1220px, calc(100vw - 32px));
  margin: clamp(30px, 2.4vw, 40px) auto 0;
  padding: 34px;
  border-radius: 30px;
  background: var(--trm-card-bg, rgba(255,255,255,0.78));
  border: 1px solid var(--trm-border, rgba(148,163,184,.22));
  box-shadow: var(--trm-shadow, 0 20px 48px rgba(15,23,42,.10));
  color: var(--trm-text, #0f172a);
  line-height: 1.9;
}
html.trm-lang-en .trm-static-en-content :is(h1,h2,h3,h4,p,li,blockquote) {
  text-align: left !important;
  direction: ltr !important;
}
html.trm-lang-en .trm-blog-content .trm-en-content {
  text-align: left !important;
  direction: ltr !important;
}

/* v7.8 - full English override pages */
.trm-english-override-main {
  width: 100%;
  padding-top: clamp(30px, 2.4vw, 42px);
  padding-bottom: clamp(48px, 5vw, 76px);
}
.trm-english-override-content {
  direction: ltr;
  text-align: left;
  border-radius: 30px;
  background: var(--trm-surface, rgba(15, 23, 42, 0.68));
  border: 1px solid var(--trm-border, rgba(148, 163, 184, 0.22));
  box-shadow: var(--trm-shadow, 0 24px 70px rgba(0, 0, 0, 0.24));
  padding: clamp(24px, 3vw, 38px);
  color: var(--trm-text, #f8fafc);
}
.trm-english-override-content :is(h1,h2,h3,h4,h5,h6,p,li,blockquote,div,span,strong,small) {
  direction: ltr;
  text-align: left;
}
.trm-english-override-content h1,
.trm-english-override-content h2,
.trm-english-override-content h3 {
  color: var(--trm-text, #f8fafc);
  line-height: 1.35;
}
.trm-english-override-content p,
.trm-english-override-content li {
  color: var(--trm-text-soft, #cbd5e1);
  line-height: 1.85;
}
.trm-english-override-content a {
  color: var(--trm-primary, #04D4BE);
}
.trm-english-override-content ul,
.trm-english-override-content ol {
  padding-left: 1.3rem;
  padding-right: 0;
}
html.trm-theme-light .trm-english-override-content {
  background: var(--trm-surface, rgba(255, 255, 255, 0.78));
  color: var(--trm-text, #0f172a);
}
html.trm-theme-light .trm-english-override-content p,
html.trm-theme-light .trm-english-override-content li {
  color: var(--trm-text-soft, #334155);
}
@media (max-width: 780px) {
  .trm-english-override-main {
    padding-top: 24px;
  }
  .trm-english-override-content {
    border-radius: 24px;
    padding: 20px 16px;
  }
}

/* v8.2 - Admin-only English translation audit overlay */
html.trm-i18n-audit-on .trm-i18n-untranslated {
  outline: 2px dashed rgba(249, 115, 22, 0.88) !important;
  outline-offset: 3px !important;
  border-radius: 8px !important;
  box-shadow: 0 0 0 5px rgba(249, 115, 22, 0.10) !important;
}
html.trm-i18n-audit-on .trm-i18n-audit-badge {
  position: fixed !important;
  left: 16px !important;
  bottom: 16px !important;
  z-index: 9999999 !important;
  max-width: min(360px, calc(100vw - 32px)) !important;
  padding: 12px 14px !important;
  border-radius: 18px !important;
  background: rgba(15, 23, 42, 0.94) !important;
  color: #ffffff !important;
  border: 1px solid rgba(249, 115, 22, 0.35) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,0.30) !important;
  font-size: 13px !important;
  line-height: 1.8 !important;
  direction: rtl !important;
  text-align: right !important;
}
html.trm-theme-light.trm-i18n-audit-on .trm-i18n-audit-badge {
  background: rgba(255,255,255,0.96) !important;
  color: #0f172a !important;
  border-color: rgba(249, 115, 22, 0.38) !important;
}


/* v8.4 - audit badge readability */
html.trm-i18n-audit-on .trm-i18n-audit-badge {
  max-width: min(760px, calc(100vw - 28px)) !important;
  line-height: 1.9 !important;
}
html.trm-i18n-audit-on .trm-i18n-untranslated {
  cursor: help !important;
}


/* TRM 8.5.1 - single post featured image: stable 16:9 frame */
.trm-blog-featured {
  aspect-ratio: 16 / 9;
  max-height: none;
}
.trm-blog-featured img {
  width: 100%;
  height: 100%;
  max-height: none !important;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 780px) {
  .trm-blog-featured {
    aspect-ratio: 16 / 9;
    border-radius: 20px;
  }
}

/* v8.9.40 - final override for English sections that are intentionally centered. */
html.trm-lang-en body :is(.trm-section-head.trm-center-head, .trm-center-head, .trm-products-why-panel .trm-section-head, .trm-services-why-panel .trm-section-head),
html.trm-lang-en body :is(.trm-section-head.trm-center-head, .trm-center-head, .trm-products-why-panel .trm-section-head, .trm-services-why-panel .trm-section-head) :is(h1,h2,h3,h4,h5,h6,p,span,strong,small,div) {
  text-align: center !important;
}

/* TRM 8.9.62 - final overrides for bilingual generated areas */
.trm-navigation-loader,
.trm-navigation-loader[dir="ltr"],
.trm-navigation-loader[dir="rtl"],
.trm-navigation-loader-card,
.trm-navigation-loader-card * {
  text-align: center !important;
}
.trm-navigation-loader-card strong,
.trm-navigation-loader-card small {
  width: 100% !important;
  text-align: center !important;
}
html.trm-lang-en .trm-shared-mega-item,
html.trm-lang-en .trm-shared-mega-item *,
body.trm-lang-en .trm-shared-mega-item,
body.trm-lang-en .trm-shared-mega-item *,
html.trm-lang-en .trm-menu-panel,
html.trm-lang-en .trm-menu-panel *,
body.trm-lang-en .trm-menu-panel,
body.trm-lang-en .trm-menu-panel * {
  direction: ltr !important;
  text-align: left !important;
}
html.trm-lang-en .trm-blog-comments,
html.trm-lang-en .trm-blog-comments *,
body.trm-lang-en .trm-blog-comments,
body.trm-lang-en .trm-blog-comments * {
  direction: ltr !important;
  text-align: left !important;
}