/* =============================================
   Orbito — Corporate Color Palette & Brand Styles
   ============================================= */

:root {
  --orbito-green-light: #07FB5C;
  --orbito-green:       #01C347;
  --orbito-irish-green: #008B32;
  --orbito-dark-green:  #01551D;
  --orbito-black-green: #001C06;

  /* Override template accent with Orbito green */
  --accent: #01C347;
  --accent-rgb: 1, 195, 71;
}

/* --- Logo text --- */
.mxd-logo__text {
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 16px;
  line-height: 1;
  color: var(--orbito-green);
}

/* --- Loader counter --- */
.count__text,
.count__percent {
  color: var(--orbito-green) !important;
}

/* --- Hero availability mark dot --- */
.mark-icon {
  background-color: var(--orbito-green-light) !important;
  box-shadow: 0 0 0 5px rgba(7, 251, 92, 0.2) !important;
}

/* --- Accent buttons (showreel play, round accent) --- */
.btn-accent {
  background-color: var(--orbito-green) !important;
  color: var(--orbito-black-green) !important;
  border-color: var(--orbito-green) !important;
}

.btn-accent:hover {
  background-color: var(--orbito-irish-green) !important;
  border-color: var(--orbito-irish-green) !important;
}

/* --- Outline CTA button (header "Contattaci") hover accent --- */
.btn-outline:hover {
  border-color: var(--orbito-green) !important;
  color: var(--orbito-green) !important;
}

/* --- Services & cards with bg-accent --- */
.bg-accent {
  background-color: var(--orbito-green) !important;
}

/* Round buttons inside accent cards */
.bg-accent .btn-base {
  background-color: var(--orbito-black-green) !important;
  color: var(--orbito-green-light) !important;
}

.bg-accent .btn-base:hover {
  background-color: var(--orbito-dark-green) !important;
}

/* Text inside accent cards */
.bg-accent .t-opposite,
.bg-accent p.opposite {
  color: var(--orbito-black-green) !important;
}

/* Tags inside accent cards */
.bg-accent .tag-outline-opposite {
  border-color: rgba(1, 85, 29, 0.5) !important;
  color: var(--orbito-black-green) !important;
}

/* --- Additional brand color on interactive/hover states --- */
.footer-nav__link:hover .btn-caption,
.main-menu__link:hover .btn-caption {
  color: var(--orbito-green) !important;
}

.footer-socials__link:hover {
  color: var(--orbito-green) !important;
}

.mxd-links-lines__link:hover .mxd-links-lines__title,
.mxd-links-lines__link:hover .mxd-links-lines__icon {
  color: var(--orbito-green) !important;
}

/* --- Footer brand wordmark --- */
.orbito-footer-wordmark {
  font-size: clamp(72px, 16vw, 200px);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -0.02em;
  color: var(--orbito-green);
  opacity: 0.12;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  padding: 0.1em 4vw 0.2em;
}

/* --- Scrollbar accent (webkit) --- */
::-webkit-scrollbar-thumb {
  background-color: var(--orbito-irish-green);
}