/* Synergy Health - WIDE FLUID responsive overrides (2026). Loaded after layout.css */
#wrap, #wrap_in, .top, header, section, footer, .mdhome, #banner_box { box-sizing: border-box; }
/* kill legacy floats first — root cause of collapsed 370px white box */
#outer { float: none !important; width: 100% !important; }
#wrap { float: none !important; }
#wrap_in { float: none !important; }
#wrap, #wrap_in, header, section, footer, .top { clear: both; }
#wrap { width: 100% !important; max-width: 1400px; margin: 0 auto; padding: 0 16px; }
#wrap_in { width: 100% !important; background: #fff; border-radius: 0 0 8px 8px; box-shadow: 0 0 12px rgba(0,0,0,.08); padding-bottom: 20px; }
.top { width: 100% !important; background-size: cover; }
header { width: 100% !important; height: auto; min-height: 126px; margin: 0; padding: 10px 15px; display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
.logo { width: auto; height: auto; margin: 0; }
.logo img { max-width: 273px; height: auto; }
.head_right { width: auto; height: auto; flex: 1 1 500px; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 16px; }
.contact_top { width: auto; margin: 0; }
.enq_box { position: static; margin-left: auto; }
/* nav wrapper fluid */
div[style*="width:980px"] { width: 100% !important; }
#menu { margin-left: 0 !important; }
/* slider fluid */
#banner_box { width: 100% !important; height: auto; margin: 0; padding: 0 15px; }
.playSlider, .playSlider .slide-content, .playSlider .slide-content li { width: 100% !important; max-width: 100% !important; }
.playSlider img { width: 100% !important; height: auto !important; display: block; }
/* 4 home boxes -> fluid grid */
.mdhome { width: 100% !important; height: auto; margin: 12px 0; padding: 0 15px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.mdhomesec { width: auto !important; height: auto; margin: 0 !important; }
.mdhomesec h2, .mdhomesec .hometop { width: auto !important; display: block; float: none; }
.mdhomecnt { width: auto !important; height: auto; min-height: 230px; float: none; }
/* inner sections */
section { width: 100% !important; margin: 10px 0 0 0; padding: 0 15px; display: flex; flex-wrap: wrap; gap: 18px; align-items: flex-start; }
section { float: none !important; }
.midinner { flex: 0 0 100% !important; width: 100% !important; }
.leftmaincnt2, .leftmaincnt1 { float: none !important; width: auto !important; flex: 1 1 600px; min-width: 0; }
.leftmaincnt_txt { float: none !important; width: auto !important; overflow: visible; }
.leftmaincnt_txt h2, .leftmaincnt_txt h3 { width: auto !important; height: auto; }
.leftmaincnt_txt img { max-width: 100%; height: auto; }
/* legacy inline-style sidebar + new class sidebar */
section > div[style*="width:22%"] { flex: 0 0 240px; }
.synergy-inner-sidebar { flex: 0 0 260px; max-width: 280px; align-self: flex-start; }
#rightmenu li.current_page_item > a,
#rightmenu li.current_page_ancestor > a { background-color: #00B0F0; background-image: url(../images/arr.html); background-repeat: no-repeat; background-position: 6px center; }
/* sidebar */
section > div[style*="width:22%"] { flex: 0 0 240px; }
.hdinner { width: 100% !important; margin: 0 0 8px 0; background-size: cover; }
/* footer grid */
footer { width: 100% !important; height: auto; margin: 0; padding: 20px 15px; display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.footer_box, .footer_box h2 { width: auto !important; }
.footer { width: 100% !important; margin: 10px 0 0 0; grid-column: 1 / -1; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; }
/* tablet */
@media (max-width: 1024px) {
  .mdhome { grid-template-columns: repeat(2, 1fr); }
  footer { grid-template-columns: repeat(3, 1fr); }
  header { justify-content: center; text-align: center; }
  .head_right { justify-content: center; }
}
/* mobile */
@media (max-width: 640px) {
  #wrap { padding: 0 8px; }
  .mdhome { grid-template-columns: 1fr; }
  footer { grid-template-columns: 1fr 1fr; }
  section { flex-direction: column; }
  section > div[style*="width:22%"], .synergy-inner-sidebar { flex: 1 1 auto; max-width: 100%; }
  .contact_top table { width: 100%; }
}

/* --- Editable header/footer modes (v1.2) --- */
.header-widget-area img, .footer-widget-area img, .synergy-custom-header img, .synergy-custom-footer img { max-width:100%; height:auto; }
.header-widget-area, .footer-widget-area, .synergy-custom-header, .synergy-custom-footer { width:100%; }