/* ===================================================
   FullxHosting — Responsive Fixes (2025)
   =================================================== */

/* General adjustments */
html, body {
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
}

/* --- Logo scaling --- */
.logo img {
  max-width: 100%;
  height: auto;
}

/* --- Navigation --- */
#desktop-menu ul {
  flex-wrap: wrap;
}

@media (max-width: 992px) {
  #desktop-menu {
    display: none;
  }
}

/* --- SlickNav Mobile Menu --- */
.slicknav_menu {
  display: none;
}

@media (max-width: 992px) {
  .slicknav_menu {
    display: block;
    background: #0b74de;
    padding: 5px 10px;
  }
  .slicknav_btn {
    background: #0b74de;
    border-radius: 6px;
  }
  .slicknav_nav a {
    color: white !important;
    font-weight: 600;
  }
  .slicknav_nav a:hover {
    background: rgba(255,255,255,0.1);
  }
}

/* --- Slider images --- */
.slidercontainer img {
  width: 100%;
  height: auto;
}

/* --- Bootstrap columns for mobile --- */
[class*="col-"] {
  padding-left: 15px;
  padding-right: 15px;
}

@media (max-width: 768px) {
  .col-sm-12,
  .col-sm-10,
  .col-sm-6,
  .col-md-3,
  .col-md-4,
  .col-md-6 {
    width: 100% !important;
    float: none !important;
  }
}

/* --- Section Titles & Text --- */
@media (max-width: 768px) {
  h1, h2, h3, h4 {
    font-size: 90%;
    text-align: center;
  }

  .section-title {
    text-align: center;
  }

  .feature, .main-feature {
    margin-bottom: 25px;
  }
}

/* --- Features & Pricing --- */
.panel {
  margin-bottom: 25px;
}

/* --- Footer adjustments --- */
.footer .col-sm-2 {
  width: 100% !important;
  margin-bottom: 20px;
}

.footer ul {
  padding-left: 0;
}

.footer ul li {
  list-style: none;
}

.footer .social-links a {
  display: inline-block;
  margin-right: 10px;
  font-size: 1.5rem;
  color: #0b74de;
}

.footer .social-links a:hover {
  color: #084a92;
}

/* --- Buttons & Spacing --- */
.btn {
  white-space: normal;
  text-align: center;
}

/* --- Top bar --- */
.top ul.nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px;
  padding: 0;
}

/* --- Hero, slider captions --- */
.slidecaption {
  text-align: center;
  padding: 10px;
}

.slidecaption h2 {
  font-size: clamp(1.2rem, 3vw, 2rem);
}

.slidecaption h4 {
  font-size: clamp(1rem, 2.5vw, 1.3rem);
}

/* --- Domain search --- */
.domainsearch input,
.domainsearch select,
.domainsearch button {
  width: 100%;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .domainsearch input { width: 70%; }
  .domainsearch select { width: 15%; }
  .domainsearch button { width: 15%; }
}

/* --- Fix: Elimina la "A" o texto fantasma en menú móvil --- */
.slicknav_menu > a:first-child {
  display: none !important;
  visibility: hidden;
  height: 0;
  overflow: hidden;
}

@media (max-width: 768px) {
  /* Styles for mobile screens */
  #navigation {
    display: block;
  }
  /* Adjust menu items, font size, etc. */
}