/*
 * LOA Mobile App UI
 * Loaded with media="(max-width: <breakpoint>px)", so every rule here applies
 * to phones and tablets only. Desktop never uses this file.
 */

/* Colours and shared values live in mui-sections.css (always loaded with this file). */

/* ================================================================== */
/* Base                                                               */
/* ================================================================== */

body.loa-mui { background: var(--mui-ground) !important; color: var(--mui-ink); -webkit-text-size-adjust: 100%; }
body.loa-mui.loa-mui-font,
body.loa-mui.loa-mui-font button,
body.loa-mui.loa-mui-font input,
body.loa-mui.loa-mui-font select,
body.loa-mui.loa-mui-font textarea,
body.loa-mui.loa-mui-font h1, body.loa-mui.loa-mui-font h2, body.loa-mui.loa-mui-font h3,
body.loa-mui.loa-mui-font h4, body.loa-mui.loa-mui-font h5, body.loa-mui.loa-mui-font h6,
body.loa-mui.loa-mui-font .header-logo__name,
body.loa-mui.loa-mui-font .hp-listing__title,
body.loa-mui.loa-mui-font .hp-vendor__name { font-family: Lexend, system-ui, -apple-system, sans-serif !important; }
body.loa-mui h1, body.loa-mui h2, body.loa-mui h3, body.loa-mui h4 { color: var(--mui-ink); letter-spacing: -0.01em; }
body.loa-mui .container { padding-left: 16px; padding-right: 16px; }
body.loa-mui.loa-mui-tabbar { padding-bottom: calc(70px + var(--mui-safe-b)) !important; }
/* Space under the last thing on every page, so nothing hides behind the tab bar (or the sticky Book bar). */
body.loa-mui.loa-mui-tabbar #loa-mui-home::after, body.loa-mui.loa-mui-tabbar .site-container::after { content: ""; display: block; height: calc(96px + var(--mui-safe-b)); }
body.loa-mui.mui-has-sticky .site-container::after { content: ""; display: block; height: calc(96px + var(--mui-safe-b)); }
body.loa-mui.loa-mui-nofooter .site-footer { display: none !important; }
body.loa-mui.loa-mui-noadded .hp-listing__created-date,
body.loa-mui.loa-mui-noadded .hp-listing__details--primary:empty { display: none !important; }
body.loa-mui a { -webkit-tap-highlight-color: transparent; }
/* The WordPress admin bar (admins only) clashes with the app header on phones. */
body.loa-mui #wpadminbar { display: none !important; }
html:has(body.loa-mui) { margin-top: 0 !important; }

.mui-preview {
  display: block !important; position: fixed; left: 12px; bottom: calc(82px + var(--mui-safe-b)); z-index: 9995;
  background: #1C1B17; color: #FFFFFF; font: 500 12px/1 Lexend, system-ui, sans-serif; padding: 7px 11px; border-radius: 999px;
  pointer-events: none; opacity: 0.9;
}
body:not(.loa-mui-tabbar) .mui-preview { bottom: calc(14px + var(--mui-safe-b)); }

/* ================================================================== */
/* Bottom tab bar                                                     */
/* ================================================================== */

#loa-mui-tabbar {
  display: flex !important; position: fixed; left: 0; right: 0; bottom: 0; z-index: 9990;
  justify-content: space-around; align-items: flex-start;
  height: calc(66px + var(--mui-safe-b)); padding: 8px 4px var(--mui-safe-b);
  background: #FFFFFF; border-top: 1px solid var(--mui-line); box-sizing: border-box;
}
#loa-mui-tabbar .mui-tab {
  display: flex; flex-direction: column; align-items: center; gap: 4px; min-width: 60px;
  font: 500 11px/1.2 Lexend, system-ui, sans-serif; color: var(--mui-muted); text-decoration: none;
}
#loa-mui-tabbar .mui-tab__icon { width: 52px; height: 30px; border-radius: 15px; display: flex; align-items: center; justify-content: center; color: var(--mui-ink); }
#loa-mui-tabbar .mui-tab.is-on { color: var(--mui-ink); font-weight: 600; }
#loa-mui-tabbar .mui-tab.is-on .mui-tab__icon { background: var(--mui-accent); }
body.mui-has-sticky #loa-mui-tabbar { display: none !important; }

/* ================================================================== */
/* App homepage                                                        */
/* ================================================================== */

body.loa-mui-home .site-container { display: none !important; }
body.loa-mui-home { background: #FFFFFF !important; }

#loa-mui-home { display: block !important; width: 100%; max-width: 760px; min-width: 0; flex-shrink: 0; box-sizing: border-box; align-self: center; margin: 0 auto; padding: 0 0 calc(28px + var(--mui-safe-b)) !important; background: #FFFFFF; color: var(--mui-ink); }

/* ================================================================== */
/* Header (inner pages)                                               */
/* ================================================================== */

body.loa-mui-header .site-header .header-navbar {
  position: fixed !important; top: 0 !important; left: 0; right: 0; z-index: 9980; transform: none !important; margin: 0 !important;
  min-height: 60px; padding: 8px 16px; padding-top: calc(8px + env(safe-area-inset-top, 0px));
  background: #FFFFFF !important; box-shadow: 0 1px 0 var(--mui-line); box-sizing: border-box;
  display: flex; align-items: center; justify-content: space-between;
}
/* --mui-head is the navbar's real height, measured in mui.js (logo size, extra buttons…). */
body.loa-mui-header .site-header { padding-top: var(--mui-head, calc(60px + env(safe-area-inset-top, 0px))) !important; background: transparent; }
body.loa-mui-header .header-navbar__end, body.loa-mui-header .header-navbar__actions { display: flex; align-items: center; gap: 8px; }
body.loa-mui-header .header-navbar__actions .button, body.loa-mui-header .header-navbar__actions a.hp-button,
body.loa-mui-header .header-navbar__actions .hp-menu__item > a.button {
  height: 44px !important; min-height: 0 !important; padding: 0 14px !important; border-radius: 14px !important; display: inline-flex !important; align-items: center; justify-content: center; margin: 0 !important; box-shadow: none !important;
}
body.loa-mui-header .header-logo__name { font-size: 18px !important; font-weight: 700 !important; color: var(--mui-ink); }
body.loa-mui-header .header-logo img, body.loa-mui-header .custom-logo { max-height: 38px; width: auto; }
body.loa-mui-header .header-logo__description { display: none; }
body.loa-mui-header .header-navbar__burger > a {
  width: 44px; height: 44px; border-radius: 50%; background: var(--mui-soft); display: flex !important; align-items: center; justify-content: center; color: var(--mui-ink);
}
body.loa-mui-header .header-navbar__burger > ul {
  border-radius: 18px !important; box-shadow: 0 12px 40px rgba(0,0,0,0.16) !important; padding: 8px 0 !important; min-width: 220px;
}
body.loa-mui-header .header-navbar__burger > ul li a { padding: 12px 18px !important; font-size: 15px; }
html.loa-standalone body.loa-mui-header:has(#loa-back.loa-show) .header-navbar__start { margin-left: 52px; }
html.loa-standalone body.loa-mui-header #loa-back { top: calc(env(safe-area-inset-top, 0px) + 8px); z-index: 9985; }

/* Category / page hero: a compact banner instead of a tall one */
body.loa-mui-header .header-hero {
  min-height: 0 !important; padding: 28px 16px 24px !important; margin: 0 !important; text-align: left !important;
  border-radius: 0 0 24px 24px; overflow: hidden;
}
body.loa-mui-header .header-hero .container { padding: 0; }
body.loa-mui-header .header-hero .row, body.loa-mui-header .header-hero [class*="col-"] { margin: 0 !important; padding: 0 !important; width: auto !important; max-width: none !important; float: none !important; left: auto !important; }
body.loa-mui-header .header-hero--cover { position: relative; background-size: cover !important; background-position: center !important; }
body.loa-mui-header .header-hero--cover::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0.10) 0%, rgba(0,0,0,0.55) 100%); pointer-events: none; }
body.loa-mui-header .header-hero--cover > * { position: relative; z-index: 1; }
body.loa-mui-header .header-hero--cover h1,
body.loa-mui-header .header-hero--cover .hp-listing-category__name,
body.loa-mui-header .header-hero--cover .hp-listing-category__description,
body.loa-mui-header .header-hero--cover .header-hero__content { color: #FFFFFF !important; text-shadow: 0 1px 12px rgba(0,0,0,0.35); }
body.loa-mui-header .header-hero h1,
body.loa-mui-header .header-hero .hp-listing-category__name { font-size: 26px !important; line-height: 1.2; margin: 6px 0 0 !important; text-align: left; }
body.loa-mui-header .header-hero .hp-listing-category__count,
body.loa-mui-header .header-hero .hp-listing-category__item-count {
  display: inline-block; font-size: 12px; font-weight: 600; letter-spacing: 0.4px; padding: 5px 10px; border-radius: 999px; background: rgba(255,255,255,0.85); color: var(--mui-ink);
}
body.loa-mui-header .header-hero .hp-listing-category__header { text-align: left; }
body.loa-mui-header .header-hero .hp-listing-category__description { font-size: 14px; text-align: left; }

/* ================================================================== */
/* Lists, search and filters (archives, categories, search results)   */
/* ================================================================== */

body.loa-mui-archive .site-content { padding-top: 16px; }
body.loa-mui-archive .hp-page__header { margin-bottom: 12px; }
body.loa-mui-archive .hp-form--listing-search {
  display: flex; flex-direction: row !important; flex-wrap: nowrap; align-items: center; gap: 8px; padding: 8px !important; margin: 0 0 10px !important;
  border-radius: 18px !important; background: #FFFFFF !important; box-shadow: none !important; border: 1px solid var(--mui-line);
}
body.loa-mui-archive .hp-form--listing-search .hp-form__fields { flex: 1; min-width: 0; display: flex; flex-direction: row !important; align-items: center; gap: 8px; margin: 0 !important; }
body.loa-mui-archive .hp-form--listing-search .hp-form__field { flex: 1; min-width: 0; margin: 0 !important; padding: 0 !important; border: 0 !important; }
body.loa-mui-archive .hp-form--listing-search .hp-form__footer { flex: none; margin: 0 !important; padding: 0 !important; }
body.loa-mui-archive .hp-form--listing-search .hp-form__button { width: auto !important; min-width: 88px; margin: 0 !important; }
body.loa-mui-archive .hp-form--listing-search .hp-form__field input { width: 100% !important; max-width: none !important; margin: 0 !important; }
/* More than one field (keywords + location + category + dates…): two columns, full-width Search button. */
body.loa-mui-archive .hp-form--listing-search:has(.hp-form__fields > .hp-form__field ~ .hp-form__field) { flex-wrap: wrap !important; }
body.loa-mui-archive .hp-form--listing-search:has(.hp-form__fields > .hp-form__field ~ .hp-form__field) .hp-form__fields {
  flex: 1 1 100% !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px;
}
body.loa-mui-archive .hp-form--listing-search .hp-form__fields > div.hp-form__field:last-of-type:nth-of-type(odd) { grid-column: 1 / -1; }
body.loa-mui-archive .hp-form--listing-search:has(.hp-form__fields > .hp-form__field ~ .hp-form__field) .hp-form__footer { flex: 1 1 100% !important; }
body.loa-mui-archive .hp-form--listing-search:has(.hp-form__fields > .hp-form__field ~ .hp-form__field) .hp-form__button { width: 100% !important; }
body.loa-mui-archive .hp-form--listing-search .hp-form__field { position: relative; }
body.loa-mui-archive .hp-form--listing-search .hp-form__field input,
body.loa-mui-archive .hp-form--listing-search .hp-form__field select,
body.loa-mui-archive .hp-form--listing-search .select2-selection { text-overflow: ellipsis; }
body.loa-mui-archive .hp-form--listing-search .select2-container { width: 100% !important; }
body.loa-mui-archive .hp-form--listing-search .hp-form__field--location input { padding-right: 40px !important; }
body.loa-mui-archive .hp-form--listing-search .hp-form__field--location .hp-field__button,
body.loa-mui-archive .hp-form--listing-search .hp-form__field--location [class*="locate"] { right: 12px !important; }
body.loa-mui-archive .hp-button--listing-filter {
  width: 100%; height: 46px; border-radius: 14px !important; background: #FFFFFF !important; color: var(--mui-ink) !important;
  border: 1px solid var(--mui-line) !important; box-shadow: none !important; font-weight: 600; display: flex !important; align-items: center; justify-content: center; gap: 8px;
}
/* Tablets already show the filters beside the list: no need for the button too. */
@media (min-width: 768px) { body.loa-mui-archive .hp-button--listing-filter { display: none !important; } }
/* Blog widgets don't belong next to trips on a phone */
body.loa-mui-archive .site-sidebar .widget:not(.hp-widget) { display: none !important; }
body.loa-mui-archive .hp-page__topbar { display: flex !important; flex-direction: row !important; flex-wrap: wrap; row-gap: 8px; text-align: left; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px !important; padding: 0 !important; border: 0 !important; }
body.loa-mui-archive .hp-result-count { font-size: 13px; color: var(--mui-muted); text-transform: none !important; letter-spacing: 0 !important; }
body.loa-mui-archive .hp-form--listing-sort select { height: 40px !important; min-height: 40px !important; border-radius: 12px !important; font-size: 14px !important; padding: 0 30px 0 12px !important; }
body.loa-mui-archive .hp-form--listing-sort .hp-form__field { margin: 0 !important; }
body.loa-mui-archive .hp-page__topbar > * { margin: 0 !important; }
body.loa-mui-archive .hp-form--listing-sort .hp-form__fields, body.loa-mui-archive .hp-form--listing-sort .hp-form__field { display: flex !important; flex-direction: row !important; align-items: center; gap: 6px; }
body.loa-mui-archive .hp-form--listing-sort label { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
body.loa-mui-archive .hp-page__topbar .hp-result-count { flex: 1 1 auto; min-width: 0; line-height: 1.35; }
body.loa-mui-archive .hp-page__topbar > a, body.loa-mui-archive .hp-page__topbar .hp-link { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; font-size: 13px !important; height: 40px; padding: 0 12px; border-radius: 12px; background: #FFFFFF; border: 1px solid var(--mui-line); color: var(--mui-ink); }
body.loa-mui-archive .hp-page__topbar .hp-link i, body.loa-mui-archive .hp-page__topbar .hp-link img { font-size: 14px; max-height: 16px; width: auto; }
body.loa-mui-archive .hp-form--listing-sort { margin-left: auto !important; }

/* Filter sheet (HivePress mobile filter modal) */
body.loa-mui .fancybox-content.hp-modal,
body.loa-mui .hp-modal.fancybox-content { border-radius: 24px !important; padding: 26px 20px !important; width: calc(100vw - 24px); max-width: 560px; }
body.loa-mui .hp-modal__title { font-size: 21px !important; margin-bottom: 14px !important; }

/* Pagination */
body.loa-mui .hp-pagination .page-numbers,
body.loa-mui .pagination .page-numbers {
  min-width: 44px; height: 44px; border-radius: 12px; background: #FFFFFF; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--mui-line); margin: 0 3px;
}
body.loa-mui .hp-pagination .page-numbers.current,
body.loa-mui .pagination .page-numbers.current { background: var(--mui-accent); border-color: var(--mui-accent); color: var(--mui-ink); font-weight: 600; }

/* ================================================================== */
/* Trip cards (everywhere listings are shown as cards)                */
/* ================================================================== */

body.loa-mui-cards .hp-listing--view-block {
  border: 0 !important; border-radius: var(--mui-r) !important; overflow: hidden; background: #FFFFFF !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.06) !important; margin-bottom: 16px; display: flex; flex-direction: column;
}
body.loa-mui-cards .hp-listing--view-block .hp-listing__header { margin: 0 !important; padding: 0 !important; border: 0 !important; }
body.loa-mui-cards .hp-listing--view-block .hp-listing__image,
body.loa-mui-cards .hp-listing--view-block .hp-listing__image a { display: block; margin: 0; border-radius: 0 !important; aspect-ratio: auto !important; height: auto !important; padding-top: 0 !important; }
body.loa-mui-cards .hp-listing--view-block .hp-listing__image img {
  width: 100% !important; height: auto !important; aspect-ratio: 16 / 10; object-fit: cover; display: block; border-radius: 0 !important;
}
body.loa-mui-cards .hp-listing--view-block .hp-listing__content { padding: 14px 16px 4px !important; }
body.loa-mui-cards .hp-listing__categories { margin: 0 0 8px !important; display: flex; flex-wrap: wrap; gap: 6px; }
body.loa-mui-cards .hp-listing__categories a {
  display: inline-block; font-size: 12px !important; font-weight: 500; letter-spacing: 0 !important; text-transform: none !important;
  padding: 4px 10px !important; border-radius: 999px !important; background: var(--mui-chip) !important; color: var(--mui-chip-ink) !important; border: 0 !important; line-height: 1.4;
}
body.loa-mui-cards .hp-listing--view-block .hp-listing__title { font-size: 17px !important; line-height: 1.3 !important; margin: 0 0 8px !important; font-weight: 600 !important; }
body.loa-mui-cards .hp-listing--view-block .hp-listing__title a { color: var(--mui-ink) !important; }
body.loa-mui-cards .hp-listing--view-block .hp-listing__location { font-size: 13px; color: var(--mui-muted); margin-bottom: 8px; }
body.loa-mui-cards .hp-listing--view-block .hp-listing__attributes--secondary { margin: 0 0 6px !important; }
body.loa-mui-cards .hp-listing--view-block .hp-listing__attributes--secondary .hp-row { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 !important; }
body.loa-mui-cards .hp-listing--view-block .hp-listing__attributes--secondary .hp-row > * { flex: none !important; max-width: none !important; width: auto !important; padding: 0 !important; margin: 0 !important; }
body.loa-mui-cards .hp-listing--view-block .hp-listing__attributes--secondary .hp-listing__attribute {
  margin: 0 !important; padding: 5px 10px; border-radius: 999px; background: var(--mui-soft); font-size: 12.5px; color: #3C3B36; line-height: 1.4;
}
body.loa-mui-cards .hp-listing--view-block .hp-listing__attributes--secondary .hp-listing__attribute strong { font-weight: 500; color: var(--mui-muted); }
body.loa-mui-cards .hp-listing--view-block .hp-listing__footer {
  display: flex !important; align-items: center; justify-content: space-between; gap: 10px;
  margin-top: auto; padding: 8px 16px 14px !important; border: 0 !important; background: transparent !important;
}
body.loa-mui-cards .hp-listing--view-block .hp-listing__attributes--primary { margin: 0 !important; display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
body.loa-mui-cards .hp-listing--view-block .hp-listing__attributes--primary .hp-listing__attribute { margin: 0 !important; font-size: 13px; color: var(--mui-muted); }
body.loa-mui-cards .hp-listing--view-block .hp-listing__attribute--price { font-size: 19px !important; font-weight: 700 !important; color: var(--mui-ink) !important; }
body.loa-mui-cards .hp-listing--view-block .hp-listing__actions--primary { display: flex; gap: 8px; margin: 0 !important; }
body.loa-mui-cards .hp-listing--view-block .hp-listing__action {
  width: 40px; height: 40px; border-radius: 50%; background: var(--mui-soft); display: inline-flex; align-items: center; justify-content: center; margin: 0 !important; color: var(--mui-ink);
}
body.loa-mui-cards .hp-listing--view-block .hp-listing__action span { display: none; }
body.loa-mui-cards .hp-listing--view-block.hp-listing--featured { box-shadow: 0 0 0 2px var(--mui-accent) !important; }

/* Hosts / vendors */
body.loa-mui-cards .hp-vendor--view-block {
  border: 0 !important; border-radius: var(--mui-r) !important; background: #FFFFFF !important; box-shadow: 0 1px 2px rgba(0,0,0,0.06) !important; padding: 18px 16px !important; text-align: center;
}
body.loa-mui-cards .hp-vendor--view-block .hp-vendor__image img { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; }
body.loa-mui-cards .hp-vendor__name { font-size: 17px !important; font-weight: 600 !important; }

/* Category cards */
body.loa-mui-cards .hp-listing-category--view-block { border-radius: var(--mui-r) !important; overflow: hidden; border: 0 !important; box-shadow: 0 1px 2px rgba(0,0,0,0.06) !important; margin-bottom: 12px !important; }
/* Categories without their own photo: clean white tiles, name + trip count. */
body.loa-mui-cards .hp-listing-category--view-block:has(img[src*="placeholder"]) {
  background: #FFFFFF !important; min-height: 92px !important; height: auto !important; display: flex !important; flex-direction: column; justify-content: center; gap: 6px; padding: 16px !important;
}
body.loa-mui-cards .hp-listing-category--view-block:has(img[src*="placeholder"])::before,
body.loa-mui-cards .hp-listing-category--view-block:has(img[src*="placeholder"])::after,
body.loa-mui-cards .hp-listing-category--view-block:has(img[src*="placeholder"]) .hp-listing-category__header::before,
body.loa-mui-cards .hp-listing-category--view-block:has(img[src*="placeholder"]) .hp-listing-category__header::after { display: none !important; }
body.loa-mui-cards .hp-listing-category--view-block:has(img[src*="placeholder"]) .hp-listing-category__image { display: none !important; }
body.loa-mui-cards .hp-listing-category--view-block:has(img[src*="placeholder"]) .hp-listing-category__header {
  order: 2; position: static !important; height: auto !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; background: none !important; display: block !important;
}
body.loa-mui-cards .hp-listing-category--view-block:has(img[src*="placeholder"]) .hp-listing-category__content {
  order: 1; position: static !important; inset: auto !important; transform: none !important; background: none !important; padding: 0 !important; margin: 0 !important; text-align: left !important; min-height: 0 !important;
}
body.loa-mui-cards .hp-listing-category--view-block:has(img[src*="placeholder"]) .hp-listing-category__name,
body.loa-mui-cards .hp-listing-category--view-block:has(img[src*="placeholder"]) .hp-listing-category__name a { color: var(--mui-ink) !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.3 !important; margin: 0 !important; text-shadow: none !important; }
body.loa-mui-cards .hp-listing-category--view-block:has(img[src*="placeholder"]) .hp-listing-category__count,
body.loa-mui-cards .hp-listing-category--view-block:has(img[src*="placeholder"]) .hp-listing-category__item-count {
  position: static !important; transform: none !important; display: inline-block !important; background: var(--mui-chip) !important; color: var(--mui-chip-ink) !important; font-size: 11px !important; font-weight: 600 !important;
  letter-spacing: 0.3px !important; padding: 3px 9px !important; border-radius: 999px !important; margin: 0 !important; backdrop-filter: none !important; box-shadow: none !important; text-shadow: none !important;
}
body.loa-mui-cards .hp-listing-category--view-block:has(img[src*="placeholder"]) .hp-listing-category__details:empty { display: none; }
/* Two category tiles per row on phones. */
body.loa-mui-cards .hp-listing-categories.hp-grid > .hp-row { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0 0 16px !important; }
body.loa-mui-cards .hp-listing-categories.hp-grid > .hp-row > .hp-grid__item { width: auto !important; max-width: none !important; flex: none !important; padding: 0 !important; margin: 0 !important; }
body.loa-mui-cards .hp-listing-categories.hp-grid .hp-listing-category--view-block { margin: 0 !important; height: 100% !important; }
@media (min-width: 700px) { body.loa-mui-cards .hp-listing-categories.hp-grid > .hp-row { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
/* Categories with a photo: same tile size, photo behind, name at the bottom. */
body.loa-mui-cards .hp-listing-categories.hp-grid .hp-listing-category--view-block:not(:has(img[src*="placeholder"])) { position: relative !important; min-height: 92px !important; padding: 0 !important; background: #1C1B17 !important; }
body.loa-mui-cards .hp-listing-categories.hp-grid .hp-listing-category--view-block:not(:has(img[src*="placeholder"])) .hp-listing-category__header,
body.loa-mui-cards .hp-listing-categories.hp-grid .hp-listing-category--view-block:not(:has(img[src*="placeholder"])) .hp-listing-category__image,
body.loa-mui-cards .hp-listing-categories.hp-grid .hp-listing-category--view-block:not(:has(img[src*="placeholder"])) .hp-listing-category__image a {
  position: absolute !important; inset: 0 !important; height: 100% !important; width: 100% !important; margin: 0 !important; padding: 0 !important; aspect-ratio: auto !important;
}
body.loa-mui-cards .hp-listing-categories.hp-grid .hp-listing-category--view-block:not(:has(img[src*="placeholder"])) .hp-listing-category__image img { width: 100% !important; height: 100% !important; object-fit: cover; aspect-ratio: auto !important; border-radius: 0 !important; }
body.loa-mui-cards .hp-listing-categories.hp-grid .hp-listing-category--view-block:not(:has(img[src*="placeholder"])) .hp-listing-category__header::after {
  content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0.05) 30%, rgba(0,0,0,0.6) 100%); pointer-events: none;
}
body.loa-mui-cards .hp-listing-categories.hp-grid .hp-listing-category--view-block:not(:has(img[src*="placeholder"])) .hp-listing-category__count,
body.loa-mui-cards .hp-listing-categories.hp-grid .hp-listing-category--view-block:not(:has(img[src*="placeholder"])) .hp-listing-category__item-count {
  position: absolute !important; top: 12px !important; left: 14px !important; right: auto !important; bottom: auto !important; transform: none !important; z-index: 2; margin: 0 !important;
  font-size: 11px !important; font-weight: 600 !important; padding: 3px 9px !important; border-radius: 999px !important; background: rgba(255,255,255,0.9) !important; color: var(--mui-ink) !important; letter-spacing: 0.3px !important;
}
body.loa-mui-cards .hp-listing-categories.hp-grid .hp-listing-category--view-block:not(:has(img[src*="placeholder"])) .hp-listing-category__content {
  position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important; top: auto !important; transform: none !important; z-index: 2; padding: 12px 14px !important; margin: 0 !important; background: none !important; text-align: left !important;
}
body.loa-mui-cards .hp-listing-categories.hp-grid .hp-listing-category--view-block:not(:has(img[src*="placeholder"])) .hp-listing-category__name,
body.loa-mui-cards .hp-listing-categories.hp-grid .hp-listing-category--view-block:not(:has(img[src*="placeholder"])) .hp-listing-category__name a { color: #FFFFFF !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.3 !important; margin: 0 !important; }

/* ================================================================== */
/* Trip page                                                          */
/* ================================================================== */

body.loa-mui-single.loa-mui-listing .site-content { padding-top: 14px !important; }
/* One column on phones and tablets, whatever the page template does. */
body.loa-mui-single .hp-listing--view-page .hp-row:not(.hp-listing__attributes .hp-row) { margin-left: 0 !important; margin-right: 0 !important; }
body.loa-mui-single .hp-listing--view-page > [class*="hp-col"] { left: auto !important; right: auto !important; margin-left: 0 !important; transform: none !important; }
body.loa-mui-single .hp-listing--view-page .wp-block-columns { flex-wrap: wrap !important; }
body.loa-mui-single .hp-listing--view-page .wp-block-column { flex-basis: 100% !important; margin-left: 0 !important; }
/* The sidebar must not "stick" over the header on small screens. */
body.loa-mui .hp-page__sidebar, body.loa-mui .hp-page__sidebar .inner-wrapper-sticky, body.loa-mui .site-sidebar .inner-wrapper-sticky {
  position: static !important; transform: none !important; top: auto !important; left: auto !important; width: auto !important;
}
/* Gallery */
body.loa-mui-single .hp-listing--view-page .hp-listing__images {
  position: relative !important; left: auto !important; right: auto !important; transform: none !important; width: auto !important; max-width: none !important;
  margin: 0 0 18px !important; border-radius: 22px; overflow: hidden; background: #EDEDE8;
}
body.loa-mui-single .hp-listing--view-page .hp-listing__images {
  height: auto !important; min-height: 0 !important; padding: 0 !important; background: transparent !important; border-radius: 20px !important; display: block !important; text-align: left;
}
body.loa-mui-single .hp-listing--view-page .hp-listing__images .slick-list { overflow: hidden; border-radius: 20px; }
body.loa-mui-single .hp-listing--view-page .hp-listing__images img,
body.loa-mui-single .hp-listing--view-page .hp-listing__images video {
  display: block !important; width: 100% !important; max-width: none !important; height: auto !important; max-height: none !important; margin: 0 !important; padding: 0 !important;
  aspect-ratio: 4 / 3; object-fit: cover; border-radius: 20px !important; background: #EDEDE8;
}
body.loa-mui-single .hp-listing--view-page .hp-listing__images .slick-slide > div,
body.loa-mui-single .hp-listing--view-page .hp-listing__images .slick-slide a { display: block !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
/* Thumbnails row */
body.loa-mui-single .hp-listing--view-page .hp-listing__images > div + div { margin-top: 8px !important; }
body.loa-mui-single .hp-listing--view-page .hp-listing__images > div + div .slick-list { border-radius: 0; height: auto !important; }
body.loa-mui-single .hp-listing--view-page .hp-listing__images .slick-list { height: auto !important; }
body.loa-mui-single .hp-listing--view-page .hp-listing__images > div + div .slick-slide { padding: 0 4px !important; }
body.loa-mui-single .hp-listing--view-page .hp-listing__images > div + div .slick-slide > div,
body.loa-mui-single .hp-listing--view-page .hp-listing__images > div + div .slick-slide > div > div { height: 100% !important; line-height: 0; }
body.loa-mui-single .hp-listing--view-page .hp-listing__images > div + div img { aspect-ratio: auto !important; height: 100% !important; border-radius: 12px !important; opacity: 0.75; }
body.loa-mui-single .hp-listing--view-page .hp-listing__images > div + div .slick-current img { opacity: 1; box-shadow: inset 0 0 0 2px var(--mui-accent); }
/* Any main photo box (found by mui.js): the photo fills it edge to edge. */
body.loa-mui-single .mui-photo-box, body.loa-mui-single .hp-listing--view-page .mui-photo-box { margin: 0 0 16px !important; position: relative !important; left: auto !important; transform: none !important; float: none !important; }
body.loa-mui-single .mui-photo-box::before, body.loa-mui-single .mui-photo-box::after { display: none !important; }
body.loa-mui-single .mui-photo-box {
  padding: 0 !important; background: transparent !important; box-shadow: none !important; border: 0 !important; border-radius: 20px !important; overflow: hidden !important;
  min-height: 0 !important; height: auto !important; width: auto !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; text-align: left !important;
}
body.loa-mui-single .mui-photo-path { display: block !important; width: 100% !important; max-width: none !important; height: auto !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; background: transparent !important; box-shadow: none !important; border: 0 !important; }
body.loa-mui-single img.mui-photo-img {
  display: block !important; width: 100% !important; max-width: none !important; height: auto !important; max-height: none !important; aspect-ratio: 4 / 3; object-fit: cover; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 20px !important; box-shadow: none !important;
}
/* Where "Book" scrolled to */
.mui-flash { animation: muiFlash 1.4s ease-out 1; border-radius: 20px; }
@keyframes muiFlash { 0%, 40% { box-shadow: 0 0 0 3px var(--mui-accent); } 100% { box-shadow: 0 0 0 0 rgba(0,0,0,0); } }
/* Small round arrows */
body.loa-mui-single .hp-listing--view-page .hp-listing__images .slick-arrow {
  width: 30px !important; height: 30px !important; min-width: 0 !important; padding: 0 !important; border-radius: 50% !important; border: 0 !important;
  background: rgba(255,255,255,0.92) !important; color: var(--mui-ink) !important; box-shadow: 0 1px 6px rgba(0,0,0,0.18) !important;
  display: flex !important; align-items: center; justify-content: center; font-size: 12px !important; line-height: 1 !important; z-index: 2;
}
body.loa-mui-single .hp-listing--view-page .hp-listing__images .slick-arrow::before { font-size: 12px !important; line-height: 1 !important; color: var(--mui-ink) !important; opacity: 1 !important; }
body.loa-mui-single .hp-listing--view-page .hp-listing__images .slick-arrow i, body.loa-mui-single .hp-listing--view-page .hp-listing__images .slick-arrow svg { font-size: 12px !important; width: 12px; height: 12px; margin: 0 !important; }
body.loa-mui-single .hp-listing--view-page .hp-listing__images .slick-prev { left: 8px !important; }
body.loa-mui-single .hp-listing--view-page .hp-listing__images .slick-next { right: 8px !important; }
body.loa-mui-single .hp-listing--view-page .hp-listing__images .slick-disabled { opacity: 0 !important; pointer-events: none; }
body.loa-mui-single .hp-listing--view-page .hp-listing__images img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; border-radius: 0 !important; }
body.loa-mui-single .hp-listing--view-page .hp-listing__images-carousel img { aspect-ratio: 1; border-radius: 10px !important; }
body.loa-mui-single .hp-listing--view-page .hp-listing__images .slick-dots { bottom: 10px; }
body.loa-mui-single .hp-listing--view-page .hp-listing__title { font-size: 25px !important; line-height: 1.2 !important; margin: 4px 0 8px !important; font-weight: 700 !important; }
body.loa-mui-single .hp-listing--view-page .hp-listing__categories { margin: 0 0 4px !important; display: flex; gap: 6px; flex-wrap: wrap; }
body.loa-mui-single .hp-listing--view-page .hp-listing__categories a {
  font-size: 12px !important; font-weight: 500; text-transform: none !important; letter-spacing: 0 !important; padding: 4px 10px !important;
  border-radius: 999px !important; background: var(--mui-chip) !important; color: var(--mui-chip-ink) !important; border: 0 !important;
}
body.loa-mui-single .hp-listing--view-page .hp-listing__location { font-size: 14px; color: var(--mui-muted); }
body.loa-mui-single .hp-listing--view-page .hp-page__topbar--separate {
  border: 0 !important; margin: 6px 0 14px !important; padding: 0 !important; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center; justify-content: space-between; gap: 10px;
}
body.loa-mui-single .hp-listing--view-page .hp-page__topbar--separate > * { margin: 0 !important; float: none !important; }
body.loa-mui-single .hp-listing--view-page .hp-menu--tabbed { display: none; }
body.loa-mui-single .hp-listing--view-page .hp-menu--tabbed:has(li + li) { display: block; flex: 1 1 auto; min-width: 0; }
/* Details · Location · Statistics · Edit: one line of pills, swipe if they don't fit. */
body.loa-mui-single .hp-listing--view-page .hp-menu--tabbed ul {
  display: flex !important; flex-wrap: nowrap !important; gap: 6px; overflow-x: auto; scrollbar-width: none; margin: 0 !important; padding: 0 !important; border: 0 !important; list-style: none;
}
body.loa-mui-single .hp-listing--view-page .hp-menu--tabbed ul::-webkit-scrollbar { display: none; }
body.loa-mui-single .hp-listing--view-page .hp-menu--tabbed li { flex: none; margin: 0 !important; padding: 0 !important; border: 0 !important; float: none !important; width: auto !important; }
body.loa-mui-single .hp-listing--view-page .hp-menu--tabbed li a {
  display: inline-flex !important; align-items: center; height: 38px; padding: 0 14px !important; border-radius: 999px; background: #FFFFFF; border: 1px solid var(--mui-line) !important;
  font-size: 14px !important; font-weight: 500; color: var(--mui-ink) !important; white-space: nowrap; margin: 0 !important; box-shadow: none !important;
}
body.loa-mui-single .hp-listing--view-page .hp-menu--tabbed li a::before, body.loa-mui-single .hp-listing--view-page .hp-menu--tabbed li a::after,
body.loa-mui-single .hp-listing--view-page .hp-menu--tabbed li::before, body.loa-mui-single .hp-listing--view-page .hp-menu--tabbed li::after,
body.loa-mui-single .hp-listing--view-page .hp-menu--tabbed ul::before, body.loa-mui-single .hp-listing--view-page .hp-menu--tabbed ul::after,
body.loa-mui-single .hp-listing--view-page .hp-menu--tabbed::before, body.loa-mui-single .hp-listing--view-page .hp-menu--tabbed::after { display: none !important; content: none !important; }
body.loa-mui-single .hp-listing--view-page .hp-menu--tabbed, body.loa-mui-single .hp-listing--view-page .hp-menu--tabbed li, body.loa-mui-single .hp-listing--view-page .hp-menu--tabbed li a { border-bottom-width: 0 !important; box-shadow: none !important; }
body.loa-mui-single .hp-listing--view-page .hp-menu--tabbed li.current-menu-item a, body.loa-mui-single .hp-listing--view-page .hp-menu--tabbed li.hp-menu__item--current a { border-bottom-width: 1px !important; }
body.loa-mui-single .hp-listing--view-page .hp-menu--tabbed li.current-menu-item a,
body.loa-mui-single .hp-listing--view-page .hp-menu--tabbed li.hp-menu__item--current a { background: var(--mui-ink); border-color: var(--mui-ink) !important; color: #FFFFFF !important; }
/* With tabs next to it, "Add to Favorites" becomes a round heart button. */
body.loa-mui-single .hp-listing--view-page .hp-page__topbar--separate:has(.hp-menu--tabbed li + li) .hp-listing__actions--secondary { flex: none; }
body.loa-mui-single .hp-listing--view-page .hp-page__topbar--separate:has(.hp-menu--tabbed li + li) .hp-listing__actions--secondary .hp-link { width: 40px; padding: 0 !important; justify-content: center; }
body.loa-mui-single .hp-listing--view-page .hp-page__topbar--separate:has(.hp-menu--tabbed li + li) .hp-listing__actions--secondary .hp-link span { display: none !important; }
body.loa-mui-single .hp-listing--view-page .hp-listing__actions--secondary .hp-link i,
body.loa-mui-single .hp-listing--view-page .hp-listing__actions--secondary .hp-link svg { margin: 0 !important; line-height: 1 !important; width: auto; }
body.loa-mui-single .hp-listing--view-page .hp-page__topbar--separate:has(.hp-menu--tabbed li + li) .hp-listing__actions--secondary .hp-link {
  height: 40px !important; min-width: 40px; gap: 0 !important; font-size: 0 !important; line-height: 0 !important; text-indent: 0 !important; border-radius: 50% !important;
}
body.loa-mui-single .hp-listing--view-page .hp-page__topbar--separate:has(.hp-menu--tabbed li + li) .hp-listing__actions--secondary .hp-link i { font-size: 16px !important; display: block; }
body.loa-mui-single .hp-listing--view-page .hp-listing__actions--secondary { display: flex; gap: 8px; margin: 0 !important; }
body.loa-mui-single .hp-listing--view-page .hp-listing__actions--secondary .hp-link {
  display: inline-flex; align-items: center; gap: 6px; height: 40px; padding: 0 14px; border-radius: 999px; background: #FFFFFF; border: 1px solid var(--mui-line); font-size: 14px; color: var(--mui-ink); margin: 0 !important;
}
/* Details as tiles */
body.loa-mui-single .hp-listing--view-page .hp-listing__attributes--secondary {
  margin: 0 0 16px !important; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important;
}
body.loa-mui-single .hp-listing--view-page .hp-listing__attributes--secondary .hp-row { display: grid !important; grid-template-columns: minmax(0, 1fr); gap: 10px; margin: 0 !important; padding: 0 !important; }
body.loa-mui-single .hp-listing--view-page .hp-listing__attributes--secondary .hp-row > * { max-width: none !important; flex: none !important; width: auto !important; padding: 0 !important; margin: 0 !important; float: none !important; }
body.loa-mui-single .hp-listing--view-page .hp-listing__attributes--secondary .mui-wide { grid-column: 1 / -1; }
/* Each detail: icon chip, label (bold) over the answer (regular). Built by mui.js from any display format. */
body.loa-mui-single .hp-listing--view-page .hp-listing__attributes--secondary .hp-listing__attribute {
  height: 100%; box-sizing: border-box; margin: 0 !important; padding: 12px 14px !important; border-radius: 16px; background: #FFFFFF; border: 0 !important;
  font-size: 15px; font-weight: 400; line-height: 1.4; color: var(--mui-ink); text-align: left;
}
body.loa-mui-single .hp-listing--view-page .hp-listing__attributes--secondary .hp-listing__attribute strong { font-weight: 700; }
body.loa-mui-single .hp-listing--view-page .hp-listing__attributes--secondary .hp-listing__attribute.mui-attr { display: flex; align-items: flex-start; gap: 11px; }
body.loa-mui-single .mui-attr__icon {
  flex: none; width: 34px; height: 34px; border-radius: 11px; background: var(--mui-chip); color: var(--mui-chip-ink); display: flex; align-items: center; justify-content: center; font-size: 15px; line-height: 1;
}
body.loa-mui-single .mui-attr__icon > * { margin: 0 !important; color: inherit !important; font-size: 15px !important; width: auto; max-width: 18px; max-height: 18px; }
body.loa-mui-single .mui-attr__text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
body.loa-mui-single .mui-attr__label { font-size: 13px; font-weight: 700; color: var(--mui-ink); line-height: 1.3; }
body.loa-mui-single .mui-attr__value { font-size: 15px; font-weight: 400 !important; color: #3C3B36; line-height: 1.45; overflow-wrap: anywhere; }
body.loa-mui-single .mui-attr__value * { font-weight: 400 !important; }
body.loa-mui-single .mui-attr__value p { margin: 0 0 4px; }
body.loa-mui-single .mui-attr__value p:last-child { margin-bottom: 0; }
body.loa-mui-single .mui-attr__value a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
body.loa-mui-single .hp-listing--view-page .hp-listing__description {
  background: #FFFFFF; border-radius: var(--mui-r); padding: 16px; font-size: 15px; line-height: 1.6; margin-bottom: 16px;
}
body.loa-mui-single .hp-listing--view-page .hp-listing__description > *:last-child { margin-bottom: 0; }
/* Sidebar (price, booking, host) becomes cards below the details */
body.loa-mui-single .hp-listing--view-page .hp-page__sidebar .widget,
body.loa-mui-single .hp-listing--view-page .hp-page__sidebar .hp-widget {
  background: #FFFFFF !important; border: 0 !important; border-radius: var(--mui-r) !important; box-shadow: none !important; padding: 16px !important; margin-bottom: 12px !important;
}
body.loa-mui-single .hp-listing--view-page .hp-page__sidebar .hp-listing__attributes--primary .hp-listing__attribute--price { font-size: 24px; font-weight: 700; }
body.loa-mui-single .hp-listing--view-page .hp-listing__actions--primary { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 18px; }
body.loa-mui-single .hp-listing--view-page .hp-listing__actions--primary .hp-link { font-size: 14px; color: var(--mui-muted); margin: 0 !important; }
body.loa-mui-single .hp-review { background: #FFFFFF; border-radius: 18px; padding: 14px 16px; margin-bottom: 10px; border: 0 !important; }

/* Sticky Book bar */
.mui-stickybar {
  display: flex !important; position: fixed; left: 0; right: 0; bottom: 0; z-index: 9991; align-items: center; gap: 14px;
  padding: 10px 16px calc(10px + var(--mui-safe-b)); background: #FFFFFF; border-top: 1px solid var(--mui-line);
  box-shadow: 0 -6px 24px rgba(0,0,0,0.06); font-family: Lexend, system-ui, sans-serif;
}
.mui-stickybar__price { display: flex; flex-direction: column; line-height: 1.15; min-width: 0; }
.mui-stickybar__price strong { font-size: 20px; color: var(--mui-ink); }
.mui-stickybar__price span { font-size: 12px; color: var(--mui-muted); }
.mui-stickybar .mui-btn { flex: 1; height: 50px; }
body.mui-has-sticky { padding-bottom: calc(76px + var(--mui-safe-b)) !important; }

/* ================================================================== */
/* Forms, buttons and pop-ups                                         */
/* ================================================================== */

body.loa-mui-forms input[type=text], body.loa-mui-forms input[type=email], body.loa-mui-forms input[type=password],
body.loa-mui-forms input[type=search], body.loa-mui-forms input[type=tel], body.loa-mui-forms input[type=number],
body.loa-mui-forms input[type=url], body.loa-mui-forms input[type=date], body.loa-mui-forms select,
body.loa-mui-forms .select2-container .select2-selection--single {
  min-height: 50px !important; height: auto; border: 1px solid #DEDED8 !important; border-radius: 12px !important;
  background-color: #FFFFFF !important; box-shadow: none !important; font-size: 16px !important; padding-left: 14px; padding-right: 14px; color: var(--mui-ink);
}
body.loa-mui-forms .hp-form:not(.hp-form--listing-sort) .hp-form__field .hp-field:not([type=checkbox]):not([type=radio]):not(.hp-field--hidden),
body.loa-mui-forms .hp-form:not(.hp-form--listing-sort) .hp-form__field .select2-container { width: 100% !important; max-width: none !important; box-sizing: border-box; }
body.loa-mui-forms textarea { min-height: 110px; border: 1px solid #DEDED8 !important; border-radius: 12px !important; font-size: 16px !important; padding: 12px 14px !important; box-shadow: none !important; }
body.loa-mui-forms input:focus, body.loa-mui-forms select:focus, body.loa-mui-forms textarea:focus {
  border-color: var(--mui-accent) !important; box-shadow: 0 0 0 3px rgba(255, 184, 0, 0.25) !important; outline: none;
}
body.loa-mui-forms .hp-form__label, body.loa-mui-forms .hp-field__label, body.loa-mui-forms label { font-size: 14px; font-weight: 500; }
body.loa-mui-forms .button, body.loa-mui-forms button[type=submit], body.loa-mui-forms input[type=submit],
body.loa-mui-forms .hp-form__button, body.loa-mui-forms .woocommerce a.button, body.loa-mui-forms .woocommerce button.button {
  min-height: 50px; border-radius: 14px !important; font-weight: 600 !important; font-size: 16px !important; padding: 0 20px; box-shadow: none !important; text-transform: none !important; letter-spacing: 0 !important;
}
body.loa-mui-forms .button--primary, body.loa-mui-forms button[type=submit], body.loa-mui-forms input[type=submit],
body.loa-mui-forms .hp-form__button.button-primary, body.loa-mui-forms .woocommerce a.button.alt, body.loa-mui-forms .woocommerce button.button.alt {
  background: var(--mui-accent) !important; background-image: none !important; color: var(--mui-ink) !important; border: 0 !important;
}
body.loa-mui-forms .hp-form--narrow .hp-form__button, body.loa-mui-forms .hp-modal .hp-form__button { width: 100%; }

/* ================================================================== */
/* Account pages                                                      */
/* ================================================================== */

body.loa-mui-account .hp-menu--user-account ul,
body.loa-mui-account .woocommerce-MyAccount-navigation ul {
  list-style: none; margin: 0 0 16px; padding: 0 !important; background: #FFFFFF; border-radius: var(--mui-r); overflow: hidden;
}
body.loa-mui-account .hp-menu--user-account li,
body.loa-mui-account .woocommerce-MyAccount-navigation li { margin: 0 !important; padding: 0 !important; border-bottom: 1px solid var(--mui-line); }
body.loa-mui-account .hp-menu--user-account li:last-child,
body.loa-mui-account .woocommerce-MyAccount-navigation li:last-child { border-bottom: 0; }
body.loa-mui-account .hp-menu--user-account li::before,
body.loa-mui-account .woocommerce-MyAccount-navigation li::before { display: none !important; }
body.loa-mui-account .hp-menu--user-account li a,
body.loa-mui-account .woocommerce-MyAccount-navigation li a { display: flex; align-items: center; gap: 10px; padding: 15px 16px !important; font-size: 15px; font-weight: 500; color: var(--mui-ink) !important; }
body.loa-mui-account .hp-menu--user-account li.hp-menu__item--current a,
body.loa-mui-account .woocommerce-MyAccount-navigation li.is-active a { background: var(--mui-chip); }
body.loa-mui-account .hp-menu--user-account small { margin-left: auto; background: var(--mui-accent); color: var(--mui-ink); border-radius: 999px; padding: 2px 8px; font-size: 12px; }

/* ================================================================== */
/* Shop (WooCommerce)                                                 */
/* ================================================================== */

body.loa-mui-shop.woocommerce ul.products, body.loa-mui-shop .woocommerce ul.products {
  display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0 !important;
}
body.loa-mui-shop.woocommerce ul.products::before, body.loa-mui-shop.woocommerce ul.products::after,
body.loa-mui-shop .woocommerce ul.products::before, body.loa-mui-shop .woocommerce ul.products::after { display: none !important; }
body.loa-mui-shop.woocommerce ul.products li.product, body.loa-mui-shop .woocommerce ul.products li.product {
  width: auto !important; margin: 0 !important; float: none !important; background: #FFFFFF; border-radius: 18px; overflow: hidden; padding: 0 0 12px !important; text-align: left;
}
body.loa-mui-shop .woocommerce ul.products li.product img, body.loa-mui-shop.woocommerce ul.products li.product img { margin: 0 0 10px !important; aspect-ratio: 1; object-fit: cover; border-radius: 0; }
body.loa-mui-shop .woocommerce ul.products li.product .woocommerce-loop-product__title,
body.loa-mui-shop.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 15px !important; padding: 0 12px !important; }
body.loa-mui-shop .woocommerce ul.products li.product .price,
body.loa-mui-shop.woocommerce ul.products li.product .price { padding: 0 12px; font-weight: 700; color: var(--mui-ink) !important; }
body.loa-mui-shop .woocommerce ul.products li.product .button,
body.loa-mui-shop.woocommerce ul.products li.product .button { margin: 8px 12px 0 !important; width: calc(100% - 24px); text-align: center; }
body.loa-mui-shop .woocommerce table.shop_table { border-radius: 16px !important; background: #FFFFFF; border: 0 !important; overflow: hidden; }
body.loa-mui-shop .woocommerce-checkout .col2-set, body.loa-mui-shop .woocommerce-checkout #order_review { background: #FFFFFF; border-radius: var(--mui-r); padding: 16px; }

/* ================================================================== */
/* General content blocks                                             */
/* ================================================================== */

body.loa-mui .site-content .widget:not(.hp-widget--listing-filter),
body.loa-mui .site-content .hp-widget:not(.hp-widget--listing-filter) { border-radius: var(--mui-r); }
body.loa-mui .hp-section__title, body.loa-mui .title, body.loa-mui .hp-page__title { font-size: 22px !important; }
body.loa-mui .hp-section__title::before, body.loa-mui .title::before, body.loa-mui .hp-page__title::before { display: none !important; }