/*
 * SHOWPLACE.ART — Theme: Minimal
 * ─────────────────────────────────────────────────────────────────────────────
 * Controls visual appearance only: colours, fonts, borders, shadows.
 * Works on top of any layout without touching grid or spacing.
 */

/* ── Page ────────────────────────────────────────────────────────────────── */

:root {
  --minimal-bg:     #ffffff;
  --minimal-bg-alt: #efefef;
  --minimal-text:   #1a1a1a;
  --minimal-muted:  #555555;
  --minimal-accent: #b8860b;   /* dark goldenrod */
  --minimal-border: #e8e8e8;
  --minimal-success-bg: #e6f4ea;
  --minimal-success-border: #a3d9b1;
  --minimal-success-text: #1a1a1a;
}

.powered-by {
  color: #000;
}
.powered-by-link {
  color: #000;
}

.sp-preview {
  background: var(--minimal-bg);
  color: var(--minimal-text);
  font-family: system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif;
}
.masonry {
  .sp-preview {
    background: var(--minimal-bg);
  }
}

/* ── Navigation ──────────────────────────────────────────────────────────── */

.sp-nav {
  background: var(--minimal-bg-alt);
}

.sp-nav-logo {
  color: var(--minimal-text);
  font-size: 22px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 700;
}

.sp-nav-link {
  color: var(--minimal-muted);
  font-size: 14px;
}

.sp-nav-link:hover {
  color: var(--minimal-text);
}

/* ── Card ────────────────────────────────────────────────────────────────── */

.artwork-card {
  background: var(--minimal-bg-alt);
}

.artwork-image {
  overflow: hidden;
}

.artwork-image img {
  transition: transform 0.3s ease;
}

.artwork-card:hover .artwork-image img {
  transform: scale(1.03);
}

.artwork-info p {
  margin-bottom: 3px;
}

.artwork-title {
  color: var(--minimal-text);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.3;
}

.artwork-meta {
  color: var(--minimal-muted);
  font-size: 11px;
}

.artwork-price {
  color: var(--minimal-accent);
  font-size: 11px;
}

/* ── Navigation (sidebar) ────────────────────────────────────────────────── */

.sp-sidebar-nav {
  background: var(--minimal-bg-alt);
}

.sp-sidebar-logo {
  color: var(--minimal-text);
  font-size: 22px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 700;
}

/* ── Hero section ────────────────────────────────────────────────────────── */

.sp-hero {
  background: var(--minimal-bg-alt);
}

.sp-hero-title {
  color: var(--minimal-text);
}

.sp-hero-meta {
  color: var(--minimal-muted);
}

.sp-hero-price {
  color: var(--minimal-accent);
}

.sp-hero-cta {
  background: var(--minimal-text);
  color: var(--minimal-bg);
  border-radius: 6px;
}

.sp-hero-cta:hover {
  background: var(--minimal-muted);
}

/* ── Grid / masonry / slideshow backgrounds ──────────────────────────────── */

.sp-grid-section,
.sp-slideshow-main {
  background: var(--minimal-bg);
}

/* ── Inner pages (contact / product) ────────────────────────────────── */

.sp-page-title,
.sp-product-title {
  color: var(--minimal-text);
  font-size: 26px;
  font-weight: 700;
  line-height: 1.2;
}

.sp-page-subtitle,
.sp-enquiry-subject {
  color: var(--minimal-muted);
  font-size: 14px;
}

.sp-product-blurb {
  color: var(--minimal-muted);
  font-size: 15px;
  line-height: 1.7;
}

.sp-alert {
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px;
}

.sp-product-details {
  background: var(--minimal-bg-alt);
}

.sp-product-meta-label {
  color: var(--minimal-muted);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sp-product-meta-value {
  color: var(--minimal-text);
  font-size: 14px;
}

.sp-product-sold {
  color: var(--minimal-muted);
}

.sp-form-label {
  color: var(--minimal-muted);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sp-form-input,
.sp-form-textarea {
  border-color: var(--minimal-border);
  background: var(--minimal-bg);
  color: var(--minimal-text);
  border-radius: 3px;
  font-size: 14px;
}

.sp-form-input:focus,
.sp-form-textarea:focus {
  outline: none;
  border-color: var(--minimal-text);
}

.sp-form-input-error {
  border-color: var(--minimal-accent);
}

.sp-form-error {
  color: var(--minimal-accent);
  font-size: 12px;
  line-height: 1.4;
}

.sp-form-btn {
  background: var(--minimal-text);
  color: var(--minimal-bg);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border-radius: 6px;
}

.sp-form-btn:hover {
  background: var(--minimal-muted);
}

.sp-alert-success {
  background: var(--minimal-success-bg);
  border: 1px solid var(--minimal-success-border);
  color: var(--minimal-success-text);
}

.sp-slide-info {
  background: var(--minimal-bg-alt);
  padding: 24px;
}

.sp-slide-title {
  font-size: 16px;
  font-weight: 600;
}

.sp-slide-meta {
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sp-slide-price {
  font-size: 12px;
  font-weight: 600;
}

p.sp-slide-caption {
  font-size: 12px;
  margin-block: 10px;
  max-width: 600px;
}

.sp-slide-view-link {
  color: var(--minimal-muted);
}

.sp-slide-view-link:hover {
  color: var(--minimal-text);
}

.sp-back-link {
  color: var(--minimal-muted);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sp-back-link:hover {
  color: var(--minimal-text);
}

/* ── Masonry items ───────────────────────────────────────────────────────── */

.sp-masonry-item img {
  transition: opacity 0.3s ease;
}

.sp-masonry-item:hover img {
  opacity: 0.88;
}

/* ── Slideshow caption ───────────────────────────────────────────────────── */

.sp-slide-title {
  color: var(--minimal-text);
}

.sp-slide-meta {
  color: var(--minimal-muted);
}

/* ── Pagination ──────────────────────────────────────────────────────────── */

.sp-page-btn {
  color: var(--minimal-text);
}

.sp-page-btn:hover:not(:disabled) {
  color: var(--minimal-muted);
}

.sp-page-info,
.sp-page-counter {
  color: var(--minimal-muted);
}

.sp-load-more {
  color: var(--minimal-muted);
}

.sp-contact-form {
  margin-top: 20px;
  background: var(--minimal-bg-alt);
  padding: 24px;
}

/* ── Collections (header + homepage preview) ───────────────────────────── */

.sp-collection-title {
  color: var(--minimal-text);
  font-size: clamp(26px, 4vw, 40px);
  font-weight: 700;
  line-height: 1.2;
}

.sp-collection-blurb {
  color: var(--minimal-muted);
  font-size: 15px;
  line-height: 1.7;
}

.sp-collections-preview-title,
.sp-all-artworks-title {
  color: var(--minimal-muted);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sp-collection-card-thumb {
  background: var(--minimal-bg-alt);
  border-radius: 3px;
}

.sp-collection-card-name {
  color: var(--minimal-text);
  font-size: 15px;
  font-weight: 600;
}

.sp-collection-card-count {
  color: var(--minimal-muted);
  font-size: 13px;
}

.sp-collections-row {
  background: var(--minimal-bg-alt);
  padding: 16px;
}

/* multi-image products: gallery thumbnails */
.sp-product-thumb.is-active { border: 1px solid var(--minimal-accent); }

@media (max-width: 768px) {
  .sp-collection-card-name {
    font-size: 12px;
  }
  .sp-collection-card-count {
    font-size: 11px;
  }
}