/* =============================================
   INOTEK - COMPLETE CSS FIX v6
   ============================================= */

/* === GRADIENT TEXT FIX (removes blue box) === */
.elementor-heading-title span[style*="background"],
.elementor-heading-title span[style*="gradient"],
h1 span[style*="background"], h2 span[style*="background"],
h3 span[style*="background"] {
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-color: transparent !important;
  display: inline !important;
}

/* === WIDEN CONTAINER for icon-box sections (5+ columns) === */
/* Make sections with many columns use full width */
.elementor-section-boxed > .elementor-container {
  max-width: 1400px !important;
}

/* === REDUCE COLUMN PADDING so text has more space === */
.elementor-column > .elementor-widget-wrap {
  padding: 10px 12px !important;
}
/* Hero section: no extra padding */
.elementor-section:first-of-type .elementor-column > .elementor-widget-wrap {
  padding: 0 !important;
}

/* === ICON BOX: left-align and readable text === */
.elementor-icon-box-wrapper {
  text-align: left !important;
  align-items: flex-start !important;
  flex-direction: column !important;
}
.elementor-icon-box-content {
  text-align: left !important;
  width: 100% !important;
}
.elementor-icon-box-title,
.elementor-icon-box-title a {
  text-align: left !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  display: block !important;
  margin-bottom: 8px !important;
}
.elementor-icon-box-description {
  text-align: left !important;
  font-size: 13px !important;
  line-height: 1.75 !important;
  color: #94a3b8 !important;
}
.elementor-icon-box-icon { margin-bottom: 14px !important; }

/* === HIDE PAGE TITLE (WP auto-inserts this above Elementor content) === */
.elementor-page .entry-title,
.elementor-page .page-title,
.elementor-page .entry-header,
h1.entry-title,
.page-title-container,
.page-header { display: none !important; }
.elementor-location-header .entry-title { display: none !important; }

/* === HEADER NAV === */
.elementor-location-header .widget_nav_menu .menu,
.inotek-nav .menu {
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-end !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-wrap: nowrap !important;
}
.elementor-location-header .widget_nav_menu .menu li a,
.inotek-nav .menu li a {
  color: #94a3b8 !important;
  font-family: Inter, sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 8px 12px !important;
  text-decoration: none !important;
  transition: color .3s !important;
  white-space: nowrap !important;
}
.elementor-location-header .widget_nav_menu .menu li a:hover,
.elementor-location-header .widget_nav_menu .menu li.current-menu-item a,
.inotek-nav .menu li a:hover { color: #ffffff !important; }
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li > a {
  color: #94a3b8 !important; font-size: 13px !important; padding: 8px 12px !important;
}
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li > a:hover,
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li.current-menu-item > a {
  color: #ffffff !important;
}
.elementor-location-header .elementor-nav-menu--main { justify-content: flex-end !important; }

/* === SITE LOGO SIZE === */
.elementor-site-logo img, .custom-logo {
  height: 36px !important;
  width: auto !important;
  max-width: 200px !important;
}

/* === BACKGROUNDS === */
body { background-color: #0A173A !important; }
.elementor-location-header { background-color: #060E28 !important; }
.elementor-location-footer { background-color: #060E28 !important; }

/* === REPORTS PAGE - REPORT TYPES: 2x2 grid layout === */
/* Hide the left title column, make cards go full width in 2x2 */
[data-id="634e5f51"] .elementor-container {
  flex-wrap: wrap !important;
  max-width: 1100px !important;
}
/* Hide the title column (first col) */

/* Make each card column 50% width */
[data-id="140d658a"],
[data-id="35b48d17"],
[data-id="7ceb05d0"],
[data-id="3b0de81a"] {
  width: 50% !important;
  max-width: 50% !important;
}

/* === STANDARD DELIVERABLES: center title + 4-col cards === */
/* Hide left title col */

/* Make deliverable cards equal width */
[data-id="2727fb0c"],
[data-id="73dc3911"],
[data-id="2972dbcc"],
[data-id="71141658"] {
  width: 25% !important;
  max-width: 25% !important;
}
/* Button col full width centered */
[data-id="44fa65cd"] {
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
}


/* === REPORTS PAGE - REPORT TYPES: 2x2 grid layout === */

[data-id="140d658a"],
[data-id="35b48d17"],
[data-id="7ceb05d0"],
[data-id="3b0de81a"] {
  width: 50% !important;
  max-width: 50% !important;
}

/* === STANDARD DELIVERABLES: 4-col cards + centered button === */

[data-id="2727fb0c"],
[data-id="73dc3911"],
[data-id="2972dbcc"],
[data-id="71141658"] {
  width: 25% !important;
  max-width: 25% !important;
}
[data-id="44fa65cd"] {
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
}


/* === FIX: button col on own row, centered === */
[data-id="782ce1c6"] .elementor-container {
  flex-wrap: wrap !important;
}
[data-id="44fa65cd"] {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  display: flex !important;
  justify-content: center !important;
  margin-top: 20px !important;
}


/* === FIX: Show title cols as full-width headers above cards === */
[data-id="5adc74c3"] {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  text-align: center !important;
  margin-bottom: 16px !important;
}
[data-id="42639008"] {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  text-align: center !important;
  margin-bottom: 16px !important;
}
/* Ensure both sections wrap so title col sits above cards */
[data-id="634e5f51"] .elementor-container,
[data-id="782ce1c6"] .elementor-container {
  flex-wrap: wrap !important;
}