/* ==========================================================================
   Kapurthala Project - "Desert Light" Theme
   ========================================================================== */

/* Theme Variables */
.project-kapurthala {
  --kap-bg:         #F5F0E8;
  --kap-bg-alt:     #EDE6DA;
  --kap-text:       #3D2B1F;
  --kap-text-light: #6B5344;
  --kap-terracotta: #C4673E;
  --kap-emerald:    #0D5C4A;
  --kap-gold:       #B8860B;
}

/* Body-level theming */
body.theme-kapurthala {
  background: #F5F0E8;
}

body.theme-kapurthala .site-header {
  background: transparent;
  border-bottom-color: rgba(107, 83, 68, 0.2);
}

body.theme-kapurthala .site-logo {
  color: #6B5344;
  border-right-color: rgba(107, 83, 68, 0.3);
}

body.theme-kapurthala .nav-grid li {
  border-left-color: rgba(107, 83, 68, 0.3);
}

body.theme-kapurthala .nav-grid a {
  color: #6B5344;
}

body.theme-kapurthala .site-footer {
  background: #F5F0E8;
  border-top-color: rgba(107, 83, 68, 0.2);
}

body.theme-kapurthala .footer-copyright {
  color: #6B5344;
}

body.theme-kapurthala .footer-rss {
  color: #6B5344;
}

body.theme-kapurthala .footer-rss:hover {
  background-color: #3D2B1F;
  color: #F5F0E8;
}

/* Main content area */
.project-kapurthala {
  background: var(--kap-bg);
  color: var(--kap-text);
}

/* Hero Section */
.kapurthala-hero {
  position: relative;
  height: 100vh;
  min-height: 600px;
  overflow: hidden;
}

.kapurthala-hero-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.kapurthala-hero-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;
  padding: var(--space-12) var(--content-indent);
  background: linear-gradient(
    to top,
    rgba(61, 43, 31, 0.85) 0%,
    rgba(61, 43, 31, 0.4) 40%,
    rgba(61, 43, 31, 0) 70%
  );
}

.kapurthala-title {
  font-family: var(--font-display);
  font-size: clamp(2.5rem, 8vw, 5rem);
  font-weight: var(--font-light);
  line-height: var(--leading-tight);
  color: var(--kap-bg);
  max-width: 14ch;
  margin: 0;
}

/* Content wrapper */
.kapurthala-content {
  max-width: 1400px;
  margin: 0 auto;
  padding: var(--space-12) var(--gutter) var(--space-24);
}

/* Typography in content */
.kapurthala-content p {
  max-width: 65ch;
  margin: var(--space-8) auto;
  font-size: var(--text-lg);
  line-height: var(--leading-normal);
  color: var(--kap-text-light);
}

.kapurthala-content hr {
  max-width: 120px;
  margin: var(--space-16) auto;
  height: 1px;
  background: rgba(107, 83, 68, 0.3);
  border: none;
}

/* Gallery rows - uses existing shortcode classes */
.kapurthala-content .gallery-row {
  max-width: 1200px;
  margin: var(--space-12) auto;
}

/* Photo items - override for this theme */
.kapurthala-content .gallery-item {
  border-radius: 0;
}

.kapurthala-content .gallery-item img {
  transition: opacity 0.3s ease;
}

.kapurthala-content .gallery-item:hover img {
  opacity: 0.9;
}

/* Width variants for this theme */
.kapurthala-content .photo-full {
  flex: 0 0 100%;
}

.kapurthala-content .photo-wide {
  max-width: 900px;
  margin: 0 auto;
  flex: 0 0 100%;
}

.kapurthala-content .photo-center {
  max-width: 700px;
  margin: 0 auto;
  flex: 0 0 100%;
}

/* Responsive */
@media (max-width: 768px) {
  .kapurthala-hero {
    height: 70vh;
    min-height: 500px;
  }

  .kapurthala-hero-overlay {
    padding: var(--space-8) var(--gutter);
  }

  .kapurthala-title {
    font-size: clamp(2rem, 10vw, 3rem);
  }

  .kapurthala-content {
    padding: var(--space-12) var(--gutter) var(--space-16);
  }

  .kapurthala-content > p:first-child {
    font-size: var(--text-lg);
  }
}