/* =========================================================
   VS Chellam Saraswathy – Mobile / Tablet fixes (≤980px)
   1. Separate mobile header (#mh)  2. Spacing cleanup
   ========================================================= */

/* ---------- Mobile header (hidden on desktop) ---------- */
#mh{display:none}

@media (max-width:980px){
  /* hide the Divi desktop header on mobile/tablet */
  header.et-l--header{display:none!important}

  #mh{display:block;position:fixed;top:0;left:0;right:0;z-index:99990;background:#fff;
      box-shadow:0 2px 12px rgba(4,8,13,.08);font-family:'Roboto',Helvetica,Arial,sans-serif}
  body{padding-top:64px!important}
  body.admin-bar #mh{top:0}

  .mh-bar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 12px}
  .mh-logo{display:flex;align-items:center;height:100%}
  .mh-logo img{height:46px;width:auto;display:block}
  .mh-actions{display:flex;align-items:center;gap:8px}
  .mh-call,.mh-toggle{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;
      border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .mh-call{background:#1570b5;color:#fff}
  .mh-call svg{width:19px;height:19px;fill:#fff}
  .mh-toggle{background:#f2f6fa}
  .mh-toggle span{display:block;position:relative;width:20px;height:2px;background:#04080d;transition:background .2s}
  .mh-toggle span:before,.mh-toggle span:after{content:"";position:absolute;left:0;width:20px;height:2px;background:#04080d;transition:transform .25s}
  .mh-toggle span:before{top:-6px}
  .mh-toggle span:after{top:6px}
  #mh.open .mh-toggle span{background:transparent}
  #mh.open .mh-toggle span:before{transform:translateY(6px) rotate(45deg)}
  #mh.open .mh-toggle span:after{transform:translateY(-6px) rotate(-45deg)}

  .mh-panel{max-height:0;overflow:hidden;background:#fff;border-top:1px solid transparent;transition:max-height .3s ease,border-color .3s}
  #mh.open .mh-panel{max-height:520px;border-top-color:#e8edf2}
  .mh-nav{list-style:none!important;margin:0!important;padding:6px 0!important}
  .mh-nav li{margin:0;padding:0;list-style:none}
  .mh-nav a{display:block;padding:14px 20px;font-size:15px;font-weight:700;letter-spacing:1px;color:#04080d;
      text-decoration:none;border-left:3px solid transparent}
  .mh-nav a.active{color:#1570b5;border-left-color:#1570b5;background:#f2f7fc}
  .mh-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 20px 18px;border-top:1px solid #eef1f4}
  .mh-book{display:inline-block;background:#1570b5;color:#fff!important;font-size:14px;font-weight:700;letter-spacing:1px;
      padding:10px 18px;text-decoration:none}
  .mh-social{display:flex;gap:8px}
  .mh-social a{width:34px;height:34px;border-radius:50%;background:#1570b5;display:flex;align-items:center;justify-content:center}
  .mh-social svg{width:16px;height:16px;fill:#fff}
  .mh-overlay{display:none;position:fixed;inset:64px 0 0 0;background:rgba(4,8,13,.35);z-index:99980}
  body.mh-lock .mh-overlay{display:block}
  body.mh-lock{overflow:hidden}
}

/* ---------- Spacing cleanup ---------- */
@media (max-width:980px){
  html,body{overflow-x:hidden}
  body #page-container .et_pb_section{padding-top:30px!important;padding-bottom:30px!important}
  body #page-container .et_pb_section.et_pb_fullwidth_section,
  body #page-container .et_pb_section:first-of-type{padding-top:0!important}
  body #page-container .et_pb_section .et_pb_row{padding-top:10px!important;padding-bottom:10px!important}
  body #page-container .et_pb_row .et_pb_column{margin-bottom:22px}
  body #page-container .et_pb_row .et_pb_column.et-last-child,
  body #page-container .et_pb_row .et_pb_column:last-child{margin-bottom:0}
  body #page-container .et_pb_column .et_pb_module{margin-bottom:18px}
  body #page-container .et_pb_column .et_pb_module:last-child{margin-bottom:0}
  /* pages hero banner on inner pages was pushed under the old absolute header */
  body #page-container .et_pb_section_0{margin-top:0!important}
}
@media (max-width:767px){
  body #page-container .et_pb_section{padding-top:24px!important;padding-bottom:24px!important}
}

/* ---------- Section-specific fixes ---------- */
@media (max-width:980px){
  /* negative desktop overlaps cause uneven gaps on mobile */
  body #page-container .et_pb_section{margin-top:0!important}
  body #page-container .et_pb_section > .et_pb_row{margin-top:0!important}
  /* slider / hero section sits right under the header */
  body #page-container .et_pb_section_0{padding-top:0!important;padding-bottom:0!important}
  /* Home: "33 Years" floating image block – fit height to the image */
  body.home .dnxte_floating_element_0.dnxte_floating_element{height:auto!important}
  body.home .dnxte_floating_element_0 .dnxte-floatimg-wrapper{height:auto!important}
  body.home .dnxte_floating_element_0 .dnxte_floating_element_child_0 .dnxte-fltshape{position:relative!important;display:block}
}
@media (max-width:980px){
  /* "33 Years" badge sits over the bottom-left of the photo */
  body.home .dnxte_floating_element_0 .dnxte_floating_element_child_1,
  body.home .dnxte_floating_element_0 .dnxte_floating_element_child_1 .et_pb_module_inner{position:static!important}
  /* Home: "We are ready to celebrate" banner */
  body.home #page-container .et_pb_text_24{margin-top:40px!important;font-size:36px!important}
  body.home #page-container .et_pb_row_12{padding-bottom:40px!important}
}
@media (max-width:980px){
  body.home .dnxte_floating_element_0 .dnxte_floating_element_child_1 .dnxte-fltshape-three{width:42%!important;max-width:170px!important;top:auto!important;bottom:10px!important;left:8px!important}
}
@media (max-width:767px){
  /* Testimonials: wider text area + equal-height cards (no empty strip under short reviews) */
  body #page-container .dnxte-tstimonial-wrap .swiper-wrapper{align-items:stretch}
  body #page-container .dnxte-tstimonial-wrap .swiper-slide{height:auto!important}
  body #page-container .dnxte-tstimonial-wrap .dnxte_testimonial_child{padding:24px 22px 16px!important}
  body #page-container .dnxte-tstimonial-item-prfle{margin-top:18px!important}
}
@media (max-width:980px){
  /* inner page title banner (About / Facilities / Contact) */
  body:not(.home) #page-container .et_pb_section_0{padding-top:26px!important;padding-bottom:26px!important}
}
@media (max-width:767px){
  /* Facilities: packages table -> stacked cards */
  .pkg-table,.pkg-table tbody,.pkg-table tr,.pkg-table td{display:block;width:100%!important}
  .pkg-table{border:0!important;margin:0!important}
  .pkg-table tr:first-child{display:none}
  .pkg-table tr{margin:0 0 14px;border:1px solid #dfe7ef;box-shadow:0 4px 12px rgba(4,8,13,.06);background:#fff}
  .entry-content .pkg-table tr td,.pkg-table td{display:flex;justify-content:space-between;gap:12px;padding:9px 14px!important;
      border-top:1px solid #eef2f6!important;text-align:right;font-size:14px;line-height:1.4}
  .pkg-table td:before{content:attr(data-label);font-weight:700;color:#04080d;text-align:left;flex:0 0 42%}
  .pkg-table td:first-child{background:#1570b5;color:#fff!important;font-weight:700;border-top:0!important;justify-content:flex-start;text-align:left}
  .pkg-table td:first-child:before{display:none}
}