/*
Theme Name: EGMEX Child
Template: astra
Version: 1.0
Description: Child theme for EGMEX with Inter font and custom styles
*/
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");

:root {
  --egmex-blue: #1B6CA8;
  --egmex-blue-dark: #0D3F6B;
  --egmex-blue-deep: #082C50;
  --egmex-gold: #F5C200;
  --egmex-gold-dark: #D4A900;
}

body, .ast-separate-container {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* Remove Astra header/footer when Xpro takes over */
.ast-above-header-wrap, .ast-primary-header-bar, .ast-below-header-wrap,
.site-footer, .ast-site-footer-wrap {
  display: none !important;
}

/* Ensure Elementor containers display correctly */
.elementor-container {
  max-width: 1200px;
  margin: 0 auto;
}

/* Header sticky behavior */
#egmex-header-inner {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: rgba(255,255,255,0.97);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(27,108,168,0.12);
  max-width: 100% !important;
  width: 100% !important;
  display: flex;
  justify-content: center;
}

/* Page top padding to account for sticky header */
.elementor-page > .elementor > .elementor-section-wrap > .e-con:first-child,
.elementor-page > .elementor > .e-con:first-child {
  margin-top: 72px;
}

/* WPForms Styling - EGMEX brand colors */
.wpforms-container .wpforms-form input[type=text],
.wpforms-container .wpforms-form input[type=email],
.wpforms-container .wpforms-form input[type=tel],
.wpforms-container .wpforms-form select,
.wpforms-container .wpforms-form textarea {
  font-family: "Inter", sans-serif !important;
  font-size: 15px !important;
  padding: 12px 16px !important;
  border: 2px solid #E8EEF5 !important;
  border-radius: 10px !important;
  background: #F4F7FB !important;
  color: #0F1B2D !important;
  transition: all 0.3s ease !important;
  width: 100% !important;
}

.wpforms-container .wpforms-form input:focus,
.wpforms-container .wpforms-form select:focus,
.wpforms-container .wpforms-form textarea:focus {
  border-color: #1B6CA8 !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 4px rgba(27,108,168,0.1) !important;
  outline: none !important;
}

.wpforms-container .wpforms-form .wpforms-submit {
  font-family: "Inter", sans-serif !important;
  background: linear-gradient(135deg, #1B6CA8, #0D3F6B) !important;
  color: #ffffff !important;
  border: none !important;
  padding: 14px 28px !important;
  border-radius: 10px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  width: 100% !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 16px rgba(27,108,168,0.3) !important;
}

.wpforms-container .wpforms-form .wpforms-submit:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(27,108,168,0.4) !important;
}

.wpforms-container .wpforms-form label {
  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #0D3F6B !important;
  margin-bottom: 6px !important;
}

.wpforms-container .wpforms-field {
  margin-bottom: 18px !important;
}

/* Xpro icon box improvements */
.xpro-icon-box-wrapper {
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.xpro-icon-box-wrapper:hover {
  transform: translateY(-4px) !important;
}

/* Responsive */
@media (max-width: 768px) {
  .e-con.e-flex { flex-direction: column !important; }
  .xpro-horizontal-menu-wrapper .xpro-nav-menu { display: none; }
}