html{scroll-behavior:smooth}@media screen and (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}body :where(.wp-site-blocks)>:first-of-type{margin-block-start:0}body .wp-block-post-content>:last-child:not(.hostinger-ai-solid-block){margin-block-end:var(--wp--style--block-gap)}footer .is-layout-flow>*{margin-block-start:20px}body .wp-block-navigation-item .wp-block-navigation-item__content,body .wp-element-button{cursor:pointer}.wp-block-group.logo-wrapper{gap:15px}.hostinger-ai-font-bold,.hostinger-ai-site-title a{font-weight:700}.hostinger-ai-site-navigation a,.hostinger-ai-site-title a{text-decoration:none}.hostinger-ai-site-navigation a:hover,.hostinger-ai-site-title a:hover{text-decoration:underline}@media (max-width:781px){.hostinger-ai-menu-block .hide-on-mobile{display:none}}.hostinger-ai-hero-opacity{position:relative}.hostinger-ai-hero-opacity:after{background:rgba(0,0,0,.6);bottom:0;content:"";height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:1}.hostinger-ai-hero-opacity>.wp-block-group{position:relative;z-index:2}@media (max-width:850px){.hostinger-ai-about-us-2 .wp-block-group-is-layout-grid,.hostinger-ai-hero-1 .wp-block-group-is-layout-grid{grid-template-columns:repeat(1,minmax(0,1fr));text-align:center}}@media (max-width:940px){.hostinger-ai-about-us-3 .wp-block-group-is-layout-grid{grid-template-columns:repeat(1,minmax(0,1fr));text-align:center}}.hostinger-ai-about-us-3 .hostinger-ai-image:nth-child(2){padding-top:30px}.hostinger-ai-about-us-4 .image-row{flex-wrap:nowrap}@media (max-width:767px){.hostinger-ai-about-us-4 .image-row{flex-wrap:wrap}}.hostinger-ai-gallery-1 .wp-block-group-is-layout-flex,.hostinger-ai-gallery-2 .wp-block-group-is-layout-flex{gap:10px;margin-block-start:10px}@media (max-width:600px){.hostinger-ai-gallery-2 .wp-block-group-is-layout-flex{flex-wrap:wrap}.hostinger-ai-gallery-2 .wp-block-group-is-layout-flex figure{flex:calc(50% - 5px)}}.hostinger-ai-gallery-3 .wp-block-group-is-layout-flex{gap:10px;margin-block-start:10px}@media (max-width:767px){.hostinger-ai-gallery-3 .wp-block-group-is-layout-flex{flex-wrap:wrap}.hostinger-ai-gallery-3 .wp-block-group-is-layout-flex figure{flex:calc(50% - 5px)}.hostinger-ai-gallery-3 .wp-block-group-is-layout-flex figure:first-of-type,.hostinger-ai-gallery-3 .wp-block-group-is-layout-flex figure:nth-child(3){text-align:right}}.hostinger-ai-our-location-2 .our-location-column{display:flex;flex-direction:column;justify-content:center}.hostinger-ai-our-services-2+.wp-block-group.alignfull{margin-block-start:0;padding-top:40px}.hostinger-ai-our-services-4 .image-row{flex-wrap:nowrap}@media (max-width:767px){.hostinger-ai-our-services-4 .image-row{flex-wrap:wrap}}@media (max-width:800px){.hostinger-ai-our-projects-2 .project-item{grid-template-columns:repeat(1,minmax(0,1fr))}.hostinger-ai-our-projects-2 .project-item-content{padding:0!important}.hostinger-ai-our-projects-3 .project-item{grid-template-columns:repeat(1,minmax(0,1fr))}.hostinger-ai-our-projects-3 .project-item-content{padding:0!important}}@media (max-width:781px){.hostinger-ai-our-projects-4 .project-item{padding-top:0!important}.hostinger-ai-our-projects-4 .project-column{margin-top:40px!important}}

.hero-glow {
  position: relative !important;
  overflow: hidden  !important;
}

.hero-glow::before,
.hero-glow::after {
  content: ""  !important;
  position: absolute  !important;
  width: 500px  !important;
  height: 500px  !important;
  background: radial-gradient(circle, rgba(99,102,241,0.35), transparent 70%)  !important;
  z-index: 0  !important;
}

.hero-glow::before {
  top: -150px  !important;
  left: -150px  !important;
}

.hero-glow::after {
  bottom: -150px;
  right: -150px;
}

:root :where(.is-layout-constrained) > .no-gap {
    margin-block-start: 0 !important;
}

/* Hide site title text next to logo on mobile */
@media (max-width: 768px) {
  .wp-block-site-title {
    display: none !important;
  }
  /* 1. Allow header to expand with content */
  header, 
  .wp-block-site-header {
    height: auto !important;
    max-height: none !important;
    min-height: auto !important;
    overflow: visible !important;
  }

  /* 2. Mobile menu container - HIDDEN by default, shows when toggled */
  .wp-block-navigation__responsive-container {
    position: static !important;
    height: auto !important;
    max-height: none !important;
    width: 100% !important;
    inset: auto !important;
    transform: none !important;
    overflow: visible !important;
    background: #ffffff !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
    
    /* HIDDEN BY DEFAULT - Theme handles visibility */
    display: none !important; 
  }

  /* 3. When menu is OPEN (theme adds this class) */
  .wp-block-navigation__responsive-container.is-menu-open,
  .wp-block-navigation__responsive-container[style*="display: block"],
  body.has-modal-open .wp-block-navigation__responsive-container {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* 4. Fix inner content wrapper */
  .wp-block-navigation__responsive-container-content {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 10px 0 !important;
  }

  /* 5. Stack menu items VERTICALLY */
  .wp-block-navigation__container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    padding: 15px 0 !important;
    gap: 15px !important;
  }

  /* 6. Style individual menu items */
  .wp-block-navigation-item {
    width: 100% !important;
    text-align: center !important;
    padding: 5px 0 !important;
  }

  .wp-block-navigation-item__content {
    padding: 8px 15px !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
  }

  /* 7. Fix WhatsApp button */
  .wp-block-buttons {
    justify-content: center !important;
    width: 100% !important;
    margin-top: 15px !important;
  }

  /* 8. Ensure logo stays in place */
  .wp-block-site-logo {
    margin: 10px 0 !important;
  }

  /* 9. Close button styling */
  .wp-block-navigation__responsive-container-close {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    z-index: 1000 !important;
  }
}


/* =========================
   BRAND ACCENT
========================= */
:root {
  --nav-accent: #00a8ff !important;
}

/* =========================
   BASE NAV ITEM STYLE
========================= */
.wp-block-navigation-item__content {
  color: inherit !important;
  text-decoration: none !important;
  padding: 6px 10px !important;
  position: relative !important;
  transition: all 0.3s ease !important;
  display: inline-block !important;
}

/* =========================
   HEADER STYLE (LIGHT BG)
========================= */
header .wp-block-navigation-item__content {
  color: #1a1a1a !important;
}

/* =========================
   HOVER EFFECT (TEXT)
========================= */
.wp-block-navigation-item__content:hover {
  color: var(--nav-accent) !important;
}

/* =========================
   UNDERLINE ANIMATION
========================= */
.wp-block-navigation-item__content::after {
  content: "" !important;
  position: absolute !important;
  left: 10px !important;
  bottom: 2px !important;
  width: 0% !important;
  height: 2px !important;
  background: var(--nav-accent) !important;
  transition: width 0.3s ease !important;
}

.wp-block-navigation-item__content:hover::after {
  width: calc(100% - 20px) !important;
}

/* =========================
   ACTIVE PAGE STYLE
========================= */
.current-menu-item .wp-block-navigation-item__content {
  color: var(--nav-accent) !important;
  font-weight: 600 !important;
}

/* =========================
   PREMIUM HOVER LIFT EFFECT
========================= */
.wp-block-navigation-item__content:hover {
  transform: translateY(-1px) !important;
}

/* =========================
   SMOOTH NAV SPACING
========================= */
.wp-block-navigation {
  gap: 18px !important;
}

/* =========================
   STICKY HEADER (GLASS EFFECT)
========================= */
header {
  position: sticky !important;
  top: 0 !important;
  z-index: 999 !important;
  background: rgba(255, 255, 255, 0.85) !important;
  backdrop-filter: blur(10px) !important;
  transition: all 0.3s ease !important;
}

/* Prevent logo from being too big */
header img {
  max-width: 140px !important;
  height: auto !important;
}

header .wp-block-site-logo {
  flex-shrink: 1 !important;
}

.wp-block-navigation {
  flex-shrink: 0 !important;
}

/* =========================
   DISABLE MOBILE NAV MODE IN FOOTER
========================= */

/* Hide hamburger + "Menu" button */
footer .wp-block-navigation__responsive-container-open {
  display: none !important;
}

/* Force navigation container to always show */
footer .wp-block-navigation__responsive-container {
  display: block !important;
  position: static !important;
  inset: auto !important;
  height: auto !important;
  width: 100% !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  background: transparent !important;
}

/* IMPORTANT: show actual menu list */
footer .wp-block-navigation__container {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

/* Remove dialog behavior */
footer .wp-block-navigation__responsive-dialog {
  all: unset !important;
}

/* Hide close button */
footer .wp-block-navigation__responsive-container-close {
  display: none !important;
}

/* =========================
   FIX TEXT COLOR
========================= */
footer .wp-block-navigation-item__content {
  color: #f5f5f5 !important;
}

/* Hover */
footer .wp-block-navigation-item__content:hover {
  color: var(--nav-accent) !important;
}