/* Custom CSS */

html {
  scroll-behavior: smooth !important;
}


body {
    background-color: #ffffff;
    color: #232323;
}


.spin-text{
  transition: none !important;
}

.swiper-slide-image {
  filter: grayscale(100%);
  cursor: pointer;
  flex: 0 0 auto; 
}


.swiper-slide-image:hover {
  filter: grayscale(0%);
  transition: filter 0.3s ease;
}


/* Header CSS */





/* .nav-link{
    color: #232323 !important;
    font-weight: 500;
    cursor: pointer;
}

.nav-link:hover{
   text-decoration: underline;
   color: #D5B584 !important;
   font-weight: 600;
} */

.mobile-menu {
    transition: none !important;
  transform: translateY(-100%);
  will-change: transform;
}

.menu-toggle, .menu-close {
  cursor: pointer;
  transition: none !important;
}

.mobile-nav-item{
    transition: none !important;
    cursor: pointer;
}

.mobile-nav-item:hover p{
    text-decoration: underline;
    color: #ffffff !important;
}





 /* =========================
   HEADER BASE
========================= */

.header-nav {
  background: transparent;
  transition: all 0.35s ease;
}


/* =========================
   DEFAULT STATE (TOP)
========================= */

/* Force ALL nav text white */
.header-nav .nav-link,
.header-nav .nav-link p,
.header-nav .nav-link * {
  color: #ffffff !important;
}

/* Menu icon white */
.menu-toggle svg * {
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* Logo (white version assumed) */
.site-header-logo img {
  transition: all 0.3s ease;
  filter: invert(0);
}


/* Button (white style) */
.header-nav .elementor-button {
  background: #ffffff !important;
  color: #000000 !important;
  transition: all 0.3s ease;
}


/* =========================
   SCROLLED STATE
========================= */

.header-nav.scrolled {
  background: #ffffff !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

/* Text → black */
.header-nav.scrolled .nav-link,
.header-nav.scrolled .nav-link p,
.header-nav.scrolled .nav-link * {
  color: #232323 !important;
}

/* Menu icon → black */
/* Scrolled (black icon) */
.header-nav.scrolled .menu-toggle svg * {
  fill: #000000 !important;
  stroke: #000000 !important;
}
/* Logo invert */
.header-nav.scrolled .site-header-logo img {
  filter: invert(1);
}

/* Button invert */
.header-nav.scrolled .elementor-button {
  background: #000000 !important;
  color: #ffffff !important;
}


/* =========================
   HOVER STATES (OPTIONAL)
========================= */

.header-nav .nav-link:hover p {
  text-decoration: underline;
  color: #D5B584 !important;
}





/*======================

  Page css

==============*/



 @media (hover: hover) and (pointer: fine) {
  .card-hover .card-btn {
    opacity: 0;
    transform: translateY(8px);
    pointer-events: none;
    transition: all 0.4s ease;
  }

  .card-hover:hover .card-btn {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
}



.card-scale {
  transition: none !important;
  transform-origin: center center;
  will-change: transform;
}

.hero-bg img {
    transition: none !important;
}