/* TORUNNO homepage controls: button contrast, Home navigation, responsive hero image presets. */
.main-nav .nav-home { font-weight: 800; }
.main-nav .nav-home.nav-active { color: var(--classic-accent, var(--accent)) !important; border-bottom-color: var(--classic-accent, var(--accent)); }
/* The main hero CTA uses a light button with dark type, so it remains legible on every theme. */
.classic-hero-actions .classic-button,
.classic-hero-actions .btn {
  background: #fff !important;
  border-color: #fff !important;
  color: #171717 !important;
  text-shadow: none !important;
}
.classic-hero-actions .classic-button:hover,
.classic-hero-actions .btn:hover {
  background: var(--accent, #927653) !important;
  border-color: var(--accent, #927653) !important;
  color: #111 !important;
}
/* Hero image presets from Homepage editor. The larger the preset, the more space the image receives. */
.classic-hero.classic-hero-size-compact .classic-hero-inner {
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .85fr);
}
.classic-hero.classic-hero-size-compact .classic-hero-image,
.classic-hero.classic-hero-size-compact .classic-hero-placeholder {
  height: clamp(280px, 36vw, 440px); min-height: 280px;
}
.classic-hero.classic-hero-size-standard .classic-hero-image { height: clamp(350px, 48vw, 620px); }
.classic-hero.classic-hero-size-large .classic-hero-inner {
  grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
}
.classic-hero.classic-hero-size-large .classic-hero-image,
.classic-hero.classic-hero-size-large .classic-hero-placeholder {
  height: clamp(420px, 56vw, 700px); min-height: 420px;
}
.classic-hero.classic-hero-size-extra-large .classic-hero-inner {
  width: min(1440px, calc(100% - 56px));
  grid-template-columns: minmax(0, .68fr) minmax(0, 1.32fr);
  gap: clamp(28px, 4vw, 64px);
}
.classic-hero.classic-hero-size-extra-large .classic-hero-image,
.classic-hero.classic-hero-size-extra-large .classic-hero-placeholder {
  height: clamp(460px, 62vw, 790px); min-height: 460px;
}
.classic-hero.classic-hero-size-compact.classic-hero-centered .classic-hero-image { height: clamp(260px, 36vw, 420px); }
.classic-hero.classic-hero-size-standard.classic-hero-centered .classic-hero-image { height: min(58vw, 520px); }
.classic-hero.classic-hero-size-large.classic-hero-centered .classic-hero-image { height: clamp(400px, 54vw, 660px); }
.classic-hero.classic-hero-size-extra-large.classic-hero-centered .classic-hero-image { height: clamp(440px, 62vw, 760px); }

/* New wide-landscape preset: intentionally shorter and more horizontal than the full-height image. */
.classic-hero.classic-hero-size-wide .classic-hero-inner {
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  gap: clamp(24px, 4.2vw, 62px);
}
.classic-hero.classic-hero-size-wide .classic-hero-image,
.classic-hero.classic-hero-size-wide .classic-hero-placeholder {
  height: clamp(250px, 31vw, 430px); min-height: 230px;
  aspect-ratio: 16 / 10;
}
.classic-hero.classic-hero-size-compact .classic-hero-image,
.classic-hero.classic-hero-size-compact .classic-hero-placeholder {
  height: clamp(245px, 32vw, 385px); min-height: 225px;
}
.easy-section-preview[data-section-type="hero"][data-image-size="wide"] { grid-template-columns: minmax(0,1fr) minmax(110px,38%); }
.easy-section-preview[data-section-type="hero"][data-image-size="wide"] .easy-section-preview-image { height: 92px; }

@media (max-width: 1000px) {
  .classic-hero.classic-hero-size-extra-large .classic-hero-inner { width: min(var(--classic-max), calc(100% - 40px)); }
}
@media (max-width: 700px) {
  .classic-hero.classic-hero-size-compact .classic-hero-inner,
  .classic-hero.classic-hero-size-large .classic-hero-inner,
  .classic-hero.classic-hero-size-extra-large .classic-hero-inner { grid-template-columns: 1fr; }
  .classic-hero.classic-hero-size-compact .classic-hero-image,
  .classic-hero.classic-hero-size-compact .classic-hero-placeholder { height: clamp(240px, 75vw, 340px); min-height: 240px; }
  .classic-hero.classic-hero-size-standard .classic-hero-image { height: clamp(300px, 95vw, 430px); }
  .classic-hero.classic-hero-size-large .classic-hero-image,
  .classic-hero.classic-hero-size-large .classic-hero-placeholder { height: clamp(340px, 105vw, 490px); min-height: 340px; }
  .classic-hero.classic-hero-size-extra-large .classic-hero-inner { width: calc(100% - 32px); }
  .classic-hero.classic-hero-size-extra-large .classic-hero-image,
  .classic-hero.classic-hero-size-extra-large .classic-hero-placeholder { height: clamp(380px, 115vw, 550px); min-height: 380px; }
}