/*
Theme Name: Mind Sanctuary Psychology Bangkok
Theme URI: https://mindsanctuarybkk.com/
Author: Mind Sanctuary
Author URI: https://mindsanctuarybkk.com/
Description: Boutique psychology and counselling practice theme for Mind Sanctuary Psychology Bangkok (English, Thai, and French). Includes built-in Theme Settings, News & Events integration via WordPress Posts, Booking Request management & WP Mail notification, and "[mind_sanctuary_app]" shortcode support.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: Proprietary
Text Domain: mind-sanctuary
*/

/* Global responsive foundation & overflow prevention */
html, body {
  overflow-x: clip;
  max-width: 100%;
}

img, iframe, video, svg {
  max-width: 100%;
}

/* WordPress Admin Bar offset adjustment when logged in */
body.admin-bar header[style*="position:sticky"],
body.admin-bar .ms-header {
  top: 32px !important;
}

@media screen and (max-width: 782px) {
  body.admin-bar header[style*="position:sticky"],
  body.admin-bar .ms-header {
    top: 46px !important;
  }
}

/* Tablet & Mobile (< 1100px) */
@media screen and (max-width: 1099px) {
  .ms-header-inner {
    padding: 14px clamp(16px, 4vw, 32px) !important;
  }
}

/* Mobile Devices (< 640px) */
@media screen and (max-width: 640px) {
  /* Hide the redundant top-bar CTA button on mobile since it is inside the mobile hamburger menu */
  .ms-header-cta {
    display: none !important;
  }

  .ms-header-inner {
    padding: 12px 16px !important;
    gap: 8px !important;
  }

  .ms-brand {
    gap: 10px !important;
  }

  .ms-brand-title {
    font-size: 18px !important;
  }

  .ms-brand-sub {
    font-size: 9.5px !important;
    letter-spacing: 0.14em !important;
  }

  /* Make primary CTA buttons full-width on mobile for easy tapping */
  .ms-btn-mobile-full {
    width: 100% !important;
    align-self: stretch !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }

  /* Stack "Finding us" table rows cleanly on narrow screens */
  .ms-find-row {
    grid-template-columns: 1fr !important;
    gap: 4px !important;
  }
}

/* Extra Small Mobile (< 380px) */
@media screen and (max-width: 380px) {
  .ms-brand-sub {
    display: none !important;
  }
}