/* ======================================================================
   [천사수랏간] 푸터 CSS - index.html 시안에서 그대로 분리
   ====================================================================== */

:root{
  --cream:#FFF8EF;
  --cream-2:#FFF1E1;
  --blossom:#F3B6C4;
  --blossom-deep:#E8899F;
  --sage:#7E9A6D;
  --sage-deep:#5C7A4F;
  --gold:#C99A46;
  --gold-deep:#A87C2E;
  --plum:#43241F;
  --plum-soft:#6B453B;
  --peach:#FBDFC4;
  --white:#FFFFFF;
  --radius-lg: 28px;
  --radius-md: 18px;
  --shadow: 0 14px 34px rgba(107,69,59,0.12);
}

.container{
  max-width:1180px;
  margin:0 auto;
  padding: 0 28px;
  width:100%;
}

/* -------- Footer -------- */
footer{
  background: var(--plum);
  color: #F3E4DC;
  padding: 70px 0 30px;
  font-family: 'Gowun Dodum', sans-serif;
}
.footer-grid{
  display:grid; grid-template-columns: 1.3fr 1fr 1fr; gap:40px;
  margin-bottom: 50px;
}
footer h4{
  font-family:'Gowun Batang', serif;
  color: var(--peach);
  margin-bottom:16px;
  font-size:0.98rem;
}
footer .logo{ color:#FBEDE3; margin-bottom:14px; line-height:1.8; }
footer p, footer li{ color:#D8BEB2; font-size:0.85rem; }
footer ul{ list-style:none; display:flex; flex-direction:column; gap:10px; }
footer a{ text-decoration:none; color:inherit; }
.footer-bottom{
  border-top: 1px solid rgba(255,255,255,0.12);
  padding-top: 22px;
  display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px;
  font-size:0.75rem; color:#B79A8D;
}

@media (max-width: 980px){
  .footer-grid{ grid-template-columns: 1fr 1fr; }
}

@media (max-width: 640px){
  .container{ padding: 0 20px; }
  .footer-grid{ grid-template-columns: 1fr; gap:30px; }
  .footer-bottom{ flex-direction:column; align-items:flex-start; }
}

@media (max-width: 380px){
  .container{ padding: 0 16px; }
}