/*
 * TryyCart final visual system.
 *
 * This is the last theme presentation layer. It scopes contrast and layout
 * corrections to the canonical site chrome and known page surfaces so the
 * WooCommerce and TryyCart Core data/behaviour layers remain untouched.
 */

:root {
  --tc-system-navy: #0b1b39;
  --tc-system-navy-2: #132f5d;
  --tc-system-orange: #ff6514;
  --tc-system-blue: #2867df;
  --tc-system-ink: #13243e;
  --tc-system-muted: #53657e;
  --tc-system-page: #f4f7fb;
  --tc-system-line: #d7e3f1;
}

/* One genuinely shared, non-overlapping header on every page. */
body .tc-site-chrome.tc-site-chrome .tc-utility-inner,
body .tc-site-chrome.tc-site-chrome .tc-nav-inner {
  max-width: 1440px;
}

body .tc-site-chrome.tc-site-chrome .tc-main-header {
  background: #fff;
}

body .tc-site-chrome.tc-site-chrome .tc-nav-inner {
  grid-template-columns: 170px minmax(0, 1fr) 268px;
  gap: 18px;
}

body .tc-site-chrome.tc-site-chrome .tc-desktop-nav {
  position: relative;
  z-index: 1;
  max-width: 100%;
  flex-wrap: nowrap;
}

body .tc-site-chrome.tc-site-chrome .tc-nav-actions {
  position: relative;
  z-index: 2;
  width: 268px;
  min-width: 268px;
  padding-left: 8px;
  background: #fff;
  box-shadow: -12px 0 18px rgba(255, 255, 255, 0.96);
}

body .tc-site-chrome.tc-site-chrome .tc-nav-actions .icon-action {
  border-color: #cfdae8;
  background: #f4f8fc;
}

body .tc-site-chrome.tc-site-chrome .icon-action .badge[hidden] {
  display: none !important;
}

/* Keep all labels, but remove decorative menu icons before space gets tight. */
@media (max-width: 1420px) and (min-width: 1121px) {
  body .tc-site-chrome.tc-site-chrome .tc-nav-inner {
    grid-template-columns: 160px minmax(0, 1fr) 260px;
    gap: 14px;
  }

  body .tc-site-chrome.tc-site-chrome .tc-desktop-nav {
    width: 100%;
    justify-content: center;
    justify-self: stretch;
  }

  body .tc-site-chrome.tc-site-chrome .tc-desktop-nav a {
    gap: 0;
    min-width: 0;
    padding-inline: 9px;
  }

  body .tc-site-chrome.tc-site-chrome .tc-desktop-nav i {
    display: none !important;
  }

  body .tc-site-chrome.tc-site-chrome .tc-nav-actions {
    width: 260px;
    min-width: 260px;
  }
}

@media (max-width: 1260px) and (min-width: 1121px) {
  body .tc-site-chrome.tc-site-chrome .tc-nav-inner {
    grid-template-columns: 150px minmax(0, 1fr) 220px;
    gap: 12px;
  }

  body .tc-site-chrome.tc-site-chrome .tc-nav-actions {
    width: 220px;
    min-width: 220px;
  }

  body .tc-site-chrome.tc-site-chrome .login-link {
    display: none !important;
  }
}

@media (max-width: 1120px) {
  body .tc-site-chrome.tc-site-chrome .tc-nav-inner {
    display: flex;
    justify-content: space-between;
  }

  body .tc-site-chrome.tc-site-chrome .tc-desktop-nav {
    display: none !important;
  }

  body .tc-site-chrome.tc-site-chrome .tc-nav-actions {
    width: auto;
    min-width: max-content;
    padding-left: 0;
    box-shadow: none;
  }

  body .tc-site-chrome.tc-site-chrome .menu-button {
    display: inline-flex !important;
  }
}

/* Shared page surfaces and typography. */
body.tryycart-global-theme :is(.tc-wp-main, .tc-service-workspace) {
  background: var(--tc-system-page);
}

body.tryycart-global-theme
  :is(.tc-service-page, .tc-wp-main, .woocommerce)
  :is(h2, h3, h4) {
  line-height: 1.16;
}

body.tryycart-global-theme .placeholder-hero h1,
body.tryycart-global-theme .tc-site-footer h4 {
  color: #fff !important;
}

body.tryycart-global-theme
  :is(
    .problem-section,
    .comparison,
    .hiw-hero,
    .final-cta,
    .checkout-hero,
    .about-way
  )
  :is(h1, h2, h3, h4) {
  color: #fff;
}

/* Order from India, Book Courier and rate pages share one service language. */
body.tryycart-global-theme.tryycart-service-page .tc-service-hero {
  background-color: var(--tc-system-navy);
  background-image:
    radial-gradient(
      circle at 1px 1px,
      rgba(112, 150, 214, 0.22) 1px,
      transparent 0
    ),
    radial-gradient(
      circle at 76% 22%,
      rgba(67, 78, 200, 0.28),
      transparent 34%
    ),
    linear-gradient(135deg, #091a36, #172e5b);
  color: #fff;
}

body.tryycart-global-theme.tryycart-service-page
  .tc-service-hero
  .tc-hero-copy
  h1 {
  color: #fff !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.16);
}

body.tryycart-global-theme.tryycart-service-page
  .tc-service-hero
  .tc-hero-copy
  h1
  :is(span, small) {
  color: #ff7a29 !important;
}

body.tryycart-global-theme.tryycart-service-page
  .tc-service-hero
  .tc-hero-copy
  > p {
  color: #dbe8fb !important;
}

body.tryycart-global-theme.tryycart-service-page
  .tc-service-hero
  :is(
    .tc-provider-pills span,
    .tc-route-visual strong,
    .tc-courier-benefits strong
  ) {
  color: #fff;
}

body.tryycart-global-theme.tryycart-service-page
  .tc-service-hero
  :is(.tc-route-visual small, .tc-courier-benefits small) {
  color: #c8d8ef;
}

body.tryycart-global-theme.tryycart-service-page
  :is(.tc-panel, .tc-confidence, .tc-service-faq)
  :is(h2, h3) {
  color: var(--tc-system-ink);
}

body.tryycart-global-theme.tryycart-service-page
  :is(.tc-courier-compare, .tc-compare-grid, .tc-why-card)
  :is(h2, h3) {
  color: #fff !important;
}

body.tryycart-global-theme.tryycart-service-page
  .tc-courier-aside
  :is(section:first-child, .tc-estimator, .tc-prohibited-card, .tc-why-card)
  h3 {
  color: #fff !important;
}

body.tryycart-global-theme.tryycart-service-page
  .tc-courier-metrics
  :is(strong, small, em) {
  color: #fff;
}

body.tryycart-global-theme.tryycart-service-page
  :is(.tc-panel, .tc-benefit-grid article, .tc-service-faq details) {
  border-color: var(--tc-system-line);
}

/* Authentication and account portal contrast follows the same rules. */
body.tryycart-global-theme.tryycart-auth-page .tc-auth-intro :is(h1, p, li),
body.tryycart-global-theme.tryycart-account-page
  .tc-account-welcome
  :is(h2, p, b, small) {
  color: #fff !important;
}

body.tryycart-global-theme.tryycart-auth-page .tc-auth-intro p,
body.tryycart-global-theme.tryycart-account-page .tc-account-welcome p {
  color: #d7e6fb !important;
}

@media (max-width: 700px) {
  body.tryycart-global-theme.tryycart-service-page .tc-service-hero {
    padding-block: 42px;
  }

  body.tryycart-global-theme.tryycart-service-page
    .tc-service-hero
    .tc-hero-copy
    h1 {
    font-size: clamp(2.35rem, 12vw, 3rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  body .tc-site-chrome.tc-site-chrome *,
  body.tryycart-global-theme .tc-service-page * {
    scroll-behavior: auto !important;
  }
}