/* ================================================
   HOTEL MANDAKINI — Professional Design Upgrade
   Single font: Poppins throughout
   ================================================ */


/* ---- 1. FONT OVERRIDE — Poppins for everything ---- */

:root {
  --title-fonts: 'Poppins', sans-serif;
  --body-fonts: 'Poppins', sans-serif;
}


/* ---- 2. GLOBAL TYPOGRAPHY & RENDERING ---- */

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.15em;
}

h3, h4 {
  font-weight: 600;
  letter-spacing: -0.02em;
}

p {
  line-height: 1.75em;
  font-weight: 400;
}


/* ---- 3. SECTION TITLE — Poppins uppercase sub-title ---- */

.section-title .sub-title {
  font-family: 'Poppins', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
}

.section-title .sub-title::before {
  top: 50%;
  transform: translateY(-50%);
}

.section-title h2 {
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.12em;
}


/* ---- 4. FLOATING WHATSAPP BUTTON ---- */

.whatsapp-float {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 60px;
  height: 60px;
  background: #25D366;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9998;
  box-shadow: 0 4px 22px rgba(37, 211, 102, 0.5);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  text-decoration: none;
}

.whatsapp-float:hover {
  transform: scale(1.12);
  box-shadow: 0 8px 32px rgba(37, 211, 102, 0.65);
}

.whatsapp-float i {
  color: #fff;
  font-size: 30px;
  line-height: 1;
  display: block;
}

.back-to-top {
  bottom: 100px !important;
}


/* ---- 5. HEADER ---- */

.header-2 .header-top {
  font-size: 13px;
  letter-spacing: 0.02em;
}

.header .header-contact-info ul li p,
.header .header-contact-info ul li a {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.02em;
}

.header .header-lower.sticky {
  box-shadow: 0 4px 28px rgba(3, 54, 49, 0.13);
}

.header .main-menu nav ul li > a {
  letter-spacing: 0.06em;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
}

.header .main-menu nav ul li > a:hover {
  color: var(--secondary-color);
}


/* ---- 6. BUTTONS ---- */

.theme-button {
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 11.5px !important;
  font-weight: 600;
}

.theme-button.style-1 {
  transition: box-shadow 0.35s ease, transform 0.25s ease, background 0.35s ease;
}

.theme-button.style-1:hover {
  box-shadow: 0 8px 28px rgba(218, 165, 32, 0.35);
  transform: translateY(-2px);
}


/* ---- 7. HERO SECTION ---- */

.hero-section-2 .hero-slider .swiper-slide-active .hero-content .section-title h1 {
  text-shadow: 0 2px 30px rgba(0, 0, 0, 0.22);
  font-weight: 700;
}

.hero-section-2 .hero-slider .swiper-slide-active .hero-content .section-title span {
  letter-spacing: 0.28em;
}


/* ---- 8. BREADCRUMB ---- */

.breadcrumb-section .breadcrumb-wapper::after {
  background: linear-gradient(
    to bottom,
    rgba(3, 54, 49, 0.5) 0%,
    rgba(3, 54, 49, 0.72) 100%
  );
}

.breadcrumb-section .breadcrumb-wapper .breadcrumb-content .breadcrumb-title h1 {
  text-shadow: 0 2px 24px rgba(0, 0, 0, 0.28);
  letter-spacing: -0.03em;
  font-weight: 700;
}

.breadcrumb-section .breadcrumb-wapper .breadcrumb-content nav .breadcrumb .breadcrumb-item {
  letter-spacing: 0.05em;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
}


/* ---- 9. IMAGE HOVER — Smooth Zoom ---- */

.image-anime figure,
.room-item .room-image figure,
.gallery-item figure,
.about-img-one figure,
.about-img-two figure {
  overflow: hidden;
}

.image-anime figure img,
.room-item .room-image figure img,
.gallery-item figure img,
.about-img-one figure img,
.about-img-two figure img {
  transition: transform 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  will-change: transform;
}

.image-anime:hover figure img,
.room-item:hover .room-image figure img,
.gallery-item:hover figure img,
.about-img-one:hover figure img,
.about-img-two:hover figure img {
  transform: scale(1.06);
}


/* ---- 10. ROOM CARDS ---- */

.room-item {
  transition: box-shadow 0.4s ease, transform 0.35s ease;
}

.room-item:hover {
  box-shadow: 0 20px 56px rgba(3, 54, 49, 0.14);
  transform: translateY(-5px);
}


/* ---- 11. CONTACT SECTION ---- */

.contact-item {
  transition: transform 0.3s ease;
}

.contact-item:hover {
  transform: translateX(6px);
}


/* ---- 12. FOOTER ---- */

.footer .footer-bottom .footer-widget-wrap .footer-widget-title {
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
}

.footer .footer-bottom .footer-widget-wrap .widget-link .link li a {
  font-size: 13.5px;
  font-weight: 400;
  letter-spacing: 0.01em;
  transition: letter-spacing 0.3s ease, color 0.3s ease, padding-left 0.3s ease;
}

.footer .footer-bottom .footer-widget-wrap .widget-link .link li a:hover {
  letter-spacing: 0.04em;
  padding-left: 4px;
}

.footer .footer-bottom .footer-widget-wrap .contact-info li p {
  font-size: 13.5px;
  line-height: 1.65em;
  font-weight: 400;
}

.footer .footer-copyright .footer-copyright-wrap .copyright-text p {
  font-size: 13px;
  letter-spacing: 0.03em;
  font-weight: 400;
}


/* ---- 13. BACK TO TOP ---- */

.back-to-top:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(3, 54, 49, 0.28);
}


/* ---- 14. CUSTOM SCROLLBAR ---- */

::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: #f4f4f4;
}

::-webkit-scrollbar-thumb {
  background: var(--primary-color);
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--secondary-color);
}


/* ---- 15. OFFCANVAS SIDEBAR ---- */

.offcanvas-about p {
  font-size: 13.5px;
  line-height: 1.75em;
  font-weight: 400;
}

.offcanvas-cta-content a,
.offcanvas-cta-content p {
  font-size: 13.5px;
  font-weight: 400;
}


/* ---- 16. FORM LABELS ---- */

.form-group .field-inner label {
  letter-spacing: 0.1em;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}

input,
.form-control,
textarea {
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}


/* ---- 17. PRELOADER ---- */

.preloader {
  background: var(--primary-color);
}

.preloader .preloader-text p {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  letter-spacing: 0.3em;
  text-transform: uppercase;
}