/* Hero Section Wrapper */
.silvertip-room-hero-wrapper {
  width: 100%;
  max-width: 800px;
  margin: 10px auto;         /* উপরে-নিচে শুধু 10px gap */
  margin-right: 30%;
  padding: 0 15px;           /* ভেতরে side padding একটু ছোট */
  box-sizing: border-box;
  background: #f9fdfb;
  border: 1px solid rgba(14,165,164,0.1);
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

/* Hero Section */
.silvertip-room-hero {
  text-align: center;
}

/* Hero Title */
.silvertip-room-hero h1 {
  font-size: 1.7rem;           /* ছোট সাইজ */
  font-family: "Cinzel", serif;
  font-weight: 600;
  color: #0ea5a4;
  margin: 6px 0;               /* উপরে-নিচে gap একদম কম */
  letter-spacing: 0.5px;
  background-color: #f0f4e3;
  padding: 6px 14px;
  border-radius: 6px;
  display: inline-block;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}







/* Wrapper (Flexbox) */
.silvertip-room-wrapper {
    max-width: 1100px;
    margin: 40px auto;
    padding: 0 20px;
    display: flex;
    align-items: stretch;   /* ✅ equal height */
    gap: 30px;
}

/* Main */
.silvertip-room-main {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* Main Slider */
.silvertip-room-gallery-main {
    width: 100%;
    max-height: 500px;   /* ✅ desktop এ max height */
    aspect-ratio: 16/9;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 15px;
}
.silvertip-room-gallery-main img {
    width: 100%;
    height: 100%;
    max-height: 500px;   /* ✅ desktop এ bound থাকবে */
    object-fit: cover;
}




/* Gallery caption small box (top-left) */
.silvertip-room-gallery-main .silvertip-room-caption {
  position: absolute;
  top: 12px;            /* ছবির উপরের দিক থেকে */
  left: 12px;           /* ছবির বাম দিক থেকে */
  max-width: 40%;       /* সর্বোচ্চ প্রস্থ ছবির 40% */
  background: rgba(0,0,0,0.6);
  color: #fff;
  font-size: 13px;
  line-height: 1.3;
  padding: 6px 10px;
  border-radius: 6px;
  text-align: left;
  z-index: 20;
  box-sizing: border-box;
  white-space: normal;   /* লম্বা হলে wrap হবে */
  overflow: hidden;
  text-overflow: ellipsis;
}


/* Mobile: make price & capacity tags smaller and tighter */
@media (max-width: 600px) {
  .silvertip-room-gallery-main .silvertip-room-tags {
    left: 8px;     /* একটু ভিতরে আনলাম */
    bottom: 8px;   /* উপরে থেকে দূরত্ব কমালাম */
    gap: 6px;      /* ট্যাগের মধ্যে ব্যবধান কম */
  }

  .silvertip-room-gallery-main .silvertip-room-tags .tag {
    font-size: 12px;       /* সাধারণ ট্যাগের ছোট ফন্ট */
    padding: 4px 8px;      /* প্যাডিং হ্রাস পেয়েছে */
    border-radius: 6px;    /* সামান্য ছোট করে নিলাম */
    box-shadow: 0 3px 8px rgba(0,0,0,0.12);
  }

  /* যদি আপনি price ট্যাগকে আরো সঙ্কুচিত দেখতে চান, আলাদা করে টার্গেট করুন */
  .silvertip-room-gallery-main .silvertip-room-tags .tag.price {
    font-size: 12px;
    padding: 3px 7px;
  }

  .silvertip-room-gallery-main .silvertip-room-tags .tag.capacity {
    font-size: 11px;
    padding: 3px 7px;
  }

  /* Caption box responsive tweak (optional) */
  .silvertip-room-gallery-main .silvertip-room-caption {
    max-width: 75%; /* মোবাইলে caption বেশি জায়গা না নাকরে */
    font-size: 12px;
    padding: 6px 8px;
  }
}











/* ==========================
   Updated: Thumbnail / Gallery Styles
   ========================== */

/* Wrapper & controls */
.silvertip-room-thumbs-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
}

/* hide custom prev/next controls (if present) */
.thumbs-control {
  display: none;
}

/* Viewport that contains the swiper */
.thumbs-viewport {
  overflow: hidden;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center; /* desktop default; mobile overrides below */
}

/* Thumbs swiper base: ensure Swiper handles scrolling */
.silvertip-room-gallery-thumbs {
  width: 100%;
  overflow: hidden;           /* ensure Swiper controls scrolling, not browser */
  touch-action: pan-y;        /* allow vertical scrolling, block native horizontal panning */
}

/* Swiper wrapper: left-align by default to avoid center gaps */
.silvertip-room-gallery-thumbs .swiper-wrapper {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;  /* left align avoids blank gaps on small screens */
  transition: transform .25s ease;
  will-change: transform;
  -webkit-overflow-scrolling: auto;
}

/* Individual thumbnail style */
.silvertip-room-gallery-thumbs .swiper-slide {
  flex: 0 0 auto;
  width: 96px;
  height: 64px;
  border-radius: 6px;
  overflow: hidden;
  background: #f7f7f7;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #eee;
  transition: transform .18s ease, box-shadow .18s ease, opacity .12s ease;
  cursor: pointer;
  opacity: 0.95;
}

.silvertip-room-gallery-thumbs .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 6px;
}

/* Active / duplicate-active states */
.silvertip-room-gallery-thumbs .swiper-slide-active,
.silvertip-room-gallery-thumbs .swiper-slide-thumb-active,
.silvertip-room-gallery-thumbs .swiper-slide-duplicate-active {
  transform: scale(1.05);
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
  border-color: #d7d7d7;
  opacity: 1;
}

/* Neutral background + duplicate visibility to avoid white blanks */
.silvertip-room-gallery-thumbs .swiper-slide,
.silvertip-room-gallery-thumbs .swiper-slide img,
.silvertip-room-gallery-thumbs .swiper-slide-duplicate,
.silvertip-room-gallery-thumbs .swiper-slide-duplicate img {
  background-color: #f7f7f7;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 1;
}

/* smooth image loading */
.silvertip-room-gallery-thumbs img {
  transition: opacity .18s ease;
  opacity: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ==========================
   Overlay Tags (unchanged)
   ========================== */
.silvertip-room-gallery-main { position: relative; }
.silvertip-room-tags {
  position: absolute;
  bottom: 15px;
  left: 15px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  z-index: 10;
}
.silvertip-room-tags .tag {
  background: rgba(0, 115, 170, 0.9);
  color: #fff;
  padding: 5px 12px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.silvertip-room-tags .capacity { background: rgba(0,0,0,0.7); }

/* ==========================
   Description card & layout
   ========================== */
.silvertip-room-description-wrapper {
  max-width: 1100px;
  margin: 30px auto;
  padding: 0 20px;
  box-sizing: border-box;
}
.silvertip-room-description {
  background: #fff;
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 10px;
  padding: 20px 24px;
  line-height: 1.7;
  color: #444;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}
.silvertip-room-description p { margin-bottom: 1em; }



/* ---------------------------
   Room Description Title
   (use same look as other section titles)
   --------------------------- */
.silvertip-room-description .section-title,
.silvertip-room-description h3.section-title {
  font-size: 1.1rem; /* বাকি সেকশনের সাথে মিল */
  font-weight: 700;
  margin: 0 0 12px 0;
  color: #0ea5a4; /* accent color */
  border-bottom: 2px solid rgba(14,165,164,0.2);
  padding-bottom: 6px;
  text-align: center; /* কেন্দ্রভিত্তিক টাইটেল */
  display: block;
  line-height: 1.1;
  border-radius: 4px;
  background: transparent; /* চাইলে হালকা ব্যাকগ্রাউন্ড দিতে পারেন */
}

/* যদি আপনি হেডারটিকে হালকা প্যাডিং/ব্যাকগ্রাউন্ড দিতে চান (ঐচ্ছিক) */
.silvertip-room-description .section-title--boxed {
  padding: 6px 12px;
  background: #f0f4e3;
  display: inline-block;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
}

/* মোবাইল টুইক: ফন্ট-কীছুটা ছোট করা */
@media (max-width: 600px) {
  .silvertip-room-description .section-title,
  .silvertip-room-description h3.section-title {
    font-size: 1rem;
    padding-bottom: 5px;
    margin-bottom: 8px;
  }
}




/* ==========================
   Responsive tweaks
   ========================== */

/* Tablet / small desktop stacking */
@media (max-width: 1024px) {
  .silvertip-room-wrapper { flex-direction: column; gap: 20px; }
  .silvertip-room-sidebar { width: 100%; flex: none; }
}

/* Mobile: fixed thumb size to avoid layout jump during scroll */
@media (max-width: 600px) {
  .silvertip-room-gallery-main {
    aspect-ratio: 4/3;
    max-height: 360px;
    border-radius: 8px;
    margin-bottom: 12px;
  }
  .silvertip-room-gallery-main img {
    max-height: 360px;
    object-position: center;
  }

  .thumbs-viewport { justify-content: flex-start; }
  .silvertip-room-gallery-thumbs .swiper-wrapper {
    justify-content: flex-start !important;
    gap: 10px;
    /* native overflow disabled so Swiper handles gestures */
  }

  /* Use fixed thumb pixel size on small screens to avoid fractional gaps */
  .silvertip-room-gallery-thumbs .swiper-slide {
    flex: 0 0 72px !important;
    width: 72px !important;
    height: 72px !important;
    border-radius: 8px;
    opacity: 0.95;
  }

  .silvertip-room-gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
    outline: 2px solid rgba(14,165,164,0.22);
  }
}

/* Very small phones */
@media (max-width: 420px) {
  .silvertip-room-gallery-main { max-height: 300px; aspect-ratio: 3/2; }
  .silvertip-room-gallery-thumbs .swiper-slide {
    flex: 0 0 60px !important;
    width: 60px !important;
    height: 60px !important;
  }
}

/* Larger screens: sizes */
@media (min-width: 601px) and (max-width: 900px) {
  .silvertip-room-gallery-thumbs .swiper-slide { width: 84px; height: 60px; flex: 0 0 84px !important; }
}
@media (min-width: 901px) {
  .silvertip-room-gallery-thumbs .swiper-slide { width: 104px; height: 72px; flex: 0 0 104px !important; }
}


/* ==== Hide Thumbnail Controls ==== */
.thumbs-control,
.silvertip-room-thumbs-wrapper .thumbs-prev,
.silvertip-room-thumbs-wrapper .thumbs-next {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}













/* Sidebar */





/* Sidebar container */
.silvertip-room-sidebar {
  flex: 0 0 320px;
  border: 1px solid #e5e7eb;      /* হালকা বর্ডার */
  padding: 20px;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  box-sizing: border-box;
}

/* Title */
.silvertip-room-sidebar h3 {
  font-size: 1.3rem;
  font-weight: 700;
  color: #0ea5a4;  /* আপনার accent রঙ */
  border-bottom: 2px solid rgba(14,165,164,0.2);
  padding-bottom: 8px;
  margin-top: 0;
  margin-bottom: 18px;
  text-align: center;
}

/* List styles */
.silvertip-room-info {
  list-style: none;
  padding: 0;
  margin: 0;
}

.silvertip-room-info li {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 0;
  border-bottom: 1px solid #f0f0f0;
  font-size: 0.95rem;
  color: #374151; /* ডার্ক গ্রে টেক্সট */
}

.silvertip-room-info li:last-child {
  border-bottom: none;
}

/* Font Awesome icons */
.silvertip-room-info i {
  color: #0ea5a4;      /* accent color */
  font-size: 1rem;
  width: 20px;
  text-align: center;
  flex-shrink: 0;
}

/* Book Now button */
.silvertip-room-sidebar .book-btn {
  display: block;
  margin: 20px auto 0;
  padding: 10px 20px;
  background: #0ea5a4;
  color: #fff;
  font-weight: 600;
  border-radius: 8px;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease;
  max-width: 160px;
}

.silvertip-room-sidebar .book-btn:hover {
  background: #0c8c8a;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}


/* Book Now button */
.silvertip-room-sidebar .book-btn {
    display: block;
    margin: 20px auto 0 auto;     /* উপরে 20px gap, auto margin → সবসময় center */
    padding: 10px 20px;
    background: #0ea5a4;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
    text-align: center;           /* বাটনের টেক্সট center হবে */
    width: fit-content;           /* টেক্সট অনুযায়ী বাটনের width */
    cursor: pointer;
    transition: background 0.3s ease;

}


/* Amenities & Features */


/* Outer wrapper: match description wrapper */
.silvertip-room-extras-wrapper {
  width: 100%;             /* take full width of parent */
  max-width: 1100px;       /* limit same as description */
  margin: 30px auto;       /* center horizontally */
  padding: 20px;
  box-sizing: border-box;

  background: #f9fdfb;     /* subtle background */
  border: 1px solid rgba(14,165,164,0.1);
  border-radius: 12px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.04);
}

.silvertip-room-sections .section-title {
  font-size: 1.1rem;
  font-weight: 700;
  margin: 0 0 12px 0;
  color: #0ea5a4;                /* same accent color */
  border-bottom: 2px solid rgba(14,165,164,0.2);
  padding-bottom: 6px;
  text-align: center;
}

.silvertip-room-sections-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.silvertip-room-sections {
  flex: 1 1 30%;
  min-width: 260px;
  background: #fff;
  border-radius: 8px;
  padding: 16px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.03);
  display: flex;
  flex-direction: column;
}



/* WhatsApp Booking Button */
.whatsapp-booking-wrapper {
  text-align: center;   /* ✅ button সবসময় center এ থাকবে */
  margin-top: 20px;
}

.whatsapp-btn {
  display: inline-block;
  background: #25D366; /* WhatsApp green */
  color: #fff;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 6px;
  text-decoration: none;
  font-size: 15px;
  box-shadow: 0 3px 8px rgba(0,0,0,0.12);
  transition: background 0.3s ease, transform 0.2s ease;
}

.whatsapp-btn:hover {
  background: #1da851;
  transform: translateY(-2px); /* hover এ হালকা উঠবে */
}










/* ===== Header base ===== */
.silvertip-modern-header {
  position: sticky;
  top: 0;
  z-index: 1400;
  backdrop-filter: blur(6px);
  background: rgba(200, 255, 200, 0.45); /* ✅ একেবারে হালকা সবুজ */
  box-shadow: 0 4px 14px rgba(0,0,0,0.04);
  border-bottom: 3px solid #0ea5a4;
}

/* make the bottom line very thin and very light */
.silvertip-modern-header,
#site-header,
.site-header {
  border-bottom: 1px solid rgba(14,165,164,0.12) !important;
  border-top: none !important;
  box-shadow: none !important;
}


/* ========== Grid layout: true center logo, right menu ========== */
.smh-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 12px 18px;       /* উপরে-নিচে পর্যাপ্ত ফাঁক রাখে */
  display: grid;
  grid-template-columns: 1fr auto 1fr; /* left spacer | logo | right spacer */
  align-items: center;
  gap: 12px;
  min-height: 96px;        /* header-এর ন্যূনতম উচ্চতা — প্রয়োজনমতো পরিবর্তন করুন */
  box-sizing: border-box;
  position: relative;
}

/* Logo sits in middle grid cell and is truly centered */
.smh-center {
  grid-column: 2;           /* middle column */
  justify-self: center;     /* true horizontal center inside middle column */
  align-self: center;
  display: flex;
  align-items: center;
  pointer-events: auto;
  z-index: 2;
}

/* Right menu toggle placed in right column and pushed to the end */
.smh-right {
  grid-column: 3;           /* right column */
  justify-self: end;        /* push to extreme right of its column */
  align-self: center;
  display: flex;
  gap: 10px;
  z-index: 3;               /* ensure clickable above logo if overlap */
}

/* Left spacer (keep it empty) */
.smh-left {
  grid-column: 1;
  justify-self: start;
  display: block;           /* can be none if you removed HTML, but keep block as spacer */
  min-width: 1px;
}

/* Logo size & visual */
.smh-logo {
  height: 140px;
  width: auto;
  display: block;
  transition: transform .25s ease;
  margin-top: 8px;   /* ✅ লোগোকে 8px নিচে নামাবে */
}

.smh-logo-link:hover .smh-logo { transform: scale(1.12); }

/* Menu toggle style (same as আগে) */
.smh-menu-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border-radius: 10px;
  font-size: 24px;
  background: linear-gradient(180deg, #16c3b7, #0b8c86); /* 🎯 ডীপ টোন */
  color: #fff;
  border: 0;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(14,165,164,0.14);
  transition: background .12s ease, transform .12s ease;
}
.smh-menu-toggle:hover {
  background: linear-gradient(180deg, #0ea5a4, #07877a); /* hover-এ আরও ডার্ক */
  transform: translateY(-2px);
}

.smh-menu-toggle { background: linear-gradient(180deg,#16c3b7,#0b8c86) !important; }


/* Overlay nav and rest of styles (leave as-is or copy from your prior rules) */
.smh-overlay-nav { position:fixed; inset:0; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,0.35); opacity:0; pointer-events:none; transition:opacity .22s ease; z-index:1500; }
.smh-overlay-nav[aria-hidden="false"] { opacity:1; pointer-events:auto; }
.smh-overlay-content { width:100%; max-width:720px; margin:16px; background:#fff; border-radius:12px; padding:20px; box-shadow:0 20px 60px rgba(0,0,0,0.18); overflow:auto; position:relative; }
.smh-overlay-close { position:absolute; top:12px; right:12px; width:44px; height:44px; border-radius:8px; border:0; font-size:22px; color:#fff; background:#0ea5a4; cursor:pointer; }
.smh-overlay-close:hover { background:#07877a; }
.smh-nav-list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px; align-items:center; }
.smh-nav-list a { text-decoration:none; color:#073a38; font-weight:700; font-size:18px; padding:8px 14px; border-radius:8px; transition: background .2s; }
.smh-nav-list a:hover { background:rgba(14,165,164,0.08); }

/* Responsive tweaks */
@media (max-width:900px) {
  .smh-inner { padding:10px 12px; min-height:72px; grid-template-columns: 1fr auto 1fr; }
  .smh-logo { height: 120px; }
  .smh-menu-toggle { width:48px; height:48px; }
}
@media (max-width:520px) {
  .smh-inner { min-height:64px; padding:8px 10px; }
  .smh-logo { height:80px; }
}

/* Menu toggle button */
.smh-menu-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;     /* আগের 54px থেকে ছোট করা হলো */
  height: 44px;    /* আগের 54px থেকে ছোট করা হলো */
  border-radius: 8px;  /* একটু ছোট রেডিয়াস */
  font-size: 20px;     /* icon একটু ছোট দেখাবে */
  background: #0ea5a4;
  color: #fff;
  border: 0;
  cursor: pointer;
  box-shadow: 0 6px 14px rgba(14,165,164,0.14);
  transition: background 0.2s ease, transform 0.2s ease;
}
.smh-menu-toggle:hover { 
  background:#07877a; 
  transform: scale(1.05);  /* hover-এ হালকা zoom */
}


/* Logo bigger + zoom on hover */
.smh-logo {
  height:140px;     /* ✅ বড় করা হলো */
  width:auto;
  display:block;
  transition:transform .25s ease;
}
.smh-logo-link:hover .smh-logo { transform:scale(1.12); }

.smh-overlay-nav {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: start;               /* start from top so margin-top works reliably */
  justify-content: center;
  background: rgba(0,0,0,0.35);
  opacity: 0;
  pointer-events: none;
  transition: opacity .22s ease;
  z-index: 1500;
}
.smh-overlay-nav[aria-hidden="false"] {
  opacity: 1;
  pointer-events: auto;
}

.smh-overlay-content {
  width: 100%;
  max-width: 720px;
  margin: calc(var(--header-height) + 20px) auto 16px; /* header + 20px gap */
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.18);
  overflow: auto;
  position: relative;
  max-height: calc(100vh - (var(--header-height) + 40px)); /* avoid overflow */
}

/* responsive: smaller header height on narrower screens but same behavior */
@media (max-width: 900px) {
  .silvertip-modern-header { --header-height: 84px; }
  .smh-overlay-content { margin: calc(var(--header-height) + 16px) auto 12px; }
  .smh-overlay-content { max-height: calc(100vh - (var(--header-height) + 32px)); }
}

@media (max-width: 520px) {
  .silvertip-modern-header { --header-height: 72px; }
  .smh-overlay-content { margin: calc(var(--header-height) + 12px) auto 10px; }
  .smh-overlay-content { max-height: calc(100vh - (var(--header-height) + 28px)); }
}



/* Close button */
.smh-overlay-close {
  position:absolute;
  top:12px;
  right:12px;
  width:44px;
  height:44px;
  border-radius:8px;
  border:0;
  font-size:22px;
  color:#fff;
  background:#0ea5a4;
  cursor:pointer;
}
.smh-overlay-close:hover { background:#07877a; }

/* Nav list */
.smh-nav-list {
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:12px;
  align-items:center;
}
.smh-nav-list a {
  text-decoration:none;
  color:#073a38;
  font-weight:700;
  font-size:18px;
  padding:8px 14px;
  border-radius:8px;
  transition: background .2s;
}
.smh-nav-list a:hover { background:rgba(14,165,164,0.08); }

/* ✅ Book Now button special style */
.smh-nav-list .btn.btn-primary {
  background: linear-gradient(180deg,#16c3b7,#0ea5a4);
  color:#fff;
  padding:10px 22px;
  font-size:17px;
  border-radius:8px;
  font-weight:700;
  text-decoration:none;
  box-shadow:0 6px 18px rgba(14,165,164,0.25);
  transition: transform .2s ease, background .2s ease;
}
.smh-nav-list .btn.btn-primary:hover {
  background: linear-gradient(180deg,#0ea5a4,#07877a);
  transform:translateY(-2px);
}

/* Responsive */
@media (max-width:900px) {
  .smh-inner { padding:6px 10px; }
  .smh-logo { height:120px; }
  .smh-overlay-content { padding:16px; margin:12px; }
  .smh-nav-list a { font-size:16px; }
}







#whatsapp-widget {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99999;
}

#whatsapp-widget a {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #25d366;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  animation: pulse 2s infinite; /* 🔥 Auto pulse */
}

#whatsapp-widget a:hover {
  transform: scale(1.1) rotate(5deg);
  box-shadow: 0 6px 18px rgba(0,0,0,0.3);
  animation: bounce 0.6s; /* 🔥 Hover bounce */
}

#whatsapp-widget img {
  width: 32px;
  height: 32px;
}

/* ✅ Mobile view এ ছোট (কিন্তু আগে থেকে বড় রাখা হলো) */
@media (max-width: 480px) {
  #whatsapp-widget a {
    width: 46px;
    height: 46px;
  }

  #whatsapp-widget img {
    width: 26px;
    height: 26px;
  }

  #whatsapp-widget {
    bottom: 16px;
    right: 16px;
  }
}

/* Pulse animation */
@keyframes pulse {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.08); }
  100% { transform: scale(1); }
}

/* Bounce animation */
@keyframes bounce {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-6px); }
}





/* Footer-like block (matches header style) */
/* Footer-like block (matches header style) */
.silvertip-footerlike-block {
  background: linear-gradient(135deg, #f5f7fa, #e6e9ef); /* পানির মতো হালকা ধূসর-সাদা mix */
  border: 1px solid #ddd;
  border-radius: 12px;
  padding: 20px;
  margin: 24px 0;
  box-shadow: 0 6px 20px rgba(0,0,0,0.05);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color: #222;
}


.sfb-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  gap: 18px;
  align-items: center;
  justify-content: space-between;
  padding: 6px 12px;
}

/* columns */
.sfb-left,
.sfb-center,
.sfb-right {
  display: flex;
  flex-direction: column;
  gap: 8px;
}



/* footer-like block logo */
.sfb-logo {
  max-height: 80px;   /* আগে 56px ছিল → এখন বড় */
  width: auto;
  display: block;
  margin: 0 auto;     /* মাঝখানে আনা হলো */
}


.sfb-desc {
  margin: 4px 0 0;
  font-size: 14px;
  color: #556;
  max-width: 320px;
}

/* center: nav + CTA */
.sfb-nav {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.sfb-nav a {
  text-decoration: none;
  color: #1f2937;
  font-weight: 600;
}

.sfb-cta {
  display: flex;
  gap: 10px;
  margin-top: 8px;
  justify-content: center;
}

.btn {
  display: inline-block;
  padding: 8px 14px;
  border-radius: 12px;
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
  border: none;
  cursor: pointer;
}

/* primary book button similar to header accent */
.sfb-book-btn {
  background: #0ea5a4;
  color: #fff;
  box-shadow: 0 8px 20px rgba(14,165,164,0.12);
}

/* secondary chat button */
.sfb-chat-btn {
  background: transparent;
  color: #0ea5a4;
  border: 1px solid rgba(14,165,164,0.12);
}

/* right: contact */
.sfb-contact a {
  color: #1f2937;
  text-decoration: none;
  font-weight: 600;
}

.sfb-small {
  font-size: 13px;
  color: #7a7a7a;
  margin-top: 6px;
  text-align: right;
}

/* responsive */
@media (max-width: 880px) {
  .sfb-inner {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .sfb-right { align-items: center; }
  .sfb-small { text-align: center; }
  .sfb-desc { max-width: 100%; }
}

@media (max-width: 480px) {
  .silvertip-footerlike-block { padding: 14px; border-radius: 10px; }
  .sfb-logo { max-height: 100px; }
  .sfb-cta { flex-direction: column; gap: 8px; width: 100%; }
  .sfb-cta .btn { width: 100%; text-align: center; padding: 10px; border-radius: 10px; }
}



/* copyright text style */
.sfb-small {
  color: #2563eb;   /* আলাদা নীল (#2563eb Tailwind Blue 600) */
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  margin-top: 20px;   /* উপরের কন্টেন্ট থেকে একটু ফাঁকা */
  display: block;
}


/* divider সহ copyright */
.sfb-small {
  color: #2563eb;       /* নীল রঙ */
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  margin-top: 20px;     /* উপরের কন্টেন্ট থেকে ফাঁকা */
  padding-top: 12px;    /* divider আর টেক্সটের মাঝে ফাঁকা */
  border-top: 1px solid #d1d5db; /* হালকা গ্রে divider */
  display: block;
}

/* Footer-like block এর নিচের white gap remove */
.silvertip-footerlike-block {
  margin-bottom: 0 !important;   /* নিচের margin সরানো হলো */
  padding-bottom: 0;             /* যদি padding থাকে */
}






/* Single Room Template এ footer hide */
body.single-silvertip_room footer,
body.single-silvertip_room .site-footer,
body.single-silvertip_room #colophon,
body.single-silvertip_room .footer {
  display: none !important;
}