/**
 * ADEB Theme — Custom Post Type CSS
 *
 * Styles for single-projekt template and CPT-related components
 */

/* ============================================
   PROJEKT META STRIP
   ============================================ */
.projekt-meta-strip{
  background:#fff;border-bottom:1px solid var(--line);
}
.projekt-meta-inner{
  max-width:1280px;margin:0 auto;padding:24px;
  display:grid;grid-template-columns:repeat(4,1fr);gap:24px;
}
.meta-item{display:flex;flex-direction:column;gap:4px}
.meta-label{font-size:11.5px;color:var(--text-mute);text-transform:uppercase;letter-spacing:0.12em;font-weight:600}
.meta-value{font-size:15px;font-weight:600;color:var(--text)}
@media (max-width:768px){
  .projekt-meta-inner{grid-template-columns:1fr 1fr;gap:18px;padding:18px}
}

/* ============================================
   PROJEKT FEATURED IMAGE
   ============================================ */
.projekt-featured{padding:48px 0}
.projekt-featured-inner{max-width:1280px;margin:0 auto;padding:0 24px}
.projekt-featured-img{
  width:100%;height:auto;display:block;
  border-radius:24px;overflow:hidden;
  box-shadow:var(--shadow-lg);
}

/* ============================================
   PROJEKT CONTENT
   ============================================ */
.projekt-content{
  max-width:780px;margin:0 auto;
  font-size:17px;line-height:1.75;color:var(--text);
}
.projekt-content h2{font-family:'Fraunces',serif;font-size:34px;font-weight:500;margin:36px 0 16px;line-height:1.15;letter-spacing:-0.01em}
.projekt-content h3{font-family:'Fraunces',serif;font-size:24px;font-weight:500;margin:28px 0 12px}
.projekt-content p{margin-bottom:18px}
.projekt-content ul,.projekt-content ol{margin:0 0 24px 22px}
.projekt-content li{margin-bottom:8px}
.projekt-content blockquote{
  border-left:3px solid var(--primary);
  padding:8px 0 8px 24px;margin:28px 0;
  font-family:'Fraunces',serif;font-size:22px;font-style:italic;
  color:var(--text-dim);line-height:1.5;
}
.projekt-content img{border-radius:16px;margin:24px 0}
.projekt-content a{color:var(--primary);text-decoration:underline}

/* ============================================
   PROJEKT GALLERY
   ============================================ */
.section-gallery{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.projekt-gallery{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;
}
.gallery-item{
  display:block;border-radius:16px;overflow:hidden;
  aspect-ratio:1/1;background:var(--bg-card-hover);
  transition:transform .25s;
}
.gallery-item:hover{transform:scale(1.02);box-shadow:var(--shadow-md)}
.gallery-item img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .4s;
}
.gallery-item:hover img{transform:scale(1.08)}
@media (max-width:768px){
  .projekt-gallery{grid-template-columns:1fr 1fr;gap:10px}
}

/* ============================================
   RELATED PROJEKTE
   ============================================ */
.section-related{background:var(--bg)}

/* ============================================
   LEISTUNG FEATURES (for CPT Leistungen rendering)
   ============================================ */
.leistung-features-cpt{
  list-style:none;padding:0;display:grid;
  grid-template-columns:1fr 1fr;gap:8px 16px;
  margin:18px 0;
}
.leistung-features-cpt li{
  display:flex;gap:8px;align-items:flex-start;
  font-size:14.5px;color:var(--text);
}
.leistung-features-cpt li::before{
  content:'✓';color:var(--primary);font-weight:700;flex-shrink:0;
}

/* ============================================
   TESTIMONIAL CARDS (CPT)
   ============================================ */
/* Inherits from .review-card in main style.css */