/* ============================================================
   VYROX Design v5 — MINIMAL overrides
   Only fonts, colors, nav, footer. NO layout changes.
   Let Colibri handle columns/rows/gutters.
   ============================================================ */

/* --- TYPOGRAPHY --- */
body, #colibri, body p, #colibri p, textarea {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
}
body a, #colibri a {
  text-decoration: none !important;
}
body a:hover, #colibri a:hover,
a:hover, a:focus {
  text-decoration: none !important;
}

/* Headings — tighter tracking, consistent color */
#colibri h1, body h1 {
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  color: #1d1d1f !important;
}
#colibri h2, body h2 {
  font-weight: 600 !important;
  letter-spacing: -0.015em !important;
  color: #1d1d1f !important;
}
#colibri h3, body h3 {
  font-weight: 600 !important;
  color: #1d1d1f !important;
}
#colibri h4, body h4,
#colibri h5, body h5,
#colibri h6, body h6 {
  font-weight: 600 !important;
  color: #1d1d1f !important;
}

/* Body text in content areas — Apple gray */
.h-text p, .h-text-component p,
#colibri .h-text p, #colibri .h-text-component p {
  color: #86868b !important;
}

/* --- NAVIGATION — Glass bar --- */
.h-navigation,
.h-navigation.h-navigation,
#colibri .style-541,
.h-navigation_sticky {
  background: rgba(255,255,255,0.8) !important;
  backdrop-filter: saturate(180%) blur(20px) !important;
  -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
  border-bottom: 1px solid rgba(0,0,0,0.06) !important;
}
.h-logo__text, .logo-text, #colibri .h-logo__text {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #1d1d1f !important;
  letter-spacing: -0.02em !important;
}
.colibri-menu > li > a, #colibri .colibri-menu > li > a {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #333 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.colibri-menu > li > a:hover, #colibri .colibri-menu > li > a:hover {
  color: #000 !important;
}

/* --- APPS SECTION --- */
#apps-heading {
  color: #1d1d1f !important;
}
[data-colibri-id="5-c8"] p {
  color: #86868b !important;
}
/* Hide dated overlays */
[data-colibri-id="5-c5"] svg { display: none !important; }
.style-332-frameImage { display: none !important; }

/* App icon grid tweaks */
.image-grid {
  grid-gap: 16px 8px !important;
}
.image-item {
  border-radius: 10px !important;
  transition: background 0.2s !important;
}
.image-item:hover {
  background: #f5f5f7 !important;
}
.image-label {
  font-size: 12px !important;
  color: #86868b !important;
}

/* --- BUTTONS --- */
.h-button, [class*="style-"] .h-button,
a.h-button, button.h-button, #colibri .h-button {
  background: #0071e3 !important;
  background-image: none !important;
  color: #fff !important;
  border: none !important;
  border-radius: 980px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}
.h-button:hover, a.h-button:hover, #colibri .h-button:hover {
  background: #0077ed !important;
  box-shadow: none !important;
}

/* --- SECTION BACKGROUNDS --- */
#technologies { background: #f5f5f7 !important; }
#testimonials { background: #f5f5f7 !important; padding: 80px 0 !important; }
#consulting { background: #fff !important; }

/* --- TECHNOLOGIES --- */
.apple-section-header h2 { color: #1d1d1f !important; }
.apple-product-card, .apple-product-image-wrapper {
  border-radius: 18px !important;
}
#consulting .content-swap {
  border-radius: 14px !important;
  overflow: hidden !important;
}

/* --- TESTIMONIALS --- */
#testimonials .apple-testimonials h2 {
  color: #1d1d1f !important;
  margin-top: 0 !important;
}
@media (max-width: 767px) {
  #testimonials { padding: 48px 0 !important; }
}

/* --- FOOTER --- */
.page-footer .h-section, #colibri .page-footer .h-section {
  background: #1d1d1f !important;
}
.page-footer .h-text, .page-footer address,
.page-footer .h-text-component, .page-footer .h-text p,
#colibri .page-footer .h-text, #colibri .page-footer address {
  color: rgba(255,255,255,0.5) !important;
  font-size: 13px !important;
}
.page-footer a, #colibri .page-footer a {
  color: rgba(255,255,255,0.65) !important;
}
.page-footer a:hover, #colibri .page-footer a:hover {
  color: #fff !important;
}
.page-footer .h-icon__icon svg, .page-footer .h-social-icon svg {
  fill: rgba(255,255,255,0.5) !important;
}
.page-footer .h-social-icon:hover svg { fill: #fff !important; }

/* --- HIDE DATED --- */
#fb_bgg { display: none !important; }

/* --- TRANSITIONS --- */
#colibri [class*=style-],
#colibri [class*=local-style-],
.h-global-transition-all, .h-global-transition-all * {
  transition-duration: 0.3s !important;
}

/* --- GLOBAL --- */
html { scroll-behavior: smooth; }
::selection { background: rgba(0,113,227,0.15); color: #1d1d1f; }