/**
 * ARALIYA — Apartment Single Page
 *
 * @package   AraliyaPlatformCore
 * @since     2.0.0-alpha.23
 *
 * Scope: .ary-apt-* namespaced selectors + responsive overrides.
 * All color/spacing values defer to CSS custom properties defined in
 * src/Frontend/DesignPresets.php (injected via <style> in <head>).
 */

/* ── Responsive grid ─────────────────────────────────────────────────────── */

@media (max-width: 768px) {
  .ary-apt-content .ary-container > div {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }

  .ary-apt-hero h1 {
    font-size: clamp(28px, 8vw, 48px) !important;
  }
}

/* ── Gallery responsive ──────────────────────────────────────────────────── */

@media (max-width: 640px) {
  .ary-apt-main section div[style*="repeat(3,1fr)"] {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* ── Button overrides (ensure apt page gets btn styles if theme not active) ─ */

.ary-apt-main .ary-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 13px 28px;
  font-family: var(--ary-font-sans, 'DM Sans', sans-serif);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 2px;
  cursor: pointer;
  transition: opacity .2s;
  white-space: nowrap;
}

.ary-apt-main .ary-btn:hover {
  opacity: .8;
}

.ary-apt-main .ary-btn-gold {
  background: var(--ary-gold, #c9a84c);
  color: #fff;
  border: none;
}

.ary-apt-main .ary-btn-dark {
  background: var(--ary-dark, #1a1510);
  color: #fff;
  border: none;
}
