/*
Theme Name: Signature Album
Theme URI: https://signaturealbum.com/
Author: Signature Album
Description: Lightweight Elementor-compatible theme for Signature Album.
Version: 0.1.2
Requires at least: 6.5
Requires PHP: 8.1
Text Domain: signature-album
*/

:root {
  --sa-burgundy: #681c2f;
  --sa-cream: #fbf5ec;
  --sa-gold: #b88a44;
  --sa-ink: #22191b;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--sa-ink); background: var(--sa-cream); }
.sa-site-header { position: relative; z-index: 50; }
.sa-sticky-nav {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: rgba(251, 245, 236, .96);
  border-bottom: 1px solid rgba(104, 28, 47, .12);
  backdrop-filter: blur(12px);
}
.sa-nav-inner {
  width: min(1180px, calc(100% - 32px));
  min-height: 72px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.sa-brand,
.sa-brand .custom-logo-link {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  line-height: 0;
}
.sa-brand img,
.sa-brand img.custom-logo {
  display: block;
  width: 34px;
  max-width: 34px;
  height: 34px;
  max-height: 34px;
  object-fit: contain;
}
.sa-nav-inner ul { display: flex; align-items: center; gap: 26px; margin: 0; padding: 0; list-style: none; }
.sa-nav-inner a { color: inherit; text-decoration: none; }
.sa-account-link { color: var(--sa-burgundy); font-weight: 700; }
.sa-site-footer { padding: 48px 16px; color: #fff; background: var(--sa-burgundy); text-align: center; }
.sa-footer-logo {
  display: block;
  width: clamp(72px, 8vw, 112px);
  height: auto;
  margin: 0 auto 22px;
  object-fit: contain;
}
.sa-site-main { min-height: 60vh; }

@media (max-width: 800px) {
  .sa-nav-inner { min-height: 62px; }
  .sa-brand img,
  .sa-brand img.custom-logo {
    width: 30px;
    max-width: 30px;
    height: 30px;
    max-height: 30px;
  }
  .sa-nav-inner ul { gap: 14px; overflow-x: auto; font-size: 14px; }
}