/* Axora Advisory shared design standard */
:root {
  --primary: #005e9f;
  --primary-container: #0077c8;
  --on-primary: #ffffff;
  --secondary: #006e22;
  --secondary-container: #90f692;
  --tertiary: #7636c4;
  --tertiary-container: #9052df;
  --surface: #f8f9fa;
  --surface-container: #edeeef;
  --surface-container-low: #f3f4f5;
  --surface-container-lowest: #ffffff;
  --surface-container-high: #e7e8e9;
  --surface-container-highest: #e1e3e4;
  --surface-variant: #e1e3e4;
  --on-surface: #191c1d;
  --on-surface-variant: #404751;
  --outline: #717783;
  --outline-variant: rgba(192, 199, 211, 0.2);
  --ghost-border: rgba(192, 199, 211, 0.18);
  --shadow-soft: 0 24px 54px -18px rgba(0, 94, 159, 0.12);
  --shadow-editorial: 0 20px 52px rgba(15, 23, 42, 0.12);
  --shadow-floating: 0 16px 44px rgba(0, 94, 159, 0.16);
  --radius-card: 1.5rem;
  --radius-image: 1.75rem;
  --radius-hero-image: 2rem;
}

html {
  scroll-behavior: smooth;
}

body.axora-page {
  background: var(--surface);
  color: var(--on-surface);
  font-family: "Inter", sans-serif;
  font-size: 16px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

body.axora-page img {
  max-width: 100%;
  display: block;
}

body.axora-page a,
body.axora-page button,
body.axora-page input,
body.axora-page textarea,
body.axora-page details,
body.axora-page summary {
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease,
    box-shadow 0.25s ease, transform 0.25s ease, opacity 0.2s ease;
}

body.axora-page h1,
body.axora-page h2,
body.axora-page h3,
body.axora-page h4,
body.axora-page h5,
body.axora-page h6 {
  font-family: "Manrope", sans-serif;
  color: var(--on-surface);
  line-height: 1.14;
  letter-spacing: -0.028em;
  text-wrap: balance;
}

/* Reduced global heading sizes. These override oversized Tailwind heading utilities. */
body.axora-page h1 {
  font-size: clamp(2.25rem, 4.2vw, 3.75rem);
  font-weight: 800;
}

body.axora-page h2 {
  font-size: clamp(1.85rem, 3vw, 2.75rem);
  font-weight: 800;
}

body.axora-page h3 {
  font-size: clamp(1.3rem, 2vw, 1.9rem);
  font-weight: 700;
}

body.axora-page h4 {
  font-size: clamp(1.05rem, 1.45vw, 1.35rem);
  font-weight: 700;
  letter-spacing: -0.02em;
}

body.axora-page h5 {
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: -0.01em;
}

body.axora-page h6 {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

body.axora-page p,
body.axora-page li,
body.axora-page label,
body.axora-page input,
body.axora-page textarea,
body.axora-page select {
  font-family: "Inter", sans-serif;
}

body.axora-page p,
body.axora-page li {
  line-height: 1.64;
}

/* Reduce large paragraph utilities without changing the actual copy. */
body.axora-page p.text-lg,
body.axora-page li.text-lg {
  font-size: clamp(0.98rem, 1vw, 1.06rem);
}

body.axora-page p.text-xl,
body.axora-page li.text-xl,
body.axora-page p[class*="text-xl"],
body.axora-page li[class*="text-xl"],
body.axora-page p[class*="text-2xl"],
body.axora-page li[class*="text-2xl"],
body.axora-page p[class*="text-[1.75rem]"] {
  font-size: clamp(1.05rem, 1.35vw, 1.22rem);
  line-height: 1.62;
}

body.axora-page ::selection {
  background: rgba(0, 119, 200, 0.18);
}

.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}

.text-body-lg {
  font-size: 1rem;
  line-height: 1.68;
}

.glass-nav,
.glass-effect,
.glass-panel {
  background: rgba(255, 255, 255, 0.76);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid rgba(255, 255, 255, 0.25);
}

.glass-nav {
  background: rgba(255, 255, 255, 0.92);
}

details > summary {
  list-style: none;
}

details > summary::-webkit-details-marker {
  display: none;
}

.dropdown-panel {
  animation: fadeSlideDown 0.18s ease-out;
  transform-origin: top left;
  box-shadow: var(--shadow-soft);
}

.card-radius {
  border-radius: var(--radius-card);
}

.editorial-shadow {
  box-shadow: var(--shadow-editorial);
}

.shadow-soft {
  box-shadow: var(--shadow-soft);
}

body.axora-page nav {
  border-bottom: 1px solid rgba(192, 199, 211, 0.08);
}

body.axora-page nav a,
body.axora-page nav summary {
  font-family: "Inter", sans-serif;
}

body.axora-page footer {
  color: var(--on-surface);
}

body.axora-page input,
body.axora-page textarea,
body.axora-page select {
  color: var(--on-surface);
}

body.axora-page input::placeholder,
body.axora-page textarea::placeholder {
  color: rgba(64, 71, 81, 0.72);
}

body.axora-page input:focus,
body.axora-page textarea:focus,
body.axora-page select:focus {
  outline: none;
}

body.axora-page .bg-white,
body.axora-page .bg-surface-container-lowest {
  border-color: var(--ghost-border);
}

body.axora-page .rounded-lg,
body.axora-page .rounded-\[3rem\],
body.axora-page .rounded-3xl {
  overflow: clip;
}

/* Premium picture frames. This changes the frame only, not the image file or image source. */
body.axora-page main img:not([src*="LOGO"]):not([src*="Axora_Advisory_LOGO"]):not([alt=""]),
body.axora-page header img:not([src*="LOGO"]):not([src*="Axora_Advisory_LOGO"]):not([alt=""]) {
  border-radius: var(--radius-image);
}

body.axora-page main .overflow-hidden:has(img:not([src*="LOGO"]):not([src*="Axora_Advisory_LOGO"]):not([alt=""])),
body.axora-page header .overflow-hidden:has(img:not([src*="LOGO"]):not([src*="Axora_Advisory_LOGO"]):not([alt=""])) {
  position: relative;
  border-radius: var(--radius-hero-image);
  border: 1px solid rgba(255, 255, 255, 0.72);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(243, 244, 245, 0.72));
  box-shadow: 0 26px 68px rgba(15, 23, 42, 0.13);
  isolation: isolate;
}

body.axora-page main .overflow-hidden:has(img:not([src*="LOGO"]):not([src*="Axora_Advisory_LOGO"]):not([alt=""]))::after,
body.axora-page header .overflow-hidden:has(img:not([src*="LOGO"]):not([src*="Axora_Advisory_LOGO"]):not([alt=""]))::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.46), inset 0 -42px 80px rgba(15, 23, 42, 0.08);
  z-index: 2;
}

body.axora-page main img:not([src*="LOGO"]):not([src*="Axora_Advisory_LOGO"]):not([alt=""]):not(.absolute),
body.axora-page header img:not([src*="LOGO"]):not([src*="Axora_Advisory_LOGO"]):not([alt=""]):not(.absolute) {
  box-shadow: 0 22px 54px rgba(15, 23, 42, 0.10);
}

/* Cleaner cards and CTA blocks without changing content. */
body.axora-page main div.bg-white[class*="p-"],
body.axora-page main div.bg-surface-container-lowest[class*="p-"],
body.axora-page main div.bg-surface-container-low[class*="p-"],
body.axora-page main div.bg-surface-container-high[class*="p-"],
body.axora-page section div.bg-white[class*="p-"],
body.axora-page section div.bg-surface-container-lowest[class*="p-"],
body.axora-page section div.bg-surface-container-low[class*="p-"],
body.axora-page section div.bg-surface-container-high[class*="p-"] {
  border-radius: var(--radius-card);
}

body.axora-page main .shadow-2xl,
body.axora-page section .shadow-2xl,
body.axora-page header .shadow-2xl {
  box-shadow: 0 26px 68px rgba(15, 23, 42, 0.13);
}

body.axora-page main .shadow-xl,
body.axora-page section .shadow-xl,
body.axora-page header .shadow-xl {
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.11);
}

@keyframes fadeSlideDown {
  from {
    opacity: 0;
    transform: translateY(6px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (max-width: 1024px) {
  body.axora-page h1 {
    font-size: clamp(2.15rem, 7vw, 3.25rem);
  }

  body.axora-page h2 {
    font-size: clamp(1.75rem, 5vw, 2.35rem);
  }

  body.axora-page h3 {
    font-size: clamp(1.25rem, 3.8vw, 1.75rem);
  }
}

@media (max-width: 768px) {
  body.axora-page {
    font-size: 15px;
  }

  body.axora-page main,
  body.axora-page section,
  body.axora-page header,
  body.axora-page footer {
    max-width: 100%;
  }

  body.axora-page h1 {
    font-size: clamp(2rem, 9vw, 2.65rem);
    line-height: 1.12;
    letter-spacing: -0.026em;
  }

  body.axora-page h2 {
    font-size: clamp(1.65rem, 7vw, 2.15rem);
    line-height: 1.16;
  }

  body.axora-page h3 {
    font-size: clamp(1.22rem, 5vw, 1.55rem);
  }

  body.axora-page p,
  body.axora-page li {
    line-height: 1.6;
  }

  body.axora-page p.text-lg,
  body.axora-page li.text-lg,
  body.axora-page p.text-xl,
  body.axora-page li.text-xl,
  body.axora-page p[class*="text-xl"],
  body.axora-page li[class*="text-xl"],
  body.axora-page p[class*="text-2xl"],
  body.axora-page li[class*="text-2xl"],
  body.axora-page p[class*="text-[1.75rem]"] {
    font-size: 1rem;
    line-height: 1.58;
  }

  body.axora-page main > section,
  body.axora-page section,
  body.axora-page header,
  body.axora-page footer {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }

  body.axora-page section {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  body.axora-page header {
    padding-top: 6rem !important;
    padding-bottom: 4rem !important;
  }

  body.axora-page [class*="gap-24"],
  body.axora-page [class*="gap-20"],
  body.axora-page [class*="gap-16"] {
    gap: 2.25rem !important;
  }

  body.axora-page [class*="mb-24"],
  body.axora-page [class*="mb-20"],
  body.axora-page [class*="mb-16"] {
    margin-bottom: 2.5rem !important;
  }

  body.axora-page main [class*="translate-x"],
  body.axora-page header [class*="translate-x"],
  body.axora-page main [class*="-ml-"],
  body.axora-page header [class*="-ml-"] {
    transform: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.axora-page main [class*="rotate-"],
  body.axora-page header [class*="rotate-"] {
    transform: none !important;
  }

  body.axora-page main div[class*="h-["]:has(> img),
  body.axora-page header div[class*="h-["]:has(> img) {
    height: clamp(18rem, 72vw, 28rem) !important;
  }

  body.axora-page main img[class*="h-["],
  body.axora-page header img[class*="h-["] {
    height: clamp(16rem, 70vw, 24rem) !important;
  }

  body.axora-page main img:not([src*="LOGO"]):not([src*="Axora_Advisory_LOGO"]):not([alt=""]),
  body.axora-page header img:not([src*="LOGO"]):not([src*="Axora_Advisory_LOGO"]):not([alt=""]),
  body.axora-page main .overflow-hidden:has(img:not([src*="LOGO"]):not([src*="Axora_Advisory_LOGO"]):not([alt=""])),
  body.axora-page header .overflow-hidden:has(img:not([src*="LOGO"]):not([src*="Axora_Advisory_LOGO"]):not([alt=""])) {
    border-radius: 1.35rem !important;
  }

  body.axora-page main .overflow-hidden:has(img:not([src*="LOGO"]):not([src*="Axora_Advisory_LOGO"]):not([alt=""])),
  body.axora-page header .overflow-hidden:has(img:not([src*="LOGO"]):not([src*="Axora_Advisory_LOGO"]):not([alt=""])) {
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.11);
  }

  body.axora-page a,
  body.axora-page button {
    max-width: 100%;
  }

  #mobileMenu {
    max-height: calc(100vh - 72px);
    overflow-y: auto;
  }

  body.axora-page .dropdown-panel {
    min-width: 16rem;
  }
}

@media (max-width: 480px) {
  body.axora-page h1 {
    font-size: clamp(1.9rem, 10vw, 2.35rem);
  }

  body.axora-page h2 {
    font-size: clamp(1.5rem, 8vw, 1.95rem);
  }

  body.axora-page section,
  body.axora-page header {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  body.axora-page [class*="p-12"],
  body.axora-page [class*="p-10"],
  body.axora-page [class*="p-8"] {
    padding: 1.35rem !important;
  }
}

/* Axora frame refinement v2 */
:root {
  --frame-border: rgba(255, 255, 255, 0.72);
  --frame-outline: rgba(192, 199, 211, 0.34);
  --frame-shadow: 0 28px 72px rgba(15, 23, 42, 0.14);
  --frame-shadow-mobile: 0 18px 42px rgba(15, 23, 42, 0.12);
  --frame-inner: inset 0 0 0 1px rgba(255, 255, 255, 0.46), inset 0 -36px 76px rgba(15, 23, 42, 0.07);
}

/* Consistent premium image frame. This changes only the frame, not the image source/content. */
body.axora-page :is(main, header, section) img[src^="Media/New/"]:not([src*="LOGO"]):not([src*="Axora_Advisory_LOGO"]):not([alt=""]) {
  border-radius: var(--radius-image) !important;
  border: 1px solid var(--frame-border);
  background: #fff;
  box-shadow: var(--frame-shadow);
  object-position: center;
}

/* Existing overflow wrappers become the visual frame, so the image itself stays clean inside. */
body.axora-page :is(main, header, section) .overflow-hidden:has(> img[src^="Media/New/"]:not([src*="LOGO"]):not([src*="Axora_Advisory_LOGO"])) {
  position: relative;
  border-radius: var(--radius-hero-image) !important;
  border: 1px solid var(--frame-outline);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(243, 244, 245, 0.8));
  box-shadow: var(--frame-shadow) !important;
  overflow: hidden !important;
  isolation: isolate;
}

body.axora-page :is(main, header, section) .overflow-hidden:has(> img[src^="Media/New/"]:not([src*="LOGO"]):not([src*="Axora_Advisory_LOGO"])) > img[src^="Media/New/"] {
  border: 0 !important;
  box-shadow: none !important;
  border-radius: inherit !important;
}

body.axora-page :is(main, header, section) .overflow-hidden:has(> img[src^="Media/New/"]:not([src*="LOGO"]):not([src*="Axora_Advisory_LOGO"]))::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  box-shadow: var(--frame-inner);
  z-index: 3;
}

/* Standardize overly round corners into a cleaner advisory-style frame. */
body.axora-page :is(main, header, section) .rounded-3xl,
body.axora-page :is(main, header, section) .rounded-\[3rem\] {
  border-radius: var(--radius-hero-image) !important;
}

body.axora-page :is(main, header, section) .rounded-lg {
  border-radius: var(--radius-card) !important;
}

/* Improve service/card frames without changing text or layout structure. */
body.axora-page :is(main, section) div.bg-white[class*="p-"],
body.axora-page :is(main, section) div.bg-surface-container-lowest[class*="p-"],
body.axora-page :is(main, section) div.bg-surface-container-low[class*="p-"],
body.axora-page :is(main, section) div.bg-surface-container-high[class*="p-"] {
  border: 1px solid rgba(192, 199, 211, 0.24);
  box-shadow: 0 16px 42px rgba(15, 23, 42, 0.06);
  background-clip: padding-box;
}

/* Floating quote/location panels should feel attached to the picture frame. */
body.axora-page :is(main, header, section) .glass-panel,
body.axora-page :is(main, header, section) .glass-effect,
body.axora-page :is(main, header, section) div.absolute.bg-white[class*="p-"] {
  border: 1px solid rgba(255, 255, 255, 0.6);
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.13);
}

@media (max-width: 1024px) {
  body.axora-page :is(main, header, section) .overflow-hidden:has(> img[src^="Media/New/"]) {
    border-radius: 1.65rem !important;
  }
}

@media (max-width: 768px) {
  body.axora-page header[class*="min-h"] {
    min-height: auto !important;
  }

  body.axora-page :is(main, header, section) img[src^="Media/New/"]:not([src*="LOGO"]):not([src*="Axora_Advisory_LOGO"]):not([alt=""]),
  body.axora-page :is(main, header, section) .overflow-hidden:has(> img[src^="Media/New/"]) {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 1.25rem !important;
    box-shadow: var(--frame-shadow-mobile) !important;
  }

  body.axora-page :is(main, header, section) [class*="translate-x"],
  body.axora-page :is(main, header, section) [class*="translate-y"],
  body.axora-page :is(main, header, section) [class*="-ml-"],
  body.axora-page :is(main, header, section) [class*="rotate-"] {
    transform: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.axora-page :is(main, header, section) div[class*="h-[500px]"],
  body.axora-page :is(main, header, section) div[class*="h-[600px]"],
  body.axora-page :is(main, header, section) div[class*="h-[650px]"] {
    height: clamp(18rem, 72vw, 26rem) !important;
  }

  body.axora-page :is(main, header, section) img[class*="h-[450px]"],
  body.axora-page :is(main, header, section) img[class*="h-[500px]"],
  body.axora-page :is(main, header, section) img[class*="h-[600px]"] {
    height: clamp(17rem, 70vw, 24rem) !important;
  }

  body.axora-page :is(main, header, section) .glass-panel[class*="absolute"],
  body.axora-page :is(main, header, section) .glass-effect[class*="absolute"],
  body.axora-page :is(main, header, section) div.absolute.bg-white[class*="p-"] {
    position: static !important;
    transform: none !important;
    max-width: 100% !important;
    margin-top: 1rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 1.25rem !important;
  }

  body.axora-page :is(main, section) div.bg-white[class*="p-"],
  body.axora-page :is(main, section) div.bg-surface-container-lowest[class*="p-"],
  body.axora-page :is(main, section) div.bg-surface-container-low[class*="p-"],
  body.axora-page :is(main, section) div.bg-surface-container-high[class*="p-"] {
    border-radius: 1.25rem !important;
  }
}

@media (max-width: 480px) {
  body.axora-page :is(main, header, section) img[src^="Media/New/"]:not([src*="LOGO"]):not([src*="Axora_Advisory_LOGO"]):not([alt=""]),
  body.axora-page :is(main, header, section) .overflow-hidden:has(> img[src^="Media/New/"]) {
    border-radius: 1.1rem !important;
  }
}

/* Axora mobile card/frame standard v3
   Purpose: make content frames wider and prevent title/text clipping on mobile.
   This does not change page copy, image sources, or logo. */
body.axora-page :is(main, section) div.bg-white[class*="p-"]:not(.overflow-hidden),
body.axora-page :is(main, section) div.bg-surface-container-lowest[class*="p-"]:not(.overflow-hidden),
body.axora-page :is(main, section) div.bg-surface-container-low[class*="p-"]:not(.overflow-hidden),
body.axora-page :is(main, section) div.bg-surface-container-high[class*="p-"]:not(.overflow-hidden) {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow: visible !important;
}

body.axora-page :is(main, section, header) :is(.rounded-lg, .rounded-3xl, .rounded-\[3rem\]):not(.overflow-hidden) {
  overflow: visible !important;
}

body.axora-page :is(main, section) div.bg-white[class*="p-"] :is(h2, h3, h4, p, li, a),
body.axora-page :is(main, section) div.bg-surface-container-lowest[class*="p-"] :is(h2, h3, h4, p, li, a),
body.axora-page :is(main, section) div.bg-surface-container-low[class*="p-"] :is(h2, h3, h4, p, li, a),
body.axora-page :is(main, section) div.bg-surface-container-high[class*="p-"] :is(h2, h3, h4, p, li, a) {
  max-width: 100%;
  overflow-wrap: break-word;
  word-break: normal;
}

body.axora-page :is(main, section) a.inline-flex {
  white-space: normal;
  flex-wrap: wrap;
  line-height: 1.45;
}

@media (max-width: 768px) {
  /* Section padding already gives the page gutter; remove duplicate inner gutters from max-width containers. */
  body.axora-page :is(main, section, header) [class*="max-w-"][class*="px-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.axora-page :is(main, section, header) [class*="grid"],
  body.axora-page :is(main, section, header) [class*="flex"] {
    min-width: 0;
  }

  body.axora-page :is(main, section, header) [class*="grid"] > *,
  body.axora-page :is(main, section, header) [class*="flex"] > * {
    min-width: 0;
  }

  body.axora-page :is(main, section) div.bg-white[class*="p-"]:not(.overflow-hidden),
  body.axora-page :is(main, section) div.bg-surface-container-lowest[class*="p-"]:not(.overflow-hidden),
  body.axora-page :is(main, section) div.bg-surface-container-low[class*="p-"]:not(.overflow-hidden),
  body.axora-page :is(main, section) div.bg-surface-container-high[class*="p-"]:not(.overflow-hidden) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 1.5rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 1.35rem !important;
    overflow: visible !important;
  }

  body.axora-page :is(main, section) div.bg-white[class*="p-"] :is(h2, h3),
  body.axora-page :is(main, section) div.bg-surface-container-lowest[class*="p-"] :is(h2, h3),
  body.axora-page :is(main, section) div.bg-surface-container-low[class*="p-"] :is(h2, h3),
  body.axora-page :is(main, section) div.bg-surface-container-high[class*="p-"] :is(h2, h3) {
    font-size: clamp(1.3rem, 6vw, 1.75rem) !important;
    line-height: 1.18 !important;
    letter-spacing: -0.02em;
    text-wrap: balance;
  }

  body.axora-page :is(main, section) div.bg-white[class*="p-"] p,
  body.axora-page :is(main, section) div.bg-surface-container-lowest[class*="p-"] p,
  body.axora-page :is(main, section) div.bg-surface-container-low[class*="p-"] p,
  body.axora-page :is(main, section) div.bg-surface-container-high[class*="p-"] p {
    font-size: 1rem !important;
    line-height: 1.58 !important;
  }

  body.axora-page :is(main, section) div.bg-white[class*="p-"] a,
  body.axora-page :is(main, section) div.bg-surface-container-lowest[class*="p-"] a,
  body.axora-page :is(main, section) div.bg-surface-container-low[class*="p-"] a,
  body.axora-page :is(main, section) div.bg-surface-container-high[class*="p-"] a {
    display: inline-flex;
    max-width: 100%;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: normal;
  }
}

@media (max-width: 480px) {
  body.axora-page :is(main, section) div.bg-white[class*="p-"]:not(.overflow-hidden),
  body.axora-page :is(main, section) div.bg-surface-container-lowest[class*="p-"]:not(.overflow-hidden),
  body.axora-page :is(main, section) div.bg-surface-container-low[class*="p-"]:not(.overflow-hidden),
  body.axora-page :is(main, section) div.bg-surface-container-high[class*="p-"]:not(.overflow-hidden) {
    padding: 1.25rem !important;
    border-radius: 1.2rem !important;
  }
}

/* Axora navbar logo standard v5
   Purpose: keep the logo visible but not oversized, with Tailwind fallback in HTML. */
body.axora-page nav > div:first-child {
  min-height: 68px;
  padding-top: 0.65rem !important;
  padding-bottom: 0.65rem !important;
}

body.axora-page nav a:has(> img[src*="Axora_Advisory_LOGO"]),
body.axora-page nav a:has(> .axora-logo) {
  flex-shrink: 0;
  align-items: center;
}

body.axora-page nav img.axora-logo,
body.axora-page nav img[src*="Axora_Advisory_LOGO"] {
  display: block;
  width: auto !important;
  height: 42px !important;
  max-height: 42px !important;
  max-width: 190px !important;
  object-fit: contain;
  object-position: left center;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

@media (max-width: 1024px) {
  body.axora-page nav > div:first-child {
    min-height: 66px;
  }

  body.axora-page nav img.axora-logo,
  body.axora-page nav img[src*="Axora_Advisory_LOGO"] {
    height: 40px !important;
    max-height: 40px !important;
    max-width: 180px !important;
  }
}

@media (max-width: 768px) {
  body.axora-page nav > div:first-child {
    min-height: 64px;
    padding-top: 0.55rem !important;
    padding-bottom: 0.55rem !important;
  }

  body.axora-page nav img.axora-logo,
  body.axora-page nav img[src*="Axora_Advisory_LOGO"] {
    height: 36px !important;
    max-height: 36px !important;
    max-width: 160px !important;
  }

  #mobileMenu {
    max-height: calc(100vh - 64px);
  }
}

@media (max-width: 380px) {
  body.axora-page nav img.axora-logo,
  body.axora-page nav img[src*="Axora_Advisory_LOGO"] {
    height: 34px !important;
    max-height: 34px !important;
    max-width: 145px !important;
  }
}