.elementor-101 .elementor-element.elementor-element-adfc132{--display:flex;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-645d6cd *//* =========================================================
   SITA CLINIC — GLOBAL FOOTER
   Theme Builder Production
   Self-contained / No Homepage dependency
   ========================================================= */


/* ---------------------------------------------------------
   01. FOOTER DESIGN TOKENS
   --------------------------------------------------------- */

.sita-global-footer {
  --sita-footer-primary: #BB6358;
  --sita-footer-deep: #723129;
  --sita-footer-warm: #9A614D;

  --sita-footer-ink: #2A2422;
  --sita-footer-body: #4A3D39;

  --sita-footer-bg: #FBF4F0;
  --sita-footer-white: #FFFFFF;

  --sita-footer-line:
    rgba(114, 49, 41, 0.14);

  --sita-footer-line-strong:
    rgba(114, 49, 41, 0.20);

  --sita-footer-max: 1264px;

  --sita-footer-gutter-desktop: 88px;
  --sita-footer-gutter-tablet: 40px;
  --sita-footer-gutter-mobile: 24px;

  position: relative;

  width: 100%;
  max-width: 100%;

  margin: 0;

  padding:
    80px
    var(--sita-footer-gutter-desktop)
    0;

  background: var(--sita-footer-bg);

  font-family:
    "Noto Sans Thai",
    "Noto Sans",
    sans-serif;

  color: var(--sita-footer-body);

  overflow: hidden;
}


/* ---------------------------------------------------------
   02. RESET INSIDE FOOTER
   --------------------------------------------------------- */

.sita-global-footer,
.sita-global-footer *,
.sita-global-footer *::before,
.sita-global-footer *::after {
  box-sizing: border-box;
}


.sita-global-footer a {
  text-decoration: none;
}


/* ---------------------------------------------------------
   03. INNER SHELL
   Existing HTML keeps .sita-v2-shell
   --------------------------------------------------------- */

.sita-global-footer > .sita-v2-shell {
  width: 100%;
  max-width: var(--sita-footer-max);

  margin-inline: auto;
}


/* =========================================================
   04. MAIN FOOTER GRID
   Brand + 4 Navigation Columns
   ========================================================= */

.sita-global-footer .sita-v2-footer-grid {
  display: grid;

  grid-template-columns:
    minmax(260px, 1.6fr)
    repeat(4, minmax(0, 1fr));

  column-gap: 40px;
  row-gap: 48px;

  width: 100%;

  align-items: start;
}


/* Prevent long text from pushing columns outside viewport */

.sita-global-footer .sita-v2-footer-grid > * {
  min-width: 0;
}


/* =========================================================
   05. BRAND BLOCK
   ========================================================= */

.sita-global-footer .sita-v2-footer-brand {
  min-width: 0;
}


/* ---------------------------------------------------------
   REAL SITA LOGO
   Above the SITA wordmark
   --------------------------------------------------------- */

.sita-global-footer .sita-v2-footer-logo {
  display: block;

  width: fit-content;

  margin:
    0
    0
    20px;

  padding: 0;
}


.sita-global-footer .sita-v2-footer-logo img {
  display: block;

  width: auto;
  height: auto;

  max-width: 118px;
  max-height: 74px;

  margin: 0;
  padding: 0;

  object-fit: contain;
  object-position: left center;
}


/* ---------------------------------------------------------
   SITA WORDMARK
   --------------------------------------------------------- */

.sita-global-footer .sita-v2-footer-wordmark {
  margin: 0;
}


.sita-global-footer .sita-v2-footer-wordmark strong {
  display: block;

  margin: 0;

  font-family:
    "Anuphan",
    sans-serif;

  font-size: 32px;
  font-weight: 400;
  line-height: 1;

  letter-spacing: .20em;

  color: var(--sita-footer-deep);
}


.sita-global-footer .sita-v2-footer-wordmark span {
  display: block;

  max-width: 280px;

  margin-top: 8px;

  font-size: 9px;
  font-weight: 400;
  line-height: 1.55;

  letter-spacing: .15em;

  color: var(--sita-footer-warm);
}


/* =========================================================
   06. ADDRESS
   ========================================================= */

.sita-global-footer .sita-v2-footer-address {
  max-width: 300px;

  margin:
    30px
    0
    0;

  padding: 0;

  font-style: normal;

  font-size: 14px;
  font-weight: 300;
  line-height: 1.85;

  color: var(--sita-footer-body);
}


/* =========================================================
   07. CONTACT DETAILS
   ========================================================= */

.sita-global-footer .sita-v2-footer-contact {
  display: flex;
  flex-direction: column;

  align-items: flex-start;

  gap: 5px;

  margin-top: 24px;
}


.sita-global-footer .sita-v2-footer-contact a {
  display: inline-block;

  max-width: 100%;

  font-size: 14px;
  font-weight: 300;
  line-height: 1.6;

  color: var(--sita-footer-ink);

  overflow-wrap: anywhere;

  transition:
    color .15s ease;
}


.sita-global-footer .sita-v2-footer-contact a:hover {
  color: var(--sita-footer-primary);
}


/* Hours */

.sita-global-footer .sita-v2-footer-hours {
  margin:
    16px
    0
    0;

  padding: 0;

  font-size: 14px;
  font-weight: 300;
  line-height: 1.6;

  color: var(--sita-footer-warm);
}


/* =========================================================
   08. NAVIGATION COLUMNS
   ========================================================= */

.sita-global-footer .sita-v2-footer-nav {
  min-width: 0;

  margin: 0;
  padding: 0;
}


/* Column heading */

.sita-global-footer .sita-v2-footer-nav h2 {
  margin: 0;

  padding:
    0
    0
    12px;

  border-bottom:
    1px solid
    var(--sita-footer-line-strong);

  font-family:
    "Noto Sans Thai",
    "Noto Sans",
    sans-serif;

  font-size: 11px;
  font-weight: 400;
  line-height: 1.5;

  letter-spacing: .14em;

  color: var(--sita-footer-warm);
}


/* List */

.sita-global-footer .sita-v2-footer-nav ul {
  margin:
    13px
    0
    0;

  padding: 0;

  list-style: none;
}


.sita-global-footer .sita-v2-footer-nav li {
  margin: 0;
  padding: 0;
}


/* Links */

.sita-global-footer .sita-v2-footer-nav a {
  display: inline-block;

  max-width: 100%;

  padding: 5px 0;

  font-size: 14px;
  font-weight: 300;
  line-height: 1.55;

  color: var(--sita-footer-ink);

  overflow-wrap: break-word;

  transition:
    color .15s ease;
}


.sita-global-footer .sita-v2-footer-nav a:hover {
  color: var(--sita-footer-primary);
}


/* =========================================================
   09. FOOTER BOTTOM
   ========================================================= */

.sita-global-footer .sita-v2-footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: baseline;

  gap: 48px;

  width: 100%;

  margin-top: 68px;

  padding:
    23px
    0
    27px;

  border-top:
    1px solid
    var(--sita-footer-line-strong);
}


/* Disclaimer */

.sita-global-footer .sita-v2-footer-bottom p {
  max-width: 900px;

  margin: 0;
  padding: 0;

  font-size: 11px;
  font-weight: 300;
  line-height: 1.7;

  color: var(--sita-footer-warm);
}


/* Legal */

.sita-global-footer .sita-v2-footer-legal {
  flex: 0 0 auto;
}


.sita-global-footer .sita-v2-footer-legal a {
  font-size: 11px;
  font-weight: 300;
  line-height: 1.6;

  white-space: nowrap;

  color: var(--sita-footer-warm);

  transition:
    color .15s ease;
}


.sita-global-footer .sita-v2-footer-legal a:hover {
  color: var(--sita-footer-deep);
}


/* =========================================================
   10. TABLET / SMALL DESKTOP
   ≤ 1180px

   Brand gets full row.
   Navigation stays 4 columns.
   ========================================================= */

@media (max-width: 1180px) {

  .sita-global-footer {
    padding:
      64px
      var(--sita-footer-gutter-tablet)
      0;
  }


  .sita-global-footer .sita-v2-footer-grid {
    grid-template-columns:
      repeat(4, minmax(0, 1fr));

    column-gap: 32px;
    row-gap: 42px;
  }


  /* Brand full width */

  .sita-global-footer .sita-v2-footer-brand {
    grid-column: 1 / -1;

    max-width: 520px;
  }


  .sita-global-footer .sita-v2-footer-address {
    max-width: 420px;
  }

}


/* =========================================================
   11. TABLET
   ≤ 900px

   Navigation becomes 2 × 2
   ========================================================= */

@media (max-width: 900px) {

  .sita-global-footer .sita-v2-footer-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    column-gap: 48px;
    row-gap: 42px;
  }


  .sita-global-footer .sita-v2-footer-brand {
    grid-column: 1 / -1;
  }


  .sita-global-footer .sita-v2-footer-bottom {
    display: block;

    margin-top: 56px;
  }


  .sita-global-footer .sita-v2-footer-legal {
    margin-top: 14px;
  }

}


/* =========================================================
   12. MOBILE
   ≤ 767px
   ========================================================= */

@media (max-width: 767px) {

  .sita-global-footer {
    padding:
      48px
      var(--sita-footer-gutter-mobile)
      0;
  }


  /* ---------------------------------------------------------
     Brand
     --------------------------------------------------------- */

  .sita-global-footer .sita-v2-footer-logo {
    margin-bottom: 18px;
  }


  .sita-global-footer .sita-v2-footer-logo img {
    max-width: 100px;
    max-height: 64px;
  }


  .sita-global-footer .sita-v2-footer-wordmark strong {
    font-size: 28px;
  }


  .sita-global-footer .sita-v2-footer-wordmark span {
    max-width: 270px;

    margin-top: 7px;

    font-size: 8px;
    line-height: 1.55;
  }


  .sita-global-footer .sita-v2-footer-address {
    max-width: none;

    margin-top: 24px;

    font-size: 13px;
    line-height: 1.8;
  }


  .sita-global-footer .sita-v2-footer-contact {
    margin-top: 20px;
  }


  .sita-global-footer .sita-v2-footer-contact a {
    font-size: 13px;
  }


  .sita-global-footer .sita-v2-footer-hours {
    margin-top: 14px;

    font-size: 13px;
  }


  /* ---------------------------------------------------------
     Navigation
     --------------------------------------------------------- */

  .sita-global-footer .sita-v2-footer-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    column-gap: 28px;
    row-gap: 38px;
  }


  .sita-global-footer .sita-v2-footer-brand {
    grid-column: 1 / -1;
  }


  .sita-global-footer .sita-v2-footer-nav h2 {
    padding-bottom: 10px;

    font-size: 9px;

    letter-spacing: .12em;
  }


  .sita-global-footer .sita-v2-footer-nav ul {
    margin-top: 10px;
  }


  .sita-global-footer .sita-v2-footer-nav a {
    padding: 5px 0;

    font-size: 13px;
    line-height: 1.5;
  }


  /* ---------------------------------------------------------
     Footer bottom
     --------------------------------------------------------- */

  .sita-global-footer .sita-v2-footer-bottom {
    display: block;

    margin-top: 46px;

    padding:
      20px
      0
      24px;
  }


  .sita-global-footer .sita-v2-footer-bottom p {
    max-width: none;

    font-size: 10px;
    line-height: 1.65;
  }


  .sita-global-footer .sita-v2-footer-legal {
    margin-top: 14px;
  }


  .sita-global-footer .sita-v2-footer-legal a {
    font-size: 10px;

    white-space: normal;
  }

}


/* =========================================================
   13. SMALL MOBILE
   ≤ 480px

   Navigation becomes 1 column.
   ========================================================= */

@media (max-width: 480px) {

  .sita-global-footer .sita-v2-footer-grid {
    grid-template-columns: 1fr;

    row-gap: 32px;
  }


  .sita-global-footer .sita-v2-footer-brand {
    grid-column: auto;
  }


  .sita-global-footer .sita-v2-footer-nav {
    width: 100%;
  }

}


/* =========================================================
   14. ACCESSIBILITY
   ========================================================= */

.sita-global-footer a:focus-visible {
  outline:
    2px solid
    var(--sita-footer-primary);

  outline-offset: 4px;
}


/* =========================================================
   15. REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .sita-global-footer a {
    transition: none !important;
  }

}
/* =========================================================
   SITA V2 — FOOTER ACCORDION
   Desktop / Tablet 1024: expanded navigation
   <= 768px: native collapsed accordions
   ========================================================= */

.sita-v2-footer-accordion {
  margin: 0;
  padding: 0;
  border: 0;
}

.sita-v2-footer-accordion > summary {
  list-style: none;
  margin: 0;
  padding: 0;

  font-size: 11px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .12em;

  color: var(--sita-warm, #9A614D);
}

.sita-v2-footer-accordion > summary::-webkit-details-marker {
  display: none;
}

.sita-v2-footer-accordion > summary::marker {
  content: "";
}

.sita-v2-footer-accordion > ul {
  margin-top: 18px;
}


/* =========================================================
   DESKTOP / TABLET > 768
   Behave like the existing static footer navigation
   ========================================================= */

@media (min-width: 769px) {

  .sita-v2-footer-accordion > summary {
    cursor: default;
    pointer-events: none;
  }

  .sita-v2-footer-accordion > summary::after {
    display: none;
  }

}


/* =========================================================
   MOBILE / 768
   Four collapsed accordion headings
   ========================================================= */

@media (max-width: 768px) {

  .sita-v2-footer-nav {
    border-top:
      1px solid
      rgba(114, 49, 41, .16);
  }

  .sita-v2-footer-nav:last-of-type {
    border-bottom:
      1px solid
      rgba(114, 49, 41, .16);
  }

  .sita-v2-footer-accordion > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    min-height: 52px;

    padding: 14px 0;

    cursor: pointer;

    font-size: 12px;
    line-height: 1.5;
    letter-spacing: .10em;

    color: var(--sita-deep, #723129);
  }

  .sita-v2-footer-accordion > summary::after {
    content: "+";

    flex: 0 0 auto;

    font-family: "Anuphan", "Noto Sans Thai", sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 1;

    color: var(--sita-primary, #BB6358);
  }

  .sita-v2-footer-accordion[open] > summary::after {
    content: "−";
  }

  .sita-v2-footer-accordion > ul {
    margin: 0;
    padding: 0 0 18px;
  }

  .sita-v2-footer-accordion > ul li + li {
    margin-top: 10px;
  }

}/* End custom CSS */