/* MUDE BATH Mobile & Tablet Responsive Fixes v3 */

/* === MOBILE (max 767px): Compact header === */
@media only screen and (max-width: 767px) {

  /* Hide phone number column */
  .elementor-element-3a04696 {
    display: none !important;
  }
  /* Hide email column */
  .elementor-element-cc60afa {
    display: none !important;
  }
  /* Hide social icons column in header */
  .elementor-element-b3f85c5 {
    display: none !important;
  }
  /* Shrink top header bar */
  .elementor-element-5d9fab9 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    min-height: 0 !important;
  }
  /* Logo column: full width centered */
  .elementor-element-e575f44 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    text-align: center !important;
  }

  /* === Chaty WhatsApp widget — force fixed bottom-right, never overlap text === */
  .chaty_floatingside,
  .chaty-bar-wrapper,
  #chaty-widget-0,
  [id*="chaty"] {
    position: fixed !important;
    bottom: 20px !important;
    right: 15px !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    z-index: 9998 !important;
    width: auto !important;
    height: auto !important;
  }

      /* Hide "What's" label text — icon only on mobile */
  .on-hover-text,
  .chaty-channel-name,
  .chaty_name,
  .chaty-name-tooltip,
  [class*="chaty-name"],
  [class*="chaty-label"],
  [class*="chaty-text"],
  #chaty-widget-0 .chaty-bar-wrapper > div > div:last-child,
  #chaty-widget-0 .chaty-widget .chaty-widget-text {
    display: none !important;
    width: 0 !important;
  }

  /* Make the Chaty icon itself smaller on mobile */
  #chaty-widget-0 .chaty-widget img,
  #chaty-widget-0 svg,
  .chaty-widget-circle img,
  #chaty-widget-0 .chaty-svg svg {
    width: 45px !important;
    height: 45px !important;
  }

  /* Ensure body content is NOT pushed by Chaty */
  body {
    padding-bottom: 0 !important;
  }
}

/* === TABLET (768px–1024px): Fix social icons horizontal === */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

  /* Force social icons to stay in a horizontal row */
  .elementor-element-17f91f4 .elementor-social-icons-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
  }
  .elementor-element-17f91f4 .elementor-grid-item {
    width: auto !important;
    flex: 0 0 auto !important;
    display: inline-flex !important;
  }
}