/*
Theme Name: Vanilla Clean Horizons
Description: Full migration from Hostinger Horizons AI
Version: 1.0
*/
html,body,header,#hero-section{margin:0!important;padding:0!important}#hero-section>div{padding-top:5rem!important}

/* === CORE FIXES === */
#why-choose img {
  max-width: 85%;
  height: auto;
  margin: 0 auto;
  display: block;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 100vh;
}

header {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* HERO — NO GAP, PERFECT FLOW */
#hero-section {
  margin-top: -1px !important;   /* Pulls hero up to touch header */
  padding: 0 !important;
  background-color: #f9fafb;
}

#hero-section > div {
  padding: 7rem 1rem 4rem !important;
  max-width: 1280px;
  margin: 0 auto;
  text-align: center;
}

/* WHY CHOOSE */
#why-choose img {
  max-width: 85%;
  height: auto;
  margin: 0 auto;
  display: block;
  border-radius: 0.5rem;
  box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1);
}

#why-choose svg {
  min-width: 2.5rem;
  flex-shrink: 0;
  margin-top: 0.25rem;
}

/* SERVICES */
#core-services .flex-row-reverse {
  flex-direction: row-reverse;
}

/* HOVER */
.bg-blue-600, .bg-green-600 {
  transition: background-color 0.3s ease;
}

#hero-section a.block {
  transition: all 0.3s ease;
}
#hero-section a.block:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1);
}

footer svg {
  width: 1.25rem;
  height: 1.25rem;
}


/* RESPONSIVE */
@media (max-width: 768px) {
  #core-services .grid { grid-template-columns: 1fr; }
  #core-services .flex-row-reverse { flex-direction: column; }
  #why-choose img { max-width: 100%; }
  .header-icons { gap: 0.75rem; }
  #hero-section > div { padding-top: 5rem !important; }
}

/* GRID */
.grid, .flex { display: flex; }
.gap-6 { gap: 1.5rem; }
.gap-8 { gap: 2rem; }
.gap-12 { gap: 3rem; }
.md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }

/* SCROLL OFFSET */
[id]::before {
  content: '';
  display: block;
  height: 90px;
  margin-top: -90px;
  visibility: hidden;
}

/* SAFARI */
html { -webkit-font-smoothing: antialiased; scroll-behavior: smooth; }
.h-screen { height: 100vh; height: -webkit-fill-available; }

/* FINAL FIXES */
#hero-section h1 { font-size: 3.5rem; line-height: 1.1; }
#hero-section p { font-size: 1.25rem; }
footer .text-white { color: white !important; }
footer .flex { display: flex; align-items: center; }