/* =========================================================
   Tinies Riz Manager - Site Utilities / Legacy Safe Layer
   Version: 5.9.0

   هدف این فایل جایگزینی امن برای CSS اضافه‌ی قدیمی قالب است.
   فقط ابزارهای واقعاً عمومی و کم‌خطر اینجا نگه داشته شده‌اند.
   قوانین layout قدیمی، margin منفی، coverهای قدیمی و max-widthهای
   مربوط به صفحات Custom HTML حذف شده‌اند تا با قالب جدید افزونه تداخل نکنند.
========================================================= */

html {
  scroll-behavior: smooth;
}

#services,
[id^="services"],
.trm-anchor-target {
  scroll-margin-top: 96px;
}

body:not(.wp-admin) :where(a:not(.trm-btn):not(.trm-header-action):not(.trm-mobile-control):not(.trm-mega-item):not(.trm-footer-link):not(.trm-product-card):not(.trm-service-card):not(.trm-post-card):not(.trm-pill):not(.trm-chip):not(.button):not(.wp-block-button__link)):hover {
  color: var(--trm-accent, #04D4BE);
}

.wp-block-navigation a:hover,
.wp-block-navigation .wp-block-navigation-item__content:hover,
.wp-block-navigation .wp-block-navigation-item__content:focus,
.wp-block-site-title a:hover,
.wp-block-site-title a:focus {
  color: var(--trm-accent, #04D4BE) !important;
}

/* دکمه‌های قدیمیِ احتمالی داخل نوشته‌ها/برگه‌های معمولی وردپرس */
.riz-primary-button .wp-block-button__link,
.wp-block-button.riz-primary-button .wp-block-button__link,
.riz-dark-button .wp-block-button__link,
.wp-block-button.riz-dark-button .wp-block-button__link {
  position: relative !important;
  overflow: hidden !important;
  min-height: 52px !important;
  padding: 13px 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border-radius: 16px !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.8 !important;
  text-decoration: none !important;
  border: 1px solid transparent !important;
  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    border-color 0.22s ease,
    background 0.22s ease,
    color 0.22s ease !important;
}

.riz-primary-button .wp-block-button__link,
.wp-block-button.riz-primary-button .wp-block-button__link {
  background:
    radial-gradient(circle at top right, rgba(255, 255, 255, 0.20), transparent 42%),
    linear-gradient(135deg, var(--trm-primary, #04D4BE) 0%, var(--trm-primary-strong, #087f95) 48%, var(--trm-purple, #1B1296) 100%) !important;
  border-color: color-mix(in srgb, var(--trm-primary, #04D4BE) 44%, transparent) !important;
  box-shadow:
    0 16px 34px var(--trm-shadow, rgba(0, 0, 0, 0.30)),
    0 0 22px color-mix(in srgb, var(--trm-primary, #04D4BE) 14%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
}

.riz-dark-button .wp-block-button__link,
.wp-block-button.riz-dark-button .wp-block-button__link {
  background:
    radial-gradient(circle at top right, rgba(56, 189, 248, 0.18), transparent 38%),
    linear-gradient(135deg, var(--trm-dark-button-start, #0f172a), var(--trm-dark-button-end, #020617)) !important;
  border-color: var(--trm-border, rgba(148, 163, 184, 0.24)) !important;
  box-shadow:
    0 14px 30px var(--trm-shadow, rgba(0, 0, 0, 0.26)),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.riz-primary-button .wp-block-button__link::before,
.wp-block-button.riz-primary-button .wp-block-button__link::before,
.riz-dark-button .wp-block-button__link::before,
.wp-block-button.riz-dark-button .wp-block-button__link::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 2px;
  background: linear-gradient(90deg, rgba(255,255,255,0.45), rgba(4,212,190,0.55), rgba(255,255,255,0.18));
  opacity: 0.85;
}

.riz-primary-button .wp-block-button__link:hover,
.wp-block-button.riz-primary-button .wp-block-button__link:hover,
.riz-dark-button .wp-block-button__link:hover,
.wp-block-button.riz-dark-button .wp-block-button__link:hover {
  color: #ffffff !important;
  transform: translateY(-3px) !important;
  filter: saturate(1.06);
}

.riz-primary-button .wp-block-button__link:focus,
.wp-block-button.riz-primary-button .wp-block-button__link:focus,
.riz-dark-button .wp-block-button__link:focus,
.wp-block-button.riz-dark-button .wp-block-button__link:focus {
  outline: none !important;
  color: #ffffff !important;
  box-shadow:
    0 0 0 3px color-mix(in srgb, var(--trm-primary, #04D4BE) 24%, transparent),
    0 18px 38px var(--trm-shadow, rgba(0, 0, 0, 0.34)) !important;
}

@media (max-width: 560px) {
  .riz-primary-button .wp-block-button__link,
  .wp-block-button.riz-primary-button .wp-block-button__link,
  .riz-dark-button .wp-block-button__link,
  .wp-block-button.riz-dark-button .wp-block-button__link {
    width: 100% !important;
    min-height: 48px !important;
    padding: 12px 18px !important;
    font-size: 14px !important;
    border-radius: 15px !important;
  }
}

@media (max-width: 1024px) {
  .riz-hide-mobile-tablet {
    display: none !important;
  }
}

/* =========================================================
   v7.0 - Real language direction layer
   After disabling force-rtl, WordPress/theme may still output dir="rtl"
   and many legacy custom pages have RTL hard-coded. This layer makes
   the selected language the single source of truth for direction.
========================================================= */
html.trm-lang-en,
html.trm-lang-en body {
  direction: ltr !important;
}

html.trm-lang-fa,
html.trm-lang-fa body {
  direction: rtl !important;
}

html.trm-lang-en body :is(
  .trm-page,
  .trm-site-header,
  .trm-home-footer,
  .trm-home-main,
  .trm-products-main,
  .trm-services-main,
  .trm-product-detail-main,
  .trm-legacy-service-main,
  .trm-static-main,
  .trm-blog-shell,
  .trm-post-content,
  .trm-post-archive,
  .trm-archive-main,
  .trm-search-panel,
  .trm-mobile-menu,
  .trm-header-dropdown,
  .trm-page-loading-overlay,
  .riz-about-page,
  .riz-contact-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-portfolio-page,
  .riz-product-page,
  .riz-products-page,
  .riz-services-page,
  .riz-vamino-page,
  .riz-hoshino-page,
  .riz-erena-page,
  .riz-yademan-page,
  .riz-yademan-system-page,
  .riz-poolpoolak-page,
  .riz-hooshmak-page,
  .riz-unlucky-page,
  .riz-shecanino-page,
  .vamino-hero-wrap,
  .vamino-page,
  .trm-legacy-rich-post
) {
  direction: ltr !important;
  unicode-bidi: isolate !important;
}

html.trm-lang-fa body :is(
  .trm-page,
  .trm-site-header,
  .trm-home-footer,
  .trm-home-main,
  .trm-products-main,
  .trm-services-main,
  .trm-product-detail-main,
  .trm-legacy-service-main,
  .trm-static-main,
  .trm-blog-shell,
  .trm-post-content,
  .trm-post-archive,
  .trm-archive-main,
  .trm-search-panel,
  .trm-mobile-menu,
  .trm-header-dropdown,
  .trm-page-loading-overlay,
  .riz-about-page,
  .riz-contact-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-portfolio-page,
  .riz-product-page,
  .riz-products-page,
  .riz-services-page,
  .riz-vamino-page,
  .riz-hoshino-page,
  .riz-erena-page,
  .riz-yademan-page,
  .riz-yademan-system-page,
  .riz-poolpoolak-page,
  .riz-hooshmak-page,
  .riz-unlucky-page,
  .riz-shecanino-page,
  .vamino-hero-wrap,
  .vamino-page,
  .trm-legacy-rich-post
) {
  direction: rtl !important;
  unicode-bidi: isolate !important;
}

html.trm-lang-en body :is(
  .trm-page,
  .trm-page *,
  .trm-site-header,
  .trm-site-header *,
  .trm-home-footer,
  .trm-home-footer *,
  .trm-blog-shell,
  .trm-blog-shell *,
  .riz-about-page,
  .riz-about-page *,
  .riz-contact-page,
  .riz-contact-page *,
  .riz-ai-service-page,
  .riz-ai-service-page *,
  .riz-mobile-service-page,
  .riz-mobile-service-page *,
  .riz-web-service-page,
  .riz-web-service-page *,
  .riz-api-service-page,
  .riz-api-service-page *,
  .riz-system-service-page,
  .riz-system-service-page *,
  .riz-game-service-page,
  .riz-game-service-page *,
  .riz-portfolio-page,
  .riz-portfolio-page *,
  .riz-vamino-page,
  .riz-vamino-page *,
  .vamino-hero-wrap,
  .vamino-hero-wrap *,
  .vamino-page,
  .vamino-page *,
  .trm-legacy-rich-post,
  .trm-legacy-rich-post *
) {
  text-align: left !important;
}

html.trm-lang-en body :is(
  .trm-center-head,
  .trm-center-head *,
  .trm-cta,
  .trm-cta *,
  .trm-stats,
  .trm-stats *,
  .trm-products-stats,
  .trm-products-stats *,
  .trm-services-stats,
  .trm-services-stats *,
  .trm-portfolio-stats,
  .trm-portfolio-stats *,
  .trm-search-empty,
  .trm-search-empty *,
  .trm-loading-box,
  .trm-loading-box *
) {
  text-align: center !important;
}

html.trm-lang-en body :is(
  .trm-actions,
  .trm-hero-actions,
  .trm-products-hero-actions,
  .trm-services-hero-actions,
  .trm-footer-links,
  .trm-social-links,
  .trm-trust-row,
  .vamino-actions,
  .riz-gardeshino-actions,
  .riz-attarino-actions
) {
  justify-content: flex-start !important;
}

html.trm-lang-en body :is(
  .trm-site-header,
  .trm-site-header .trm-header-inner,
  .trm-menu,
  .trm-header-actions,
  .trm-mobile-header-actions,
  .trm-home-footer,
  .trm-footer-grid,
  .trm-footer-links,
  .trm-shared-mega,
  .trm-mobile-menu,
  .trm-search-panel
) {
  direction: ltr !important;
}

/* Keep intentional code / terminal / URLs readable and LTR in both languages. */
html body :is(
  .trm-home-product-terminal,
  .trm-home-product-terminal *,
  .trm-code,
  .trm-code *,
  code,
  pre,
  .ltr,
  [dir="ltr"]
) {
  direction: ltr !important;
  text-align: left !important;
}

/* v8.9.26 — Real bilingual pages must keep intentional visual alignment.
   LTR changes reading direction, but it must not force every intentionally-centered
   heading, CTA, stat, related-products head, or product quick-access panel to left. */
html.trm-lang-en body :is(
  .trm-center-head,
  .trm-center-head *,
  .trm-product-builder-actions-head,
  .trm-product-builder-actions-head *,
  .trm-product-builder-status,
  .trm-product-builder-status *,
  .trm-product-related-section .trm-section-head,
  .trm-product-related-section .trm-section-head *,
  .trm-products-stats,
  .trm-products-stats *,
  .trm-services-stats,
  .trm-services-stats *,
  .trm-stats,
  .trm-stats *,
  .trm-cta,
  .trm-cta *,
  .trm-home-cta,
  .trm-home-cta *,
  .trm-products-cta,
  .trm-products-cta *,
  .trm-services-cta,
  .trm-services-cta *,
  .trm-block-section-heading.trm-align-center,
  .trm-block-section-heading.trm-align-center *
) {
  text-align: center !important;
}

html.trm-lang-en body :is(
  .trm-product-builder-actions-head,
  .trm-product-builder-status,
  .trm-product-related-section .trm-section-head,
  .trm-block-section-heading.trm-align-center
) {
  margin-left: auto !important;
  margin-right: auto !important;
}

html.trm-lang-en body :is(.trm-block-section-heading.trm-align-right, .trm-block-section-heading.trm-align-right *) {
  text-align: right !important;
}

html.trm-lang-en body :is(.trm-block-section-heading.trm-align-left, .trm-block-section-heading.trm-align-left *) {
  text-align: left !important;
}


/* =========================================================
   TRM 8.9.96 - Targeted section intro heading/text refinement
   Scope: only the user-requested section title/description blocks.
   Goal: do not reuse chip/tag styling for h2/p bilingual spans.
========================================================= */
:is(
  .trm-services-section > .trm-section-head,
  .trm-products-section > .trm-section-head,
  .trm-news-section > .trm-section-head,
  .trm-faq-section > .trm-section-head,
  .trm-why-section .trm-why-panel > .trm-section-head,
  .trm-services-list-section > .trm-section-head,
  .trm-services-process-section .trm-section-head,
  .trm-services-products-section > .trm-section-head,
  .trm-services-why-section .trm-section-head,
  .trm-products-team-section > .trm-section-head,
  .trm-products-services-section > .trm-section-head,
  .trm-products-projects-section > .trm-section-head,
  .trm-products-why-section .trm-section-head,
  .trm-contact-team-section > .trm-section-head
) {
  position: relative !important;
  isolation: isolate !important;
  padding: clamp(10px, 1.5vw, 16px) clamp(10px, 2vw, 20px) !important;
  margin-bottom: clamp(22px, 2.4vw, 34px) !important;
  text-align: center !important;
  direction: inherit !important;
}

:is(
  .trm-services-section > .trm-section-head,
  .trm-products-section > .trm-section-head,
  .trm-news-section > .trm-section-head,
  .trm-faq-section > .trm-section-head,
  .trm-why-section .trm-why-panel > .trm-section-head,
  .trm-services-list-section > .trm-section-head,
  .trm-services-process-section .trm-section-head,
  .trm-services-products-section > .trm-section-head,
  .trm-services-why-section .trm-section-head,
  .trm-products-team-section > .trm-section-head,
  .trm-products-services-section > .trm-section-head,
  .trm-products-projects-section > .trm-section-head,
  .trm-products-why-section .trm-section-head,
  .trm-contact-team-section > .trm-section-head
)::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 24px;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(4, 212, 190, .075), rgba(14, 165, 233, .055));
  border: 1px solid rgba(148, 163, 184, .10);
  box-shadow: 0 18px 44px rgba(0, 0, 0, .11), inset 0 1px 0 rgba(255,255,255,.05);
}

html.trm-theme-light body :is(
  .trm-services-section > .trm-section-head,
  .trm-products-section > .trm-section-head,
  .trm-news-section > .trm-section-head,
  .trm-faq-section > .trm-section-head,
  .trm-why-section .trm-why-panel > .trm-section-head,
  .trm-services-list-section > .trm-section-head,
  .trm-services-process-section .trm-section-head,
  .trm-services-products-section > .trm-section-head,
  .trm-services-why-section .trm-section-head,
  .trm-products-team-section > .trm-section-head,
  .trm-products-services-section > .trm-section-head,
  .trm-products-projects-section > .trm-section-head,
  .trm-products-why-section .trm-section-head,
  .trm-contact-team-section > .trm-section-head
)::before {
  background: rgba(255,255,255,.84) !important;
  border-color: rgba(15, 23, 42, .075) !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, .10), inset 0 1px 0 rgba(255,255,255,.95) !important;
}

:is(
  .trm-services-section > .trm-section-head,
  .trm-products-section > .trm-section-head,
  .trm-news-section > .trm-section-head,
  .trm-faq-section > .trm-section-head,
  .trm-why-section .trm-why-panel > .trm-section-head,
  .trm-services-list-section > .trm-section-head,
  .trm-services-process-section .trm-section-head,
  .trm-services-products-section > .trm-section-head,
  .trm-services-why-section .trm-section-head,
  .trm-products-team-section > .trm-section-head,
  .trm-products-services-section > .trm-section-head,
  .trm-products-projects-section > .trm-section-head,
  .trm-products-why-section .trm-section-head,
  .trm-contact-team-section > .trm-section-head
) h2 {
  display: block !important;
  margin: 0 0 10px !important;
  font-size: clamp(28px, 3.25vw, 44px) !important;
  line-height: 1.35 !important;
  font-weight: 950 !important;
  letter-spacing: -.015em !important;
  color: var(--trm-text, var(--text, #ffffff)) !important;
  text-align: center !important;
}

:is(
  .trm-services-section > .trm-section-head,
  .trm-products-section > .trm-section-head,
  .trm-news-section > .trm-section-head,
  .trm-faq-section > .trm-section-head,
  .trm-why-section .trm-why-panel > .trm-section-head,
  .trm-services-list-section > .trm-section-head,
  .trm-services-process-section .trm-section-head,
  .trm-services-products-section > .trm-section-head,
  .trm-services-why-section .trm-section-head,
  .trm-products-team-section > .trm-section-head,
  .trm-products-services-section > .trm-section-head,
  .trm-products-projects-section > .trm-section-head,
  .trm-products-why-section .trm-section-head,
  .trm-contact-team-section > .trm-section-head
) p {
  display: block !important;
  width: min(100%, 860px) !important;
  max-width: 860px !important;
  margin: 0 auto !important;
  font-size: clamp(15px, 1.18vw, 17px) !important;
  line-height: 2 !important;
  font-weight: 500 !important;
  color: var(--trm-muted, var(--muted, #cbd5e1)) !important;
  text-align: center !important;
  text-wrap: pretty;
}

/* Prevent bilingual spans inside section h2/p from inheriting chip/tag UI. */
:is(
  .trm-services-section > .trm-section-head,
  .trm-products-section > .trm-section-head,
  .trm-news-section > .trm-section-head,
  .trm-faq-section > .trm-section-head,
  .trm-why-section .trm-why-panel > .trm-section-head,
  .trm-services-list-section > .trm-section-head,
  .trm-services-process-section .trm-section-head,
  .trm-services-products-section > .trm-section-head,
  .trm-services-why-section .trm-section-head,
  .trm-products-team-section > .trm-section-head,
  .trm-products-services-section > .trm-section-head,
  .trm-products-projects-section > .trm-section-head,
  .trm-products-why-section .trm-section-head,
  .trm-contact-team-section > .trm-section-head
) :is(h2, p) > [data-trm-fa][data-trm-en] {
  display: inline !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
  font: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  text-align: inherit !important;
  vertical-align: baseline !important;
}

/* Keep the small badge label, when it is a direct child of the section head, as a badge. */
:is(
  .trm-why-section .trm-why-panel > .trm-section-head,
  .trm-products-why-section .trm-section-head,
  .trm-services-why-section .trm-section-head
) > span {
  margin-bottom: 8px !important;
}

html.trm-lang-en body :is(
  .trm-services-section > .trm-section-head,
  .trm-products-section > .trm-section-head,
  .trm-news-section > .trm-section-head,
  .trm-faq-section > .trm-section-head,
  .trm-why-section .trm-why-panel > .trm-section-head,
  .trm-services-list-section > .trm-section-head,
  .trm-services-process-section .trm-section-head,
  .trm-services-products-section > .trm-section-head,
  .trm-services-why-section .trm-section-head,
  .trm-products-team-section > .trm-section-head,
  .trm-products-services-section > .trm-section-head,
  .trm-products-projects-section > .trm-section-head,
  .trm-products-why-section .trm-section-head,
  .trm-contact-team-section > .trm-section-head
),
html.trm-lang-en body :is(
  .trm-services-section > .trm-section-head,
  .trm-products-section > .trm-section-head,
  .trm-news-section > .trm-section-head,
  .trm-faq-section > .trm-section-head,
  .trm-why-section .trm-why-panel > .trm-section-head,
  .trm-services-list-section > .trm-section-head,
  .trm-services-process-section .trm-section-head,
  .trm-services-products-section > .trm-section-head,
  .trm-services-why-section .trm-section-head,
  .trm-products-team-section > .trm-section-head,
  .trm-products-services-section > .trm-section-head,
  .trm-products-projects-section > .trm-section-head,
  .trm-products-why-section .trm-section-head,
  .trm-contact-team-section > .trm-section-head
) :is(h1,h2,h3,h4,p,span,strong,small,div) {
  direction: ltr !important;
  text-align: center !important;
}

@media (max-width: 680px) {
  :is(
    .trm-services-section > .trm-section-head,
    .trm-products-section > .trm-section-head,
    .trm-news-section > .trm-section-head,
    .trm-faq-section > .trm-section-head,
    .trm-why-section .trm-why-panel > .trm-section-head,
    .trm-services-list-section > .trm-section-head,
    .trm-services-process-section .trm-section-head,
    .trm-services-products-section > .trm-section-head,
    .trm-services-why-section .trm-section-head,
    .trm-products-team-section > .trm-section-head,
    .trm-products-services-section > .trm-section-head,
    .trm-products-projects-section > .trm-section-head,
    .trm-products-why-section .trm-section-head,
    .trm-contact-team-section > .trm-section-head
  ) {
    border-radius: 20px !important;
    padding: 12px 12px !important;
  }
  :is(
    .trm-services-section > .trm-section-head,
    .trm-products-section > .trm-section-head,
    .trm-news-section > .trm-section-head,
    .trm-faq-section > .trm-section-head,
    .trm-why-section .trm-why-panel > .trm-section-head,
    .trm-services-list-section > .trm-section-head,
    .trm-services-process-section .trm-section-head,
    .trm-services-products-section > .trm-section-head,
    .trm-services-why-section .trm-section-head,
    .trm-products-team-section > .trm-section-head,
    .trm-products-services-section > .trm-section-head,
    .trm-products-projects-section > .trm-section-head,
    .trm-products-why-section .trm-section-head,
    .trm-contact-team-section > .trm-section-head
  ) h2 {
    font-size: clamp(23px, 7vw, 31px) !important;
  }
}


/* =========================================================
   TRM 8.9.97 - final targeted refinements for section heads,
   highlight alignment and contact service arrows.
   Scope: no database/import/export changes.
========================================================= */

/* Add the home team heading block to the same heading style introduced in v8.9.96. */
.trm-team-section > .trm-section-head {
  position: relative !important;
  isolation: isolate !important;
  padding: clamp(10px, 1.5vw, 16px) clamp(10px, 2vw, 20px) !important;
  margin-bottom: clamp(22px, 2.4vw, 34px) !important;
  text-align: center !important;
  direction: inherit !important;
}
.trm-team-section > .trm-section-head::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 24px;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(4, 212, 190, .075), rgba(14, 165, 233, .055));
  border: 1px solid rgba(148, 163, 184, .10);
  box-shadow: 0 18px 44px rgba(0, 0, 0, .11), inset 0 1px 0 rgba(255,255,255,.05);
}
.trm-team-section > .trm-section-head h2 {
  display: block !important;
  margin: 0 0 10px !important;
  font-size: clamp(28px, 3.25vw, 44px) !important;
  line-height: 1.35 !important;
  font-weight: 950 !important;
  letter-spacing: -.015em !important;
  color: var(--trm-text, var(--text, #ffffff)) !important;
  text-align: center !important;
}
.trm-team-section > .trm-section-head p {
  display: block !important;
  width: min(100%, 860px) !important;
  max-width: 860px !important;
  margin: 0 auto !important;
  font-size: clamp(15px, 1.18vw, 17px) !important;
  line-height: 2 !important;
  font-weight: 500 !important;
  color: var(--trm-muted, var(--muted, #cbd5e1)) !important;
  text-align: center !important;
  text-wrap: pretty;
}
.trm-team-section > .trm-section-head :is(h2,p) > [data-trm-fa][data-trm-en] {
  display: inline !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
  font: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  text-align: inherit !important;
  vertical-align: baseline !important;
}

/* Light theme: keep text dark, but a little softer than pure black. */
html.trm-theme-light body :is(
  .trm-services-section > .trm-section-head,
  .trm-products-section > .trm-section-head,
  .trm-team-section > .trm-section-head,
  .trm-news-section > .trm-section-head,
  .trm-faq-section > .trm-section-head,
  .trm-why-section .trm-why-panel > .trm-section-head,
  .trm-services-list-section > .trm-section-head,
  .trm-services-process-section .trm-section-head,
  .trm-services-products-section > .trm-section-head,
  .trm-services-why-section .trm-section-head,
  .trm-products-team-section > .trm-section-head,
  .trm-products-services-section > .trm-section-head,
  .trm-products-projects-section > .trm-section-head,
  .trm-products-why-section .trm-section-head,
  .trm-contact-team-section > .trm-section-head
)::before,
body.trm-theme-light :is(
  .trm-services-section > .trm-section-head,
  .trm-products-section > .trm-section-head,
  .trm-team-section > .trm-section-head,
  .trm-news-section > .trm-section-head,
  .trm-faq-section > .trm-section-head,
  .trm-why-section .trm-why-panel > .trm-section-head,
  .trm-services-list-section > .trm-section-head,
  .trm-services-process-section .trm-section-head,
  .trm-services-products-section > .trm-section-head,
  .trm-services-why-section .trm-section-head,
  .trm-products-team-section > .trm-section-head,
  .trm-products-services-section > .trm-section-head,
  .trm-products-projects-section > .trm-section-head,
  .trm-products-why-section .trm-section-head,
  .trm-contact-team-section > .trm-section-head
)::before {
  background: rgba(255,255,255,.84) !important;
  border-color: rgba(15, 23, 42, .075) !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, .10), inset 0 1px 0 rgba(255,255,255,.95) !important;
}
html.trm-theme-light body :is(
  .trm-services-section > .trm-section-head,
  .trm-products-section > .trm-section-head,
  .trm-team-section > .trm-section-head,
  .trm-news-section > .trm-section-head,
  .trm-faq-section > .trm-section-head,
  .trm-why-section .trm-why-panel > .trm-section-head,
  .trm-services-list-section > .trm-section-head,
  .trm-services-process-section .trm-section-head,
  .trm-services-products-section > .trm-section-head,
  .trm-services-why-section .trm-section-head,
  .trm-products-team-section > .trm-section-head,
  .trm-products-services-section > .trm-section-head,
  .trm-products-projects-section > .trm-section-head,
  .trm-products-why-section .trm-section-head,
  .trm-contact-team-section > .trm-section-head
) h2,
body.trm-theme-light :is(
  .trm-services-section > .trm-section-head,
  .trm-products-section > .trm-section-head,
  .trm-team-section > .trm-section-head,
  .trm-news-section > .trm-section-head,
  .trm-faq-section > .trm-section-head,
  .trm-why-section .trm-why-panel > .trm-section-head,
  .trm-services-list-section > .trm-section-head,
  .trm-services-process-section .trm-section-head,
  .trm-services-products-section > .trm-section-head,
  .trm-services-why-section .trm-section-head,
  .trm-products-team-section > .trm-section-head,
  .trm-products-services-section > .trm-section-head,
  .trm-products-projects-section > .trm-section-head,
  .trm-products-why-section .trm-section-head,
  .trm-contact-team-section > .trm-section-head
) h2 {
  color: rgba(15, 23, 42, .88) !important;
}
html.trm-theme-light body :is(
  .trm-services-section > .trm-section-head,
  .trm-products-section > .trm-section-head,
  .trm-team-section > .trm-section-head,
  .trm-news-section > .trm-section-head,
  .trm-faq-section > .trm-section-head,
  .trm-why-section .trm-why-panel > .trm-section-head,
  .trm-services-list-section > .trm-section-head,
  .trm-services-process-section .trm-section-head,
  .trm-services-products-section > .trm-section-head,
  .trm-services-why-section .trm-section-head,
  .trm-products-team-section > .trm-section-head,
  .trm-products-services-section > .trm-section-head,
  .trm-products-projects-section > .trm-section-head,
  .trm-products-why-section .trm-section-head,
  .trm-contact-team-section > .trm-section-head
) p,
body.trm-theme-light :is(
  .trm-services-section > .trm-section-head,
  .trm-products-section > .trm-section-head,
  .trm-team-section > .trm-section-head,
  .trm-news-section > .trm-section-head,
  .trm-faq-section > .trm-section-head,
  .trm-why-section .trm-why-panel > .trm-section-head,
  .trm-services-list-section > .trm-section-head,
  .trm-services-process-section .trm-section-head,
  .trm-services-products-section > .trm-section-head,
  .trm-services-why-section .trm-section-head,
  .trm-products-team-section > .trm-section-head,
  .trm-products-services-section > .trm-section-head,
  .trm-products-projects-section > .trm-section-head,
  .trm-products-why-section .trm-section-head,
  .trm-contact-team-section > .trm-section-head
) p {
  color: rgba(15, 23, 42, .66) !important;
}

/* Center the two highlight notes on both FA and EN layouts. */
.trm-products-page-v2 .trm-products-highlight,
.trm-products-page-v2 .trm-services-highlight,
.trm-products-page-v2 .trm-products-highlight [data-trm-fa][data-trm-en],
.trm-products-page-v2 .trm-services-highlight [data-trm-fa][data-trm-en] {
  text-align: center !important;
  direction: inherit !important;
}
html.trm-lang-en body .trm-products-page-v2 :is(.trm-products-highlight, .trm-services-highlight),
body.trm-lang-en .trm-products-page-v2 :is(.trm-products-highlight, .trm-services-highlight) {
  direction: ltr !important;
  text-align: center !important;
}

/* Contact page service-card arrow: make the arrow visible without changing card layout. */
.riz-contact-service-card .riz-contact-service-link span:last-child,
.riz-contact-service-card .riz-contact-service-link [data-trm-fa][data-trm-en] + span:last-child {
  font-size: 22px !important;
  line-height: 1 !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
}
html.trm-lang-en body .riz-contact-service-card .riz-contact-service-link,
body.trm-lang-en .riz-contact-service-card .riz-contact-service-link {
  align-items: center !important;
}

@media (max-width: 680px) {
  .trm-team-section > .trm-section-head {
    border-radius: 20px !important;
    padding: 12px 12px !important;
  }
  .trm-team-section > .trm-section-head h2 {
    font-size: clamp(23px, 7vw, 31px) !important;
  }
}


/* =========================================================
   TRM 8.9.98 - Contact service cards: strong visible arrow
   هدف: فقط فلش کارت‌های بخش «Which services can you contact us about?»
   بزرگ شود، بدون تغییر بقیه لینک‌ها و کارت‌ها.
========================================================= */
.riz-contact-services .riz-contact-service-card .riz-contact-service-link > span,
.riz-contact-services .riz-contact-service-card .riz-contact-service-link span:last-child,
.riz-contact-service-card .riz-contact-service-link > span,
.riz-contact-service-card .riz-contact-service-link span:last-child {
  font-size: 46px !important;
  line-height: 1 !important;
  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;
  min-height: 54px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  transform: none !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.riz-contact-services .riz-contact-service-card .riz-contact-service-link,
.riz-contact-service-card .riz-contact-service-link {
  gap: 12px !important;
  align-items: center !important;
}

@media (max-width: 720px) {
  .riz-contact-services .riz-contact-service-card .riz-contact-service-link > span,
  .riz-contact-services .riz-contact-service-card .riz-contact-service-link span:last-child,
  .riz-contact-service-card .riz-contact-service-link > span,
  .riz-contact-service-card .riz-contact-service-link span:last-child {
    font-size: 42px !important;
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    min-height: 50px !important;
  }
}


/* =========================================================
   TRM 8.9.99 - Product detail related section heading style
   هدف: عنوان و توضیح بخش «محصولات مشابه / More projects»
   در صفحات محصول مثل سایر section headingهای اصلاح‌شده دیده شود.
   فقط همین heading هدف گرفته شده و کارت‌ها/تگ‌ها دست‌نخورده می‌مانند.
========================================================= */
.trm-product-related-section > .trm-section-head,
.trm-product-related-section .trm-section-head.trm-center-head {
  position: relative !important;
  isolation: isolate !important;
  padding: clamp(10px, 1.5vw, 16px) clamp(10px, 2vw, 20px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: clamp(22px, 2.4vw, 34px) !important;
  text-align: center !important;
  direction: inherit !important;
}
.trm-product-related-section > .trm-section-head::before,
.trm-product-related-section .trm-section-head.trm-center-head::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 24px;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(4, 212, 190, .075), rgba(14, 165, 233, .055));
  border: 1px solid rgba(148, 163, 184, .10);
  box-shadow: 0 18px 44px rgba(0, 0, 0, .11), inset 0 1px 0 rgba(255,255,255,.05);
}
.trm-product-related-section > .trm-section-head h2,
.trm-product-related-section .trm-section-head.trm-center-head h2 {
  display: block !important;
  margin: 0 0 10px !important;
  font-size: clamp(28px, 3.25vw, 44px) !important;
  line-height: 1.35 !important;
  font-weight: 950 !important;
  letter-spacing: -.015em !important;
  color: var(--trm-text, var(--text, #ffffff)) !important;
  text-align: center !important;
}
.trm-product-related-section > .trm-section-head p,
.trm-product-related-section .trm-section-head.trm-center-head p {
  display: block !important;
  width: min(100%, 860px) !important;
  max-width: 860px !important;
  margin: 0 auto !important;
  font-size: clamp(15px, 1.18vw, 17px) !important;
  line-height: 2 !important;
  font-weight: 500 !important;
  color: var(--trm-muted, var(--muted, #cbd5e1)) !important;
  text-align: center !important;
  text-wrap: pretty;
}
.trm-product-related-section .trm-section-head :is(h2,p) > [data-trm-fa][data-trm-en] {
  display: inline !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
  font: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  text-align: inherit !important;
  vertical-align: baseline !important;
}
html.trm-theme-light body .trm-product-related-section .trm-section-head::before,
body.trm-theme-light .trm-product-related-section .trm-section-head::before {
  background: rgba(255,255,255,.84) !important;
  border-color: rgba(15, 23, 42, .075) !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, .10), inset 0 1px 0 rgba(255,255,255,.95) !important;
}
html.trm-theme-light body .trm-product-related-section .trm-section-head h2,
body.trm-theme-light .trm-product-related-section .trm-section-head h2 {
  color: rgba(15, 23, 42, .88) !important;
}
html.trm-theme-light body .trm-product-related-section .trm-section-head p,
body.trm-theme-light .trm-product-related-section .trm-section-head p {
  color: rgba(15, 23, 42, .66) !important;
}
html.trm-lang-en body .trm-product-related-section .trm-section-head,
html.trm-lang-en body .trm-product-related-section .trm-section-head :is(h1,h2,h3,h4,p,span,strong,small,div),
body.trm-lang-en .trm-product-related-section .trm-section-head,
body.trm-lang-en .trm-product-related-section .trm-section-head :is(h1,h2,h3,h4,p,span,strong,small,div) {
  direction: ltr !important;
  text-align: center !important;
}
@media (max-width: 680px) {
  .trm-product-related-section > .trm-section-head,
  .trm-product-related-section .trm-section-head.trm-center-head {
    border-radius: 20px !important;
    padding: 12px 12px !important;
  }
  .trm-product-related-section > .trm-section-head h2,
  .trm-product-related-section .trm-section-head.trm-center-head h2 {
    font-size: clamp(23px, 7vw, 31px) !important;
  }
}


/* =========================================================
   TRM 9.0.02 - Contact service title badge + modern comments
   Restores CTA arrow behavior by not targeting .riz-contact-service-link.
========================================================= */
.riz-contact-services .riz-contact-service-card .riz-contact-service-top .riz-contact-service-icon,
.riz-contact-service-card .riz-contact-service-top .riz-contact-service-icon {
  flex: 0 0 66px !important;
  width: 66px !important;
  height: 66px !important;
  min-width: 66px !important;
  min-height: 66px !important;
  border-radius: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 16px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: 0.03em !important;
  color: #67e8f9 !important;
  background:
    radial-gradient(circle at top right, rgba(4, 212, 190, 0.18), transparent 42%),
    linear-gradient(145deg, rgba(15, 23, 42, 0.98), rgba(2, 6, 23, 0.86)) !important;
  border: 1px solid rgba(103, 232, 249, 0.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 16px 34px rgba(0, 0, 0, 0.28),
    0 0 0 6px rgba(4, 212, 190, 0.055) !important;
  text-shadow: 0 0 16px rgba(103, 232, 249, 0.28) !important;
}

.riz-contact-services .riz-contact-service-card:hover .riz-contact-service-top .riz-contact-service-icon,
.riz-contact-service-card:hover .riz-contact-service-top .riz-contact-service-icon {
  color: #ffffff !important;
  border-color: rgba(4, 212, 190, 0.58) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 20px 42px rgba(0, 0, 0, 0.34),
    0 0 0 7px rgba(4, 212, 190, 0.08) !important;
}

@media (max-width: 720px) {
  .riz-contact-services .riz-contact-service-card .riz-contact-service-top .riz-contact-service-icon,
  .riz-contact-service-card .riz-contact-service-top .riz-contact-service-icon {
    flex-basis: 58px !important;
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;
    border-radius: 20px !important;
    font-size: 14px !important;
  }
}

.trm-blog-comments {
  position: relative !important;
  overflow: hidden !important;
  margin-top: 36px !important;
  padding: clamp(22px, 4vw, 34px) !important;
  border-radius: 32px !important;
  background:
    radial-gradient(circle at top right, rgba(4, 212, 190, 0.14), transparent 34%),
    radial-gradient(circle at bottom left, rgba(99, 102, 241, 0.14), transparent 36%),
    linear-gradient(145deg, rgba(15, 23, 42, 0.86), rgba(2, 6, 23, 0.68)) !important;
  border: 1px solid rgba(148, 163, 184, 0.20) !important;
  box-shadow: 0 28px 74px rgba(0, 0, 0, 0.30) !important;
  backdrop-filter: blur(14px) !important;
}

.trm-blog-comments::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255,255,255,0.08), transparent 18%, transparent 82%, rgba(255,255,255,0.04));
  opacity: 0.55;
}

.trm-blog-comments > * {
  position: relative;
  z-index: 1;
}

.trm-blog-comments .comments-title,
.trm-blog-comments .comment-reply-title,
.trm-blog-comments #reply-title {
  margin: 0 0 18px !important;
  color: #ffffff !important;
  font-size: clamp(22px, 3vw, 30px) !important;
  font-weight: 950 !important;
  line-height: 1.55 !important;
  letter-spacing: -0.02em !important;
}

.trm-blog-comments .comments-title::before,
.trm-blog-comments #reply-title::before,
.trm-blog-comments .comment-reply-title::before {
  content: "";
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-inline-end: 10px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--cyan, #04d4be), var(--purple, #6366f1));
  box-shadow: 0 0 0 6px rgba(4, 212, 190, 0.10);
  vertical-align: middle;
}

.trm-blog-comments .comment-list,
.trm-blog-comments .children {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.trm-blog-comments .comment-list {
  display: grid !important;
  gap: 16px !important;
  margin-bottom: 28px !important;
}

.trm-blog-comments .children {
  margin-top: 14px !important;
  margin-inline-start: clamp(18px, 4vw, 44px) !important;
  display: grid !important;
  gap: 14px !important;
}

.trm-blog-comments .comment-body {
  position: relative !important;
  padding: 20px 20px 18px !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at top right, rgba(4, 212, 190, 0.08), transparent 36%),
    linear-gradient(145deg, rgba(15, 23, 42, 0.78), rgba(2, 6, 23, 0.52)) !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22) !important;
}

.trm-blog-comments .comment-author {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 8px !important;
  color: #ffffff !important;
  font-weight: 950 !important;
}

.trm-blog-comments .comment-author .avatar {
  width: 54px !important;
  height: 54px !important;
  border-radius: 18px !important;
  margin: 0 !important;
  border: 1px solid rgba(103, 232, 249, 0.34) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,0.24) !important;
}

.trm-blog-comments .comment-author .fn,
.trm-blog-comments .comment-author .fn a,
.trm-blog-comments .comment-author .says {
  color: #ffffff !important;
  font-size: 15px !important;
  text-decoration: none !important;
}

.trm-blog-comments .comment-metadata,
.trm-blog-comments .comment-metadata a {
  color: rgba(203, 213, 225, 0.78) !important;
  font-size: 12.5px !important;
  text-decoration: none !important;
}

.trm-blog-comments .comment-content,
.trm-blog-comments .comment-body > p {
  margin-top: 12px !important;
  color: rgba(226, 232, 240, 0.92) !important;
  font-size: 14.5px !important;
  line-height: 2 !important;
}

.trm-blog-comments .reply {
  margin-top: 14px !important;
}

.trm-blog-comments .reply a,
.trm-blog-comments .comment-reply-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 7px 14px !important;
  border-radius: 999px !important;
  color: #ecfeff !important;
  font-size: 12.5px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  background: rgba(4, 212, 190, 0.13) !important;
  border: 1px solid rgba(4, 212, 190, 0.24) !important;
}

.trm-blog-comments .comment-respond {
  margin-top: 24px !important;
  padding: clamp(18px, 3vw, 26px) !important;
  border-radius: 26px !important;
  background: rgba(2, 6, 23, 0.38) !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
}

.trm-blog-comments .comment-notes,
.trm-blog-comments .logged-in-as,
.trm-blog-comments .form-allowed-tags,
.trm-blog-comments .trm-comments-closed {
  color: rgba(203, 213, 225, 0.82) !important;
  font-size: 13px !important;
  line-height: 1.9 !important;
}

.trm-blog-comments .comment-form {
  display: grid !important;
  gap: 14px !important;
}

.trm-blog-comments .comment-form-author,
.trm-blog-comments .comment-form-email,
.trm-blog-comments .comment-form-url,
.trm-blog-comments .comment-form-comment,
.trm-blog-comments .comment-form-cookies-consent,
.trm-blog-comments .form-submit {
  margin: 0 !important;
}

.trm-blog-comments .comment-form-author,
.trm-blog-comments .comment-form-email,
.trm-blog-comments .comment-form-url {
  display: grid !important;
  gap: 7px !important;
}

.trm-blog-comments .comment-form label {
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

.trm-blog-comments :is(input[type='text'], input[type='email'], input[type='url'], textarea) {
  width: 100% !important;
  border-radius: 18px !important;
  color: #ffffff !important;
  background: rgba(15, 23, 42, 0.72) !important;
  border: 1px solid rgba(148, 163, 184, 0.24) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04) !important;
  outline: none !important;
}

.trm-blog-comments :is(input[type='text'], input[type='email'], input[type='url']) {
  min-height: 48px !important;
  padding: 0 15px !important;
}

.trm-blog-comments textarea {
  min-height: 150px !important;
  padding: 14px 15px !important;
  resize: vertical !important;
}

.trm-blog-comments :is(input[type='text'], input[type='email'], input[type='url'], textarea):focus {
  border-color: rgba(4, 212, 190, 0.54) !important;
  box-shadow: 0 0 0 4px rgba(4, 212, 190, 0.10) !important;
}

.trm-blog-comments .comment-form-cookies-consent {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
}

.trm-blog-comments .comment-form-cookies-consent input[type='checkbox'] {
  flex: 0 0 auto !important;
  width: 18px !important;
  height: 18px !important;
  margin-top: 4px !important;
  accent-color: var(--cyan, #04d4be) !important;
}

.trm-blog-comments :is(input[type='submit'], button[type='submit'], .form-submit input, #submit, .trm-comment-submit) {
  min-height: 48px !important;
  padding: 0 22px !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
  background: linear-gradient(135deg, var(--cyan, #04d4be), var(--purple, #6366f1)) !important;
  border: 0 !important;
  box-shadow: 0 16px 34px rgba(4, 212, 190, 0.18) !important;
}

html.trm-theme-light body .trm-blog-comments {
  background:
    radial-gradient(circle at top right, rgba(4, 212, 190, 0.14), transparent 34%),
    radial-gradient(circle at bottom left, rgba(99, 102, 241, 0.12), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,0.92), rgba(241,245,249,0.88)) !important;
  border-color: rgba(15, 23, 42, 0.10) !important;
  box-shadow: 0 24px 64px rgba(15, 23, 42, 0.10) !important;
}

html.trm-theme-light body .trm-blog-comments .comments-title,
html.trm-theme-light body .trm-blog-comments .comment-reply-title,
html.trm-theme-light body .trm-blog-comments #reply-title,
html.trm-theme-light body .trm-blog-comments .comment-author,
html.trm-theme-light body .trm-blog-comments .comment-author .fn,
html.trm-theme-light body .trm-blog-comments .comment-author .fn a,
html.trm-theme-light body .trm-blog-comments .comment-form label {
  color: #0f172a !important;
}

html.trm-theme-light body .trm-blog-comments .comment-body,
html.trm-theme-light body .trm-blog-comments .comment-respond {
  background: rgba(255,255,255,0.72) !important;
  border-color: rgba(15, 23, 42, 0.10) !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08) !important;
}

html.trm-theme-light body .trm-blog-comments .comment-content,
html.trm-theme-light body .trm-blog-comments .comment-body > p,
html.trm-theme-light body .trm-blog-comments .comment-notes,
html.trm-theme-light body .trm-blog-comments .logged-in-as,
html.trm-theme-light body .trm-blog-comments .form-allowed-tags,
html.trm-theme-light body .trm-blog-comments .trm-comments-closed,
html.trm-theme-light body .trm-blog-comments .comment-metadata,
html.trm-theme-light body .trm-blog-comments .comment-metadata a {
  color: rgba(15, 23, 42, 0.72) !important;
}

html.trm-theme-light body .trm-blog-comments :is(input[type='text'], input[type='email'], input[type='url'], textarea) {
  color: #0f172a !important;
  background: rgba(255, 255, 255, 0.86) !important;
  border-color: rgba(15, 23, 42, 0.14) !important;
}

@media (min-width: 780px) {
  .trm-blog-comments .comment-form-author,
  .trm-blog-comments .comment-form-email,
  .trm-blog-comments .comment-form-url {
    display: inline-grid !important;
    width: calc(33.333% - 10px) !important;
    margin-inline-end: 10px !important;
    vertical-align: top !important;
  }
}

@media (max-width: 720px) {
  .trm-blog-comments {
    border-radius: 26px !important;
  }

  .trm-blog-comments .children {
    margin-inline-start: 12px !important;
  }

  .trm-blog-comments .comment-body {
    padding: 17px !important;
    border-radius: 21px !important;
  }
}


/* =========================================================
   TRM 9.0.03 - Contact service real icons + comment form layout
   Scope: Contact service title badges and blog comments only.
========================================================= */
.riz-contact-services .riz-contact-services-grid .riz-contact-service-card .riz-contact-service-top .riz-contact-service-icon,
.riz-contact-services-grid .riz-contact-service-card .riz-contact-service-top .riz-contact-service-icon,
.riz-contact-service-card .riz-contact-service-top .riz-contact-service-icon {
  --trm-contact-icon-color: #67e8f9;
  --trm-contact-icon-bg-a: rgba(15, 23, 42, 0.96);
  --trm-contact-icon-bg-b: rgba(2, 6, 23, 0.82);
  flex: 0 0 46px !important;
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  padding: 0 !important;
  border-radius: 15px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  color: transparent !important;
  background:
    radial-gradient(circle at 25% 20%, rgba(255,255,255,0.10), transparent 38%),
    linear-gradient(145deg, var(--trm-contact-icon-bg-a), var(--trm-contact-icon-bg-b)) !important;
  border: 1px solid rgba(103, 232, 249, 0.26) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.07),
    0 12px 24px rgba(0, 0, 0, 0.18) !important;
  text-shadow: none !important;
}

.riz-contact-services .riz-contact-services-grid .riz-contact-service-card .riz-contact-service-top .riz-contact-service-icon::before,
.riz-contact-services-grid .riz-contact-service-card .riz-contact-service-top .riz-contact-service-icon::before,
.riz-contact-service-card .riz-contact-service-top .riz-contact-service-icon::before {
  content: "" !important;
  width: 25px !important;
  height: 25px !important;
  display: block !important;
  background: var(--trm-contact-icon-color) !important;
  -webkit-mask-image: var(--trm-contact-service-mask);
  mask-image: var(--trm-contact-service-mask);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.riz-contact-services-grid .riz-contact-service-card:nth-child(1) .riz-contact-service-icon {
  --trm-contact-service-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M8 2h8a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3Zm0 3v13h8V5H8Zm3 14v1h2v-1h-2Z'/%3E%3C/svg%3E");
}
.riz-contact-services-grid .riz-contact-service-card:nth-child(2) .riz-contact-service-icon {
  --trm-contact-service-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5 4h14a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3Zm0 5v8h14V9H5Zm1-3a1 1 0 1 0 0 2a1 1 0 0 0 0-2Zm4 0a1 1 0 1 0 0 2a1 1 0 0 0 0-2Z'/%3E%3C/svg%3E");
}
.riz-contact-services-grid .riz-contact-service-card:nth-child(3) .riz-contact-service-icon {
  --trm-contact-service-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2l1.6 5.3L19 9l-5.4 1.7L12 16l-1.6-5.3L5 9l5.4-1.7L12 2Zm6.5 11l.9 2.6L22 16.5l-2.6.9l-.9 2.6l-.9-2.6l-2.6-.9l2.6-.9l.9-2.6ZM5.5 13l.8 2.2l2.2.8l-2.2.8l-.8 2.2l-.8-2.2l-2.2-.8l2.2-.8l.8-2.2Z'/%3E%3C/svg%3E");
}
.riz-contact-services-grid .riz-contact-service-card:nth-child(4) .riz-contact-service-icon {
  --trm-contact-service-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 8h10a5 5 0 0 1 4.8 3.6l1 3.5A3.5 3.5 0 0 1 19.4 20c-1.4 0-2.3-.7-3.1-1.8H7.7C6.9 19.3 6 20 4.6 20a3.5 3.5 0 0 1-3.4-4.9l1-3.5A5 5 0 0 1 7 8Zm1 4H6v2H4v2h2v2h2v-2h2v-2H8v-2Zm8.5 1a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3Zm3-3a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3Z'/%3E%3C/svg%3E");
}
.riz-contact-services-grid .riz-contact-service-card:nth-child(5) .riz-contact-service-icon {
  --trm-contact-service-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 4h7v7H4V4Zm9 0h7v7h-7V4ZM4 13h7v7H4v-7Zm9 0h7v7h-7v-7Z'/%3E%3C/svg%3E");
}
.riz-contact-services-grid .riz-contact-service-card:nth-child(6) .riz-contact-service-icon {
  --trm-contact-service-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M8.7 7.3L4 12l4.7 4.7l1.4-1.4L6.8 12l3.3-3.3l-1.4-1.4Zm6.6 0l-1.4 1.4l3.3 3.3l-3.3 3.3l1.4 1.4L20 12l-4.7-4.7ZM11.1 19h2l2-14h-2l-2 14Z'/%3E%3C/svg%3E");
}

.riz-contact-services-grid .riz-contact-service-card:hover .riz-contact-service-icon,
.riz-contact-service-card:hover .riz-contact-service-icon {
  transform: translateY(-1px) !important;
  border-color: rgba(103, 232, 249, 0.42) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.08),
    0 14px 28px rgba(0,0,0,0.22) !important;
}

html.trm-theme-light body .riz-contact-services .riz-contact-services-grid .riz-contact-service-card .riz-contact-service-top .riz-contact-service-icon,
html.trm-theme-light body .riz-contact-services-grid .riz-contact-service-card .riz-contact-service-top .riz-contact-service-icon,
html.trm-theme-light body .riz-contact-service-card .riz-contact-service-top .riz-contact-service-icon {
  --trm-contact-icon-color: #0f766e;
  --trm-contact-icon-bg-a: rgba(255,255,255,0.94);
  --trm-contact-icon-bg-b: rgba(220,252,231,0.72);
  border-color: rgba(15,118,110,0.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.88),
    0 10px 22px rgba(15,23,42,0.08) !important;
}

@media (max-width: 720px) {
  .riz-contact-services .riz-contact-services-grid .riz-contact-service-card .riz-contact-service-top .riz-contact-service-icon,
  .riz-contact-services-grid .riz-contact-service-card .riz-contact-service-top .riz-contact-service-icon,
  .riz-contact-service-card .riz-contact-service-top .riz-contact-service-icon {
    flex-basis: 42px !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    border-radius: 14px !important;
  }
  .riz-contact-services .riz-contact-services-grid .riz-contact-service-card .riz-contact-service-top .riz-contact-service-icon::before,
  .riz-contact-services-grid .riz-contact-service-card .riz-contact-service-top .riz-contact-service-icon::before,
  .riz-contact-service-card .riz-contact-service-top .riz-contact-service-icon::before {
    width: 23px !important;
    height: 23px !important;
  }
}

@media (min-width: 900px) {
  .trm-blog-comments .comment-form,
  .trm-blog-comments form.comment-form,
  .trm-blog-comments form.trm-modern-comment-form {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: 14px !important;
    row-gap: 14px !important;
    align-items: start !important;
  }
  .trm-blog-comments .comment-notes,
  .trm-blog-comments .comment-form-comment,
  .trm-blog-comments .comment-form-cookies-consent,
  .trm-blog-comments .form-submit,
  .trm-blog-comments .logged-in-as,
  .trm-blog-comments .form-allowed-tags {
    grid-column: 1 / -1 !important;
  }
  .trm-blog-comments .comment-form-author,
  .trm-blog-comments .comment-form-email,
  .trm-blog-comments .comment-form-url {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    display: grid !important;
    gap: 7px !important;
    grid-column: auto !important;
  }
}

@media (max-width: 899px) {
  .trm-blog-comments .comment-form,
  .trm-blog-comments form.comment-form,
  .trm-blog-comments form.trm-modern-comment-form {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  .trm-blog-comments .comment-form-author,
  .trm-blog-comments .comment-form-email,
  .trm-blog-comments .comment-form-url,
  .trm-blog-comments .comment-form-comment,
  .trm-blog-comments .comment-form-cookies-consent,
  .trm-blog-comments .form-submit {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
}

.trm-blog-comments .comment-author {
  position: relative !important;
  min-height: 54px !important;
}
.trm-blog-comments .comment-author::before {
  content: "" !important;
  position: absolute !important;
  inset-inline-start: 0 !important;
  top: 0 !important;
  width: 54px !important;
  height: 54px !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,0.22), transparent 34%),
    linear-gradient(145deg, rgba(4,212,190,0.20), rgba(99,102,241,0.16)) !important;
  border: 1px solid rgba(103, 232, 249, 0.22) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.06) !important;
  z-index: 0 !important;
}
.trm-blog-comments .comment-author .avatar {
  position: relative !important;
  z-index: 1 !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,0.20), transparent 34%),
    linear-gradient(145deg, rgba(4,212,190,0.16), rgba(99,102,241,0.14)) !important;
  object-fit: cover !important;
}
.trm-blog-comments .comment-author .avatar-default,
.trm-blog-comments .comment-author .avatar[src*="d=blank"],
.trm-blog-comments .comment-author .avatar[src*="d=mm"],
.trm-blog-comments .comment-author .avatar[src*="mystery"] {
  opacity: 0.16 !important;
}
html.trm-theme-light body .trm-blog-comments .comment-author::before,
html.trm-theme-light body .trm-blog-comments .comment-author .avatar {
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,0.92), transparent 34%),
    linear-gradient(145deg, rgba(240,253,250,0.92), rgba(238,242,255,0.76)) !important;
  border-color: rgba(15,118,110,0.14) !important;
}


/* =========================================================
   TRM 9.0.04 - Local/default comment avatar only
   Avoid external avatar requests and render a subtle SVG placeholder.
========================================================= */
.trm-blog-comments .comment-author .trm-comment-avatar-img,
.trm-blog-comments .comment-author .trm-comment-avatar-svg {
  width: 54px !important;
  height: 54px !important;
  border-radius: 18px !important;
  margin: 0 !important;
  border: 1px solid rgba(103, 232, 249, 0.24) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,0.18) !important;
  position: relative !important;
  z-index: 1 !important;
}

.trm-blog-comments .comment-author .trm-comment-avatar-img {
  object-fit: cover !important;
  background: rgba(255,255,255,0.02) !important;
}

.trm-blog-comments .comment-author .trm-comment-avatar-svg {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(255,255,255,0.58) !important;
  background: transparent !important;
}

.trm-blog-comments .comment-author .trm-comment-avatar-svg svg {
  width: 62% !important;
  height: 62% !important;
  display: block !important;
}

html.trm-theme-light body .trm-blog-comments .comment-author .trm-comment-avatar-svg {
  color: rgba(15, 23, 42, 0.38) !important;
}


/* TRM 9.0.05 - comment card reply stays at the end of the card */
.trm-blog-comments .comment-body {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}
.trm-blog-comments .comment-meta {
  order: 1 !important;
}
.trm-blog-comments .comment-content,
.trm-blog-comments .comment-body > p {
  order: 2 !important;
}
.trm-blog-comments .reply {
  order: 3 !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  margin-top: 16px !important;
  padding-top: 14px !important;
  border-top: 1px solid var(--trm-token-border, rgba(148, 163, 184, 0.16)) !important;
}
[dir="rtl"] .trm-blog-comments .reply,
html.trm-lang-fa .trm-blog-comments .reply,
body.trm-lang-fa .trm-blog-comments .reply {
  justify-content: flex-start !important;
}
html.trm-lang-en .trm-blog-comments .reply,
body.trm-lang-en .trm-blog-comments .reply {
  justify-content: flex-end !important;
  direction: ltr !important;
  text-align: right !important;
}
.trm-blog-comments .reply a,
.trm-blog-comments .comment-reply-link {
  margin-top: 0 !important;
}

/* TRM 9.0.06 - comment avatar/reply direction polish */
.trm-blog-comments .comment-author::before {
  content: none !important;
  display: none !important;
}
.trm-blog-comments .comment-author .trm-comment-avatar-img,
.trm-blog-comments .comment-author .trm-comment-avatar-svg,
.trm-blog-comments .comment-author .avatar {
  flex: 0 0 54px !important;
  box-sizing: border-box !important;
}
html.trm-lang-fa .trm-blog-comments .reply,
body.trm-lang-fa .trm-blog-comments .reply,
[dir="rtl"] .trm-blog-comments .reply {
  justify-content: flex-end !important;
}
html.trm-lang-fa .trm-blog-comments .reply a,
body.trm-lang-fa .trm-blog-comments .reply a,
[dir="rtl"] .trm-blog-comments .reply a {
  direction: rtl !important;
}
html.trm-lang-en .trm-blog-comments .reply,
body.trm-lang-en .trm-blog-comments .reply {
  justify-content: flex-end !important;
  direction: ltr !important;
}


/* =========================================================
   TRM 9.0.07 - Light theme mobile hamburger menu colors
   The mobile/off-canvas menu needs its own light palette because
   the base mobile menu styles were designed for the dark theme.
========================================================= */
@media (max-width: 780px) {
  html.trm-theme-light body .trm-mobile-menu-button,
  body.trm-theme-light .trm-mobile-menu-button {
    background:
      radial-gradient(circle at top right, rgba(20, 184, 166, 0.14), transparent 44%),
      linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(241, 245, 249, 0.96)) !important;
    border-color: rgba(15, 23, 42, 0.12) !important;
    color: #0f172a !important;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.10), inset 0 1px 0 rgba(255,255,255,0.9) !important;
  }

  html.trm-theme-light body .trm-mobile-menu-button span,
  body.trm-theme-light .trm-mobile-menu-button span {
    background: #0f172a !important;
  }

  html.trm-theme-light body .trm-mobile-menu,
  body.trm-theme-light .trm-mobile-menu {
    background: rgba(248, 250, 252, 0.72) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
  }

  html.trm-theme-light body .trm-mobile-menu-panel,
  body.trm-theme-light .trm-mobile-menu-panel {
    color: #0f172a !important;
    background:
      radial-gradient(circle at top right, rgba(20, 184, 166, 0.10), transparent 35%),
      radial-gradient(circle at bottom left, rgba(59, 130, 246, 0.08), transparent 42%),
      linear-gradient(145deg, rgba(255,255,255,0.99), rgba(248,250,252,0.98)) !important;
    border-color: rgba(15, 23, 42, 0.10) !important;
    box-shadow: -22px 0 62px rgba(15, 23, 42, 0.12) !important;
  }

  html.trm-theme-light body .trm-mobile-menu-top,
  body.trm-theme-light .trm-mobile-menu-top {
    background: linear-gradient(180deg, rgba(255,255,255,0.99), rgba(255,255,255,0.86) 72%, transparent) !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06) !important;
  }

  html.trm-theme-light body .trm-mobile-menu-top strong,
  body.trm-theme-light .trm-mobile-menu-top strong {
    color: #0f172a !important;
  }

  html.trm-theme-light body .trm-mobile-menu-close,
  body.trm-theme-light .trm-mobile-menu-close {
    color: #0f172a !important;
    background:
      radial-gradient(circle at top right, rgba(20, 184, 166, 0.12), transparent 42%),
      linear-gradient(145deg, rgba(255,255,255,0.98), rgba(241,245,249,0.96)) !important;
    border-color: rgba(15, 23, 42, 0.12) !important;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.10), inset 0 1px 0 rgba(255,255,255,0.90) !important;
  }

  html.trm-theme-light body .trm-mobile-link,
  html.trm-theme-light body .trm-mobile-link:visited,
  html.trm-theme-light body .trm-mobile-sub-toggle,
  body.trm-theme-light .trm-mobile-link,
  body.trm-theme-light .trm-mobile-link:visited,
  body.trm-theme-light .trm-mobile-sub-toggle {
    color: #0f172a !important;
    background:
      radial-gradient(circle at top right, rgba(20, 184, 166, 0.07), transparent 42%),
      linear-gradient(145deg, rgba(255,255,255,0.98), rgba(248,250,252,0.94)) !important;
    border-color: rgba(15, 23, 42, 0.10) !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06), inset 0 1px 0 rgba(255,255,255,0.86) !important;
  }

  html.trm-theme-light body .trm-mobile-sub-toggle[aria-expanded="true"],
  html.trm-theme-light body .trm-mobile-link:hover,
  html.trm-theme-light body .trm-mobile-sub-toggle:hover,
  body.trm-theme-light .trm-mobile-sub-toggle[aria-expanded="true"],
  body.trm-theme-light .trm-mobile-link:hover,
  body.trm-theme-light .trm-mobile-sub-toggle:hover {
    color: #0f172a !important;
    background:
      radial-gradient(circle at top right, rgba(20, 184, 166, 0.14), transparent 42%),
      linear-gradient(145deg, rgba(255,255,255,1), rgba(236,253,245,0.88)) !important;
    border-color: rgba(20, 184, 166, 0.34) !important;
  }

  html.trm-theme-light body .trm-mobile-arrow,
  body.trm-theme-light .trm-mobile-arrow {
    border-right-color: rgba(15, 23, 42, 0.74) !important;
    border-bottom-color: rgba(15, 23, 42, 0.74) !important;
  }

  html.trm-theme-light body .trm-mobile-sub-toggle[aria-expanded="true"] .trm-mobile-arrow,
  body.trm-theme-light .trm-mobile-sub-toggle[aria-expanded="true"] .trm-mobile-arrow {
    border-right-color: #0f766e !important;
    border-bottom-color: #0f766e !important;
  }

  html.trm-theme-light body .trm-mobile-submenu,
  body.trm-theme-light .trm-mobile-submenu {
    background:
      radial-gradient(circle at top right, rgba(20, 184, 166, 0.08), transparent 36%),
      linear-gradient(145deg, rgba(255,255,255,0.98), rgba(241,245,249,0.94)) !important;
    border-color: rgba(15, 23, 42, 0.10) !important;
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.10), inset 0 1px 0 rgba(255,255,255,0.82) !important;
  }

  html.trm-theme-light body .trm-mobile-main-link,
  html.trm-theme-light body .trm-mobile-main-link:visited,
  html.trm-theme-light body .trm-mobile-item,
  html.trm-theme-light body .trm-mobile-item:visited,
  body.trm-theme-light .trm-mobile-main-link,
  body.trm-theme-light .trm-mobile-main-link:visited,
  body.trm-theme-light .trm-mobile-item,
  body.trm-theme-light .trm-mobile-item:visited {
    color: #0f172a !important;
    background:
      radial-gradient(circle at top right, rgba(20, 184, 166, 0.055), transparent 40%),
      linear-gradient(145deg, rgba(255,255,255,0.98), rgba(248,250,252,0.94)) !important;
    border-color: rgba(15, 23, 42, 0.09) !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.055), inset 0 1px 0 rgba(255,255,255,0.86) !important;
  }

  html.trm-theme-light body .trm-mobile-main-link,
  body.trm-theme-light .trm-mobile-main-link {
    border-color: rgba(20, 184, 166, 0.30) !important;
    background:
      radial-gradient(circle at top right, rgba(20, 184, 166, 0.12), transparent 40%),
      linear-gradient(145deg, rgba(255,255,255,1), rgba(236,253,245,0.86)) !important;
  }

  html.trm-theme-light body .trm-mobile-icon,
  body.trm-theme-light .trm-mobile-icon {
    color: #0f766e !important;
    background:
      radial-gradient(circle at top right, rgba(20, 184, 166, 0.18), transparent 42%),
      linear-gradient(145deg, rgba(240,253,250,0.98), rgba(224,242,254,0.94)) !important;
    border-color: rgba(20, 184, 166, 0.22) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.88), 0 8px 18px rgba(15,23,42,0.06) !important;
  }

  html.trm-theme-light body .trm-mobile-copy strong,
  body.trm-theme-light .trm-mobile-copy strong {
    color: #0f172a !important;
  }

  html.trm-theme-light body .trm-mobile-copy small,
  body.trm-theme-light .trm-mobile-copy small {
    color: rgba(51, 65, 85, 0.76) !important;
  }
}


/* =========================================================
   TRM 9.0.08 - Mobile submenu main item icon label
   The "All products/services" mobile submenu entries use a real icon label.
========================================================= */
@media (max-width: 920px) {
  .trm-mobile-main-link .trm-mobile-main-icon-all {
    font-size: 10px !important;
    font-weight: 950 !important;
    letter-spacing: .55px !important;
    text-transform: uppercase !important;
  }
}

/* =========================================================
   TRM 9.0.09 - Public single Team / FAQ templates
   Keeps sitemap-indexable internal content types on the new plugin shell.
========================================================= */
.trm-single-entity-shell {
  min-height: 100vh;
  background:
    radial-gradient(circle at top right, rgba(20,184,166,0.14), transparent 38%),
    radial-gradient(circle at bottom left, rgba(59,130,246,0.12), transparent 42%),
    var(--trm-bg, #06111d);
  color: var(--trm-text, #f8fafc);
}

.trm-single-entity-main {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
  padding: clamp(54px, 8vw, 96px) 0 clamp(64px, 9vw, 110px);
}

.trm-single-entity-card {
  position: relative;
  overflow: hidden;
  border-radius: 34px;
  border: 1px solid rgba(148,163,184,0.18);
  background:
    radial-gradient(circle at top left, rgba(20,184,166,0.13), transparent 38%),
    linear-gradient(145deg, rgba(15,23,42,0.86), rgba(2,6,23,0.68));
  box-shadow: 0 28px 80px rgba(0,0,0,0.32), inset 0 1px 0 rgba(255,255,255,0.06);
  backdrop-filter: blur(18px);
}

.trm-single-team-card {
  display: grid;
  grid-template-columns: minmax(260px, 360px) 1fr;
  gap: clamp(24px, 4vw, 48px);
  align-items: center;
  padding: clamp(22px, 4vw, 46px);
}

.trm-single-team-media {
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 30px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.15);
  background: linear-gradient(145deg, rgba(20,184,166,0.16), rgba(59,130,246,0.12));
  box-shadow: 0 22px 48px rgba(0,0,0,0.28);
}

.trm-single-team-media img,
.trm-single-team-placeholder {
  width: 100%;
  height: 100%;
  display: block;
}

.trm-single-team-media img {
  object-fit: cover;
}

.trm-single-team-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(66px, 10vw, 118px);
  font-weight: 950;
  color: rgba(255,255,255,0.72);
}

.trm-single-entity-kicker {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding: 8px 13px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .02em;
  color: #67e8f9;
  background: rgba(20,184,166,0.12);
  border: 1px solid rgba(103,232,249,0.20);
  margin-bottom: 15px;
}

.trm-single-team-copy h1,
.trm-single-faq-copy h1 {
  margin: 0;
  font-size: clamp(32px, 5vw, 58px);
  line-height: 1.12;
  letter-spacing: -0.035em;
  color: #fff;
}

.trm-single-team-role {
  margin: 12px 0 0;
  color: #5eead4;
  font-weight: 850;
  font-size: clamp(17px, 2vw, 22px);
}

.trm-single-team-summary,
.trm-single-faq-answer {
  margin: 18px 0 0;
  font-size: clamp(15px, 1.6vw, 18px);
  line-height: 2;
  color: rgba(226,232,240,0.82);
}

.trm-single-team-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.trm-single-team-tags span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 13px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  color: rgba(240,253,250,0.94);
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.12);
}

.trm-single-entity-text {
  margin-top: 20px;
  padding: clamp(22px, 4vw, 42px);
}

.trm-single-entity-text h2 {
  margin: 0 0 12px;
  color: #fff;
  font-size: clamp(22px, 3vw, 34px);
}

.trm-single-entity-text p {
  margin: 0 0 12px;
  color: rgba(226,232,240,0.82);
  line-height: 2;
}

.trm-single-faq-card {
  display: grid;
  grid-template-columns: 92px 1fr;
  gap: clamp(18px, 3vw, 34px);
  padding: clamp(24px, 4vw, 48px);
  align-items: start;
}

.trm-single-faq-mark {
  width: 78px;
  height: 78px;
  border-radius: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 42px;
  font-weight: 950;
  color: #06111d;
  background: linear-gradient(135deg, #5eead4, #93c5fd);
  box-shadow: 0 18px 38px rgba(20,184,166,0.26);
}

.trm-single-faq-answer p {
  margin: 0 0 14px;
}

.trm-single-entity-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 24px;
}

html.trm-theme-light body .trm-single-entity-shell,
body.trm-theme-light .trm-single-entity-shell {
  background:
    radial-gradient(circle at top right, rgba(20,184,166,0.12), transparent 36%),
    radial-gradient(circle at bottom left, rgba(59,130,246,0.10), transparent 40%),
    #f8fafc;
  color: #0f172a;
}

html.trm-theme-light body .trm-single-entity-card,
body.trm-theme-light .trm-single-entity-card {
  background: linear-gradient(145deg, rgba(255,255,255,0.98), rgba(248,250,252,0.90));
  border-color: rgba(15,23,42,0.09);
  box-shadow: 0 24px 62px rgba(15,23,42,0.10), inset 0 1px 0 rgba(255,255,255,0.92);
}

html.trm-theme-light body .trm-single-team-copy h1,
html.trm-theme-light body .trm-single-faq-copy h1,
html.trm-theme-light body .trm-single-entity-text h2,
body.trm-theme-light .trm-single-team-copy h1,
body.trm-theme-light .trm-single-faq-copy h1,
body.trm-theme-light .trm-single-entity-text h2 {
  color: #0f172a;
}

html.trm-theme-light body .trm-single-team-summary,
html.trm-theme-light body .trm-single-faq-answer,
html.trm-theme-light body .trm-single-entity-text p,
body.trm-theme-light .trm-single-team-summary,
body.trm-theme-light .trm-single-faq-answer,
body.trm-theme-light .trm-single-entity-text p {
  color: rgba(51,65,85,0.82);
}

html.trm-theme-light body .trm-single-entity-kicker,
body.trm-theme-light .trm-single-entity-kicker {
  color: #0f766e;
  background: rgba(20,184,166,0.10);
  border-color: rgba(20,184,166,0.18);
}

html.trm-theme-light body .trm-single-team-tags span,
body.trm-theme-light .trm-single-team-tags span {
  color: #0f766e;
  background: rgba(20,184,166,0.08);
  border-color: rgba(20,184,166,0.15);
}

@media (max-width: 780px) {
  .trm-single-entity-main {
    width: min(100% - 24px, 720px);
    padding-top: 34px;
  }
  .trm-single-team-card,
  .trm-single-faq-card {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .trm-single-team-media {
    width: min(100%, 320px);
    margin-inline: auto;
  }
  .trm-single-entity-kicker,
  .trm-single-team-tags,
  .trm-single-entity-actions {
    margin-inline: auto;
    justify-content: center;
  }
  .trm-single-faq-mark {
    margin-inline: auto;
  }
}

/* =========================================================
   TRM 9.0.11 - Team / FAQ single card width and top gap correction
   Reverts the aggressive parent-wrapper styling from 9.0.10.
   The parent keeps the normal page flow; spacing is applied to the real card.
========================================================= */
body.trm-single-team-page .trm-single-entity-main,
body.trm-single-faq-page .trm-single-entity-main {
  width: min(1220px, calc(100% - 32px)) !important;
  max-width: 1220px !important;
  margin-inline: auto !important;
  padding-top: clamp(54px, 8vw, 96px) !important;
  padding-bottom: clamp(52px, 7vw, 90px) !important;
}

body.trm-single-team-page .trm-single-team-card,
body.trm-single-faq-page .trm-single-faq-card {
  margin-top: 16px !important;
}

body.trm-single-team-page .trm-single-entity-card,
body.trm-single-faq-page .trm-single-entity-card {
  max-width: 100% !important;
}

body.trm-single-team-page .trm-single-team-card {
  grid-template-columns: minmax(260px, 360px) 1fr !important;
}

body.trm-single-faq-page .trm-single-faq-card {
  grid-template-columns: 92px 1fr !important;
}

body.trm-single-team-page .trm-single-entity-actions,
body.trm-single-faq-page .trm-single-entity-actions {
  margin-top: 24px !important;
  margin-bottom: 0 !important;
}

@media (max-width: 780px) {
  body.trm-single-team-page .trm-single-entity-main,
  body.trm-single-faq-page .trm-single-entity-main {
    width: min(100% - 24px, 720px) !important;
    max-width: 720px !important;
    padding-top: 34px !important;
    padding-bottom: 34px !important;
  }

  body.trm-single-team-page .trm-single-team-card,
  body.trm-single-faq-page .trm-single-faq-card {
    margin-top: 16px !important;
    grid-template-columns: 1fr !important;
  }
}