// WeddingCaseStudy.jsx — Section G (case study + testimonial)
// ⚠️ Tony to supply a real (or approved-anonymized) wedding + a real testimonial with permission.
// NEVER fabricate a couple — both slots stay flagged until real content lands.
// HIDDEN 2026-09-30 — no real content yet. To restore, delete the null line and drop the _PENDING suffix.
const WeddingCaseStudy = () => null;
const WeddingCaseStudy_PENDING = () => (
  <section style={{ padding:'clamp(64px, 8vw, 96px) 24px', background: T.white }}>
    <div style={{ maxWidth:1100, margin:'0 auto' }}>
      {/* Wide case-study card */}
      <div style={{
        display:'grid', gridTemplateColumns:'1fr 1.1fr', gap:0,
        border:`1px solid ${T.border}`, borderRadius:16, overflow:'hidden', background: T.white,
      }} className="grid-2">
        <PhotoPlaceholder src={PHOTOS.cardWedding} caption="Photo · late-night taco truck at a Bergen County wedding venue" tone="sky" ratio="4/3" style={{ borderRadius:0, height:'100%' }} />
        <div style={{ padding:'clamp(28px, 4vw, 48px)', display:'flex', flexDirection:'column', justifyContent:'center', position:'relative' }}>
          <span style={{
            position:'absolute', top:18, right:18,
            fontSize:10, fontWeight:700, letterSpacing:'.08em',
            color:'#7A5A00', background:'#FFE9A8', padding:'3px 7px', borderRadius:3,
          }}>PENDING REAL WEDDING</span>
          <div className="eyebrow" style={{ marginBottom:12 }}>Wedding · case study</div>
          <h3 style={{ fontSize:'clamp(22px, 2.4vw, 28px)', fontWeight:600, color: T.navy, margin:'0 0 14px', lineHeight:1.2 }}>
            A [Bergen County] wedding — late-night taco truck
          </h3>
          <p style={{ fontSize:16, lineHeight:1.65, color: T.inkSoft, margin:'0 0 22px', fontStyle:'italic' }}>
            [N] guests, cocktail-hour tacos + a midnight dessert truck, coordinated with the venue's timeline.
            <br/><span style={{ fontStyle:'normal', fontSize:13, color: T.inkMute }}>Tony to supply a real or approved-anonymized wedding before publish.</span>
          </p>
          <span className="btn-link" style={{ fontSize:15, fontWeight:600, alignSelf:'flex-start' }}>
            Read the story <span className="arrow">→</span>
          </span>
        </div>
      </div>

      {/* Real testimonial — placeholder until pulled with permission */}
      <figure style={{
        margin:'28px 0 0', background:'#FFF8E1', border:'1px dashed #C99A2E', borderRadius:12,
        padding:'28px 30px', display:'flex', flexDirection:'column', gap:16, position:'relative',
      }}>
        <span style={{
          position:'absolute', top:12, right:12,
          fontSize:10, fontWeight:700, letterSpacing:'.08em',
          color:'#7A5A00', background:'#FFE9A8', padding:'3px 7px', borderRadius:3,
        }}>PENDING REAL REVIEW</span>
        <blockquote style={{ margin:0, fontSize:'clamp(18px, 1.8vw, 22px)', lineHeight:1.5, color: T.ink, fontStyle:'italic', opacity:.85, maxWidth:760 }}>
          "[Real quote about how the food truck was the highlight of the night / how easy it was to work with FTOTM. Pull from Google Reviews or a thank-you note, with permission.]"
        </blockquote>
        <figcaption style={{ display:'flex', alignItems:'center', gap:12 }}>
          <div style={{ width:44, height:44, borderRadius:999, background:`linear-gradient(135deg, ${T.teal}, ${T.navy})`, flex:'0 0 auto' }} />
          <div>
            <div style={{ fontWeight:600, fontSize:14, color: T.ink }}>[First name + last initial — with permission]</div>
            <div style={{ fontSize:12, color: T.inkSoft, lineHeight:1.45 }}>Married at [venue or town], NJ</div>
          </div>
        </figcaption>
      </figure>
    </div>
  </section>
);

Object.assign(window, { WeddingCaseStudy });