/* SKUAS UI polish: loaded after style.css on every page. Keeps theme files untouched. */

/* ---------- Header: compact and consistent on tablet and mobile ---------- */
.th-header .header-logo img {
  height: auto;
  object-fit: contain;
}

@media (max-width: 991px) {
  .header-layout5 {
    margin-bottom: -56px;
  }
  .header-layout5 .header-logo {
    padding: 8px 0 !important;
  }
  .header-layout5 .header-logo img,
  .header-layout5 .sticky-wrapper.sticky .header-logo img {
    max-height: 52px;
    width: auto !important;
    max-width: 150px;
  }
  .header-layout5 .sticky-wrapper.sticky .header-logo {
    margin-top: 0;
  }
  .header-layout5 .th-menu-toggle {
    width: 46px;
    height: 46px;
    line-height: 46px;
    font-size: 20px;
    border-radius: 12px;
  }
}

@media (max-width: 575px) {
  .header-layout5 .header-logo img,
  .header-layout5 .sticky-wrapper.sticky .header-logo img {
    max-height: 44px;
    max-width: 128px;
  }
  .header-layout5 .th-menu-toggle {
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 18px;
  }
}

/* Sticky bar: a soft shadow so it separates from content instead of looking like a block */
.sticky-wrapper.sticky {
  box-shadow: 0 10px 30px rgba(16, 24, 64, 0.08);
}

/* ---------- Page banner (breadcrumb hero): less empty space ---------- */
.breadcumb-wrapper {
  padding: 180px 0 96px;
}
.breadcumb-title {
  font-size: clamp(1.75rem, 3.2vw + 0.6rem, 3.25rem);
  line-height: 1.15;
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1199px) {
  .breadcumb-wrapper { padding: 150px 0 80px; }
}
@media (max-width: 991px) {
  .breadcumb-wrapper { padding: 118px 0 56px; border-radius: 0 0 20px 20px; }
}
@media (max-width: 575px) {
  .breadcumb-wrapper { padding: 104px 16px 44px; }
  .breadcumb-menu { font-size: 0.9rem; }
}

/* ---------- Desktop dropdowns: tidy nested menus ---------- */
@media (min-width: 992px) {
  .main-menu ul.sub-menu {
    border-radius: 14px;
    box-shadow: 0 18px 45px rgba(16, 24, 64, 0.12);
  }
  .main-menu ul.sub-menu li a {
    white-space: nowrap;
  }
}

/* ---------- Readability ---------- */
body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
img {
  max-width: 100%;
}

/* ---------- Section spacing on small screens ---------- */
@media (max-width: 767px) {
  .space-top { padding-top: 56px; }
  .space-extra-bottom { padding-bottom: 56px; }
  .reti-page.space-top { padding-top: 40px; }
}