/* Sponsorship page — Atlanta Local
   Branding: maroon #7b1e1e, warm yellow #f6c244 / #ffd166
*/

:root{
    --brand-maroon: #7b1e1e;
    --brand-yellow: #f6c244;
    --brand-yellow-2: #ffd166;
    --muted: #6b6b6b;
    --card-bg: #fff;
    --page-max: 1100px;
  }
  
  /* Base layout */
  .sponsor-header{
    background: white;
    border-bottom: 1px solid #eee;
    box-shadow: 0 1px 0 rgba(0,0,0,0.02);
  }
  .sponsor-header-inner{
    max-width: var(--page-max);
    margin: 0 auto;
    padding: 18px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
  }
  
  /* Brand */
  .brand{
    display:flex;
    align-items:center;
    gap:14px;
  }
  .brand-mark{
    width:48px;
    height:48px;
    border-radius:50%;
    background: linear-gradient(135deg, var(--brand-yellow), var(--brand-yellow-2));
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    color:#111;
    box-shadow: 0 4px 10px rgba(0,0,0,0.06);
    font-family: 'Helvetica Neue', sans-serif;
  }
  .brand-text h1{
    margin:0;
    font-size:18px;
    color:var(--brand-maroon);
  }
  .brand-text p{
    margin:0;
    font-size:13px;
    color:var(--muted);
  }
  
  /* nav */
  .sponsor-nav{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    align-items:center;
  }
  .sponsor-nav .nav-link{
    color: #333;
    text-decoration:none;
    font-size:14px;
    padding:6px 8px;
  }
  .sponsor-nav .btn-download{
    display:inline-block;
    background:var(--brand-yellow);
    border-radius:6px;
    padding:8px 12px;
    color:#111;
    text-decoration:none;
    font-weight:600;
    box-shadow:0 6px 14px rgba(246,194,68,0.12);
  }
  
  /* main */
  .sponsor-main{ padding:40px 0; background:#fafafa; }
  .container{ max-width: var(--page-max); margin:0 auto; padding:0 20px; }
  
  /* lead grid (intro + card) */
  .lead-grid{
    display:grid;
    grid-template-columns: 1fr 360px;
    gap:28px;
    align-items:start;
  }
  .lead-text h2{
    font-size:28px;
    margin:0 0 12px 0;
    color: #111;
  }
  .lead-paragraph{
    color:#333;
    line-height:1.6;
    margin:0 0 18px 0;
  }
  .benefits{
    display:grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap:10px;
    list-style:none;
    padding:0;
    margin:0;
  }
  .benefits li{
    background:var(--card-bg);
    padding:10px;
    border-radius:8px;
    box-shadow:0 2px 8px rgba(0,0,0,0.04);
    font-size:14px;
  }
  
  /* CTAs */
  .lead-ctas{ margin-top:18px; display:flex; gap:12px; flex-wrap:wrap; }
  .btn-primary{
    display:inline-block;
    background:#111;
    color:#fff;
    padding:10px 14px;
    border-radius:8px;
    text-decoration:none;
    font-weight:700;
  }
  .btn-outline{
    display:inline-block;
    background:transparent;
    border:1px solid #ddd;
    color:#111;
    padding:10px 14px;
    border-radius:8px;
    text-decoration:none;
  }
  
  /* aside card */
  .lead-card{
    background:var(--card-bg);
    border-radius:10px;
    padding:18px;
    box-shadow:0 8px 24px rgba(0,0,0,0.04);
  }
  .lead-card h3{ margin:0 0 8px 0; color:var(--brand-maroon); }
  .quick-asks{ margin:0; padding-left:18px; color:#444; }
  .how-sponsors{ margin-top:12px; color:#444; font-size:14px; }
  
  /* sponsorship levels */
  .sponsorship-levels h3{ color:var(--brand-maroon); margin-top:0; }
  .levels-grid{
    display:grid;
    grid-template-columns: repeat(1,1fr);
    gap:16px;
    margin-top:12px;
  }
  .level-card{
    background:var(--card-bg);
    padding:16px;
    border-radius:10px;
    box-shadow:0 6px 18px rgba(0,0,0,0.04);
  }
  .level-title{ margin:0 0 6px 0; font-size:16px; }
  .muted{ color:var(--muted); }
  
  /* ask guide */
  .ask-guide{ margin-top:16px; background:var(--card-bg); padding:16px; border-radius:10px; box-shadow:0 6px 18px rgba(0,0,0,0.04); }
  .ask-grid{ display:grid; grid-template-columns: repeat(2,1fr); gap:12px; margin-top:12px; }
  .ask-item{ padding:10px; border-radius:8px; border:1px solid #eee; }
  
  /* in-kind grid */
  .in-kind h3{ color:var(--brand-maroon); margin-top:22px; }
  .in-kind-grid{ display:grid; grid-template-columns: repeat(1,1fr); gap:12px; margin-top:12px; }
  .in-kind-card{
    background:var(--card-bg);
    padding:12px;
    border-radius:8px;
    box-shadow:0 4px 12px rgba(0,0,0,0.04);
  }
  .in-kind-card h5{ margin:0 0 8px 0; color:#111; }
  
  /* logistics */
  .logistics{ margin-top:20px; }
  .logistics-grid{ display:grid; grid-template-columns: repeat(2,1fr); gap:12px; margin-top:12px; }
  .logistics-item{ padding:10px; border-radius:8px; border:1px solid #eee; }
  
  /* contact */
  .contact-card{ background: linear-gradient(180deg,#fff,#fff); padding:18px; border-radius:10px; box-shadow:0 6px 18px rgba(0,0,0,0.04); }
  .contact-grid{ display:grid; grid-template-columns: repeat(2,1fr); gap:12px; margin-top:12px; }
  .contact-item p{ margin:4px 0; }
  
  /* footer */
  .sponsor-footer{ background:white; border-top:1px solid #eee; padding:18px 0; margin-top:32px; }
  .footer-inner{ max-width:var(--page-max); margin:0 auto; padding:0 20px; display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:13px; color:var(--muted); }
  
  /* utilities */
  .small{ font-size:13px; }
  .tiny{ font-size:12px; color:var(--muted); }
  
  /* responsive */
  @media (max-width: 980px){
    .lead-grid{ grid-template-columns: 1fr; }
    .lead-card{ order: -1; } /* show card above content on small screens */
    .levels-grid{ grid-template-columns: 1fr; }
    .in-kind-grid{ grid-template-columns: repeat(2,1fr); }
    .ask-grid{ grid-template-columns: 1fr; }
    .logistics-grid{ grid-template-columns: 1fr; }
    .contact-grid{ grid-template-columns: 1fr; }
    .footer-inner{ flex-direction:column; text-align:center; gap:6px; }
  }
  @media (max-width: 520px){
    .in-kind-grid{ grid-template-columns: 1fr; }
    .sponsor-header-inner{ padding:12px; }
    .brand-mark{ width:40px; height:40px; font-size:14px; }
  }