/* Runtime appearance settings. Loaded only on front-end layouts. */
body:not(.page-admin) {
  font-size: var(--theme-base-font-size,15px);
  background-color: var(--theme-background-primary,#ede5d9);
  background-position: var(--theme-background-position,center top);
  background-repeat: var(--theme-background-repeat,repeat);
}
body.theme-background--pattern:not(.page-admin) {
  background-image:
    radial-gradient(circle at 8% 4%, rgba(83,107,88,.09) 0 74px, transparent 75px),
    radial-gradient(circle at 94% 18%, rgba(231,179,86,.10) 0 110px, transparent 111px),
    repeating-linear-gradient(135deg,rgba(52,73,58,.045) 0 1px,transparent 1px 18px),
    linear-gradient(var(--theme-background-primary,#ede5d9),var(--theme-background-secondary,#dce7dc));
}
body.theme-background--gradient:not(.page-admin) {
  background-image: linear-gradient(145deg,var(--theme-background-primary,#ede5d9),var(--theme-background-secondary,#dce7dc));
}
body.theme-background--solid:not(.page-admin) { background-image: none; }
body.theme-background--image:not(.page-admin) {
  background-image: var(--theme-background-image),linear-gradient(145deg,var(--theme-background-primary,#ede5d9),var(--theme-background-secondary,#dce7dc));
  background-size: auto,cover;
}
body.theme-background--fixed:not(.page-admin) { background-attachment: fixed; }
.site-canvas { position: relative; min-height: 100vh; display: flex; flex-direction: column; background: var(--paper); color: var(--ink); }
.site-canvas > main { flex: 1 0 auto; }
.theme-layout--full-width .site-canvas { width: 100%; }
.theme-layout--boxed .site-canvas,
.theme-layout--bordered .site-canvas {
  width: min(calc(100% - (var(--theme-side-gap) * 2)),var(--theme-shell-width));
  margin-inline: auto;
}
.theme-layout--boxed .site-canvas { box-shadow: var(--shadow-lg); }
.theme-layout--bordered .site-canvas { border-inline: 1px solid var(--border-strong); }
.theme-layout--framed .site-canvas {
  width: min(calc(100% - (var(--theme-side-gap) * 2)),var(--theme-shell-width));
  min-height: calc(100vh - (var(--theme-side-gap) * 2));
  margin: var(--theme-side-gap) auto;
  border: 1px solid var(--border);
  border-radius: var(--theme-frame-radius);
  box-shadow: var(--shadow-lg);
  overflow: clip;
}
.theme-layout--framed .site-header { top: 0; }
.theme-header--static .site-header { position: relative; }
.theme-header--solid .site-header__main { background: var(--paper); backdrop-filter: none; }
.brand__custom-logo { width: var(--brand-logo-width,43px); max-height: 62px; object-fit: contain; flex: none; }
.theme-shadows--none .card,
.theme-shadows--none .panel,
.theme-shadows--none .box,
.theme-shadows--none .card-panel,
.theme-shadows--none .auth-card,
.theme-shadows--none .support-form-card,
.theme-shadows--none .contact-card,
.theme-shadows--none .faq-contact-card,
.theme-shadows--none .checkout-form-card,
.theme-shadows--none .order-summary,
.theme-shadows--none .test-config-panel,
.theme-shadows--none .test-config-aside { box-shadow: none; }
.site-canvas--auth { min-height: 100vh; }
.site-canvas--auth .auth-shell { flex: 1; }
.theme-layout--framed .site-canvas--auth { min-height: calc(100vh - (var(--theme-side-gap) * 2)); }
.theme-layout--framed .site-canvas--auth .auth-shell { min-height: calc(100vh - (var(--theme-side-gap) * 2)); }
.theme-layout--boxed .site-canvas--auth,
.theme-layout--bordered .site-canvas--auth { min-height: 100vh; }

@media (max-width: 1040px) {
  body:not(.page-admin) { background: var(--paper); }
  .theme-layout--boxed .site-canvas,
  .theme-layout--bordered .site-canvas,
  .theme-layout--framed .site-canvas {
    width: 100%; min-height: 100vh; margin: 0; border: 0; border-radius: 0; box-shadow: none; overflow: visible;
  }
  .theme-layout--framed .site-canvas--auth .auth-shell { min-height: 100vh; }
}

/* Preserve the original full-width composition; outer backgrounds are intended
   for Boxed, Framed and Bordered modes. */
body.theme-layout--full-width:not(.page-admin) {
  background:
    radial-gradient(circle at 7% 0%, rgba(231,179,86,.08), transparent 24rem),
    radial-gradient(circle at 94% 9%, rgba(83,107,88,.08), transparent 27rem),
    var(--paper);
}
.theme-layout--full-width .site-canvas { background: transparent; }