/* =============================================================================
   h7mail-overrides.css — Fonte Graphik + Correcções de cor de branding
   Sobrepõe estilos Webflow sem alterar o CSS original
   ============================================================================= */

/* --- Fonte Graphik --- */
@font-face {
  font-family: 'Graphik';
  src: url('../fonts/Graphik-Regular-Web.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik';
  src: url('../fonts/Graphik-Medium-Web.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik';
  src: url('../fonts/Graphik-Semibold-Web.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Graphik';
  src: url('../fonts/Graphik-Bold-Web.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Aplicar Graphik como fonte principal (substituir Inter) */
body, .body-text, .heading, .nav-link, .button-text, .vertical-menu-title,
.vertical-menu-link, .dropdown-menu-item---navbar, .tagline, .pricing-card-title,
.faq-question, .toggle-text, .footer, .footer-bottom, .price, .currency-span,
.mzn-text, .text-plans, .feature-text, .text-block, h1, h2, h3, h4, h5, h6, p,
li, a, div, span, input, textarea, select, button {
  font-family: 'Graphik', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* Preservar Material Icons — NUNCA sobrepor com Graphik */
.material-icons,
.material-icons-outlined,
.material-icons-two-tone,
.material-icons-round,
.material-icons-sharp {
  font-family: 'Material Icons' !important;
}
.material-icons-outlined {
  font-family: 'Material Icons Outlined' !important;
}
.material-icons-two-tone {
  font-family: 'Material Icons Two Tone' !important;
}
.material-icons-round {
  font-family: 'Material Icons Round' !important;
}
.material-icons-sharp {
  font-family: 'Material Icons Sharp' !important;
}

/* --- Cards do blog: altura uniforme + hover --- */
.blog-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform 200ms ease, box-shadow 200ms ease;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}
.blog-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
.blog-card .body-text {
  flex: 1;
}

/* Cards da ajuda: hover */
.ajuda-card {
  transition: transform 200ms ease, box-shadow 200ms ease;
  cursor: pointer;
}
.ajuda-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.10);
}

/* --- Correcção de cores: roxo/índigo Webflow → azul H7Mail #007cc3 --- */

/* Dropdown menu item seleccionado */
.dropdown-menu-item---navbar.w--current {
  background-color: #007cc3 !important;
  color: #fff !important;
}
.dropdown-menu-item.w--current {
  background-color: #007cc3 !important;
  color: #fff !important;
}

/* Botões outline e focus states */
.button.medium.outline:focus,
.button.medium.secondary:focus,
.button.medium.secondary:active,
.button-fluid.medium.outline:focus {
  color: #007cc3;
}
.button.medium.secondary:active,
.button-fluid.medium.outline:active {
  background-color: #e6f3fb;
  color: #005a8e;
}

/* Nav dropdown open state */
.nav-link.nav-link-dropdown.w--open {
  color: #007cc3;
}
.nav-link.nav-link-dropdown.color-inverse.w--open {
  color: #4db3e6;
}

/* Outline buttons — box-shadow border */
.button.outline:focus,
.button.outline:active {
  box-shadow: inset 0 0 0 1px #007cc3;
  color: #007cc3;
}

/* Toggle (pricing) */
.toggle-dot {
  background-color: #007cc3;
}

/* Links focus/active */
a:focus, a:active {
  color: #007cc3;
}

/* Override all remaining Webflow indigo tones */
.c-t-primary-40 { color: #4db3e6 !important; }
.c-t-primary-50 { color: #007cc3 !important; }
.c-b-primary-40 { background-color: #b3ddf2 !important; }
.c-b-primary-50 { background-color: #007cc3 !important; }