/* Home Theme Overrides: Make hosting cards plain white and simplify client button */

/* Hosting option cards: remove gray gradients, use clean white */
.rts-hosting-type__single {
  background: #ffffff !important;
}
.rts-hosting-type__single::before {
  display: none !important;
}
.rts-hosting-type__single:hover,
.rts-hosting-type__single:hover .title,
.rts-hosting-type__single:hover p.excerpt {
  color: inherit !important;
}
.rts-hosting-type__single:hover .hosting-icon img {
  filter: invert(0.75) !important;
}

/* Remove all animations/transitions within hosting section */
.rts-hosting-type *,
.rts-hosting-type__slider *,
.rts-hosting-type__single * {
  transition: none !important;
  animation: none !important;
}

/* Disable scroll-triggered animations */
.animate-on-scroll,
[data-sal],
[data-sal-delay],
[data-sal-duration],
.sal-animate {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}

/* Client Area button: solid color, no gradient, no animation */
.client-area-btn {
  background: #6B46FF !important; /* Hostlys purple */
  border: 2px solid #FFFFFF !important; /* white outline for prominence */
  box-shadow: none !important;
  transition: none !important;
}
.client-area-btn:hover,
.client-area-btn:active,
.client-area-btn:focus {
  background: #6B46FF !important;
  border-color: #FFFFFF !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

/* Fix: Hosting plan select badge text overlapped by arrow/tick */
.rts-plan__table table thead .package__item__info .nice-select.price__select {
  padding: 0 36px 0 16px !important; /* metin sağda ok için boşluk bırak */
  height: 35px !important;
  line-height: 35px !important;
}
.rts-plan__table table thead .package__item__info .nice-select.price__select span.current {
  top: 0 !important; /* metni dikeyde ortala, taşmayı engelle */
}
.rts-plan__table table thead .package__item__info .nice-select.price__select::after {
  right: 12px !important; /* oku rozetin sağına al, metni kapatmasın */
}

/* Fix large gap between menu and banner on homepage */
.rts-hero.banner-style-home-one {
  padding-top: 140px !important; /* aralığı biraz daha aç */
  /* Homepage banner background: koyu mor → açık mor → beyaz */
  background-image: linear-gradient(180deg, #6B46FF 0%, #A78BFA 45%, #FFFFFF 100%) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.rts-hero.banner-style-home-one .row.align-items-end {
  align-items: center !important; /* content'i daha üste yaklaştır */
}
.rts-hero__images .main {
  display: block;
  margin-top: 0 !important; /* yukarı çekmeyi tamamen kaldır */
}
.rts-hero.banner-style-home-one .rts-hero__content {
  margin-top: 40px !important; /* içerik ile menü aralığını daha da aç */
}
/* Remove default overlay/shape backgrounds that may mask our gradient */
.rts-hero.banner-style-home-one::before,
.rts-hero.banner-style-home-one::after {
  background: transparent !important;
  background-image: none !important;
}
@media (max-width: 992px) {
  .rts-hero.banner-style-home-one { padding-top: 100px !important; }
  .rts-hero__images .main { margin-top: 0 !important; }
  .rts-hero.banner-style-home-one .rts-hero__content { margin-top: 24px !important; }
}
@media (max-width: 576px) {
  .rts-hero.banner-style-home-one { padding-top: 80px !important; }
  .rts-hero__images .main { margin-top: 0 !important; }
  .rts-hero.banner-style-home-one .rts-hero__content { margin-top: 16px !important; }
}

/* Reduce space between banner (hero) and brand section */
.banner-style-home-one + .section-separator {
  margin: 8px 0 !important; /* daha da kısaltıldı */
}
.rts-brand { 
  margin-top: 8px !important; /* 24px'ten 8px'e indirildi */
}
.rts-brand.rts-brand__bg--section {
  padding-top: 8px !important; /* 12px'ten 8px'e indirildi */
}
@media (max-width: 992px) {
  .banner-style-home-one + .section-separator { margin: 8px 0 !important; }
  .rts-brand { margin-top: 8px !important; }
  .rts-brand.rts-brand__bg--section { padding-top: 8px !important; }
}
@media (max-width: 576px) {
  .banner-style-home-one + .section-separator { margin: 6px 0 !important; }
  .rts-brand { margin-top: 6px !important; }
  .rts-brand.rts-brand__bg--section { padding-top: 6px !important; }
}

/* Soften the up-down animation of the Hostlys banner image on homepage */
@keyframes moveTopToBottomSoft {
  0% { transform: translateY(-0.75%); }
  50% { transform: translateY(0.75%); }
  100% { transform: translateY(-0.75%); }
}
.rts-hero.banner-style-home-one .image-main img.main.top-bottom2,
.rts-hero.banner-style-home-one .image-main .main.top-bottom2 {
  animation: moveTopToBottomSoft 12s ease-in-out infinite !important;
}

/* Mobile: slightly smaller amplitude for steadier feel */
@media (max-width: 576px) {
  @keyframes moveTopToBottomSoftMobile {
    0% { transform: translateY(-0.5%); }
    50% { transform: translateY(0.5%); }
    100% { transform: translateY(-0.5%); }
  }
  .rts-hero.banner-style-home-one .image-main img.main.top-bottom2,
  .rts-hero.banner-style-home-one .image-main .main.top-bottom2 {
    animation: moveTopToBottomSoftMobile 12s ease-in-out infinite !important;
  }
}