@charset "UTF-8";

/********************************************************
■ 푸터 어두운 버전 (fs-footer) : tail.php #bottom .footer
  - 기본 스타일은 theme.css, 여기서는 색만 덮어씀
  - 되돌리려면 head.sub.php 에서 이 파일 불러오는 줄만 지우면 됨
********************************************************/
body #bottom .footer { --ft-bg:#2a211b; --ft-card:#362b23; --ft-line:rgba(255,255,255,.08); --ft-text:#d9d1ca; --ft-sub:#9b8f85; --ft-accent:#e3c3a3; color:var(--ft-text); }
body #bottom .footer:before { background:var(--ft-bg); }

/* 로고 : 흰색으로 */
body #bottom .footer .logo img { filter:brightness(0) invert(1); opacity:.92; }

/* 메뉴 링크 */
body #bottom .footer .site-link .site-button { background:none; border:0; color:#cfc6be; transition:color 200ms; }
body #bottom .footer .site-link .site-button:hover { color:#fff; text-decoration:none; }
body #bottom .footer .site-link .site-button:after { background:rgba(255,255,255,.2); }
/* 개인정보처리방침은 법적으로 눈에 띄게 */
body #bottom .footer .site-link .site-button[data-desc="privacy"] { color:#fff; font-weight:600; }

/* 회사 정보 */
body #bottom .footer .conpany dt { color:var(--ft-sub); }
body #bottom .footer .conpany dd { color:var(--ft-text); }

/* 고객센터 카드 : 한 톤 밝게 + 테두리·그림자로 또렷하게 */
body #bottom .footer .customer { gap:0; padding:26px 28px 22px; border:1px solid rgba(227,195,163,.28); border-radius:16px; background:#40332a; box-shadow:0 14px 34px rgba(0,0,0,.28); }
body #bottom .footer .customer .tit { position:relative; gap:12px; margin:0 0 14px; color:#fff; font-size:1.0625rem; font-weight:700; }
/* 헤드셋 아이콘 : 베이지 원 안의 라인 아이콘 */
body #bottom .footer .customer .tit img { width:40px !important; height:40px !important; padding:10px; border-radius:50%; background:rgba(227,195,163,.14); object-position:-999px 0; position:relative; }
body #bottom .footer .customer .tit:before { content:""; position:absolute; left:10px; top:50%; z-index:1; width:20px; height:20px; margin-top:-10px; background:var(--ft-accent); -webkit-mask:url("../img/customer-icon.svg") no-repeat center/contain; mask:url("../img/customer-icon.svg") no-repeat center/contain; }
body #bottom .footer .customer .tel { margin:0 0 16px; color:var(--ft-accent); font-size:2rem; font-weight:800; letter-spacing:-0.01em; }
/* 운영시간 : 배경 하나 안에 2×2 (요일 위, 시간 아래) → 카드 높이를 낮게 */
body #bottom .footer .customer .time { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:14px 16px; padding:16px 18px; border:0; border-radius:12px; background:rgba(255,255,255,.05); }
body #bottom .footer .customer dl { display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; gap:4px; margin:0; padding:0; background:none; }
body #bottom .footer .customer dl dt,
body #bottom .footer .customer dl dd { flex:none; width:auto; margin:0; color:#eee6df; text-align:left; white-space:nowrap; }
body #bottom .footer .customer dl dt { font-size:.8125rem; font-weight:700; }
body #bottom .footer .customer dl dd { display:flex; align-items:center; justify-content:flex-start; gap:6px; margin-right:0 !important; font-size:.875rem; line-height:1.4; }
body #bottom .footer .customer .color-black { color:#fff; }
body #bottom .footer .customer .color-blue { color:#9ccdf5; }
body #bottom .footer .customer .color-red { color:#f5a7a3; }
/* 예약제 표시 : 글자 가운데 정렬 (기존 align-items:middle 은 잘못된 값이라 위로 붙었음) */
body #bottom .footer .customer .label-darkblue { display:inline-flex; align-items:center; justify-content:center; height:20px; padding:0 8px; border-radius:99px; background:rgba(156,205,245,.18); color:#bfe0fa; font-size:.6875rem; font-weight:600; line-height:1; }
/* 2×2 에 맞춰 카드 너비 조금 넓힘 */
body #bottom .footer .customer { width:400px; }

/* 저작권 · 관리 버튼 : 구분선 없이 한 줄 (왼쪽 저작권, 오른쪽 버튼) */
body #bottom .footer .copyright { flex-wrap:nowrap; justify-content:space-between; gap:16px; margin:12px 0 0; padding:0 0 40px; color:var(--ft-sub); font-size:.8125rem; }
body #bottom .footer .copyright:before { display:none; }
body #bottom .footer .copyright p { width:auto; flex:1; }
body #bottom .footer .copyright .member-btns { flex:0 0 auto; width:auto; gap:6px; }
body #bottom .footer .copyright a { display:inline-flex; align-items:center; justify-content:center; gap:5px; height:30px; min-width:30px; margin:0 !important; padding:0 10px; border:1px solid rgba(255,255,255,.12); border-radius:99px; color:var(--ft-sub); font-size:.75rem; transition:border-color 200ms, color 200ms; }
body #bottom .footer .copyright a:hover { border-color:rgba(255,255,255,.35); color:#fff; }
body #bottom .footer .copyright a:has(> i:only-child) { padding:0; }
/* 관리 · 로그인 · 로그아웃 아이콘 : 라인 아이콘 */
body #bottom .footer .copyright a i { display:inline-block; width:15px; height:15px; background:currentColor; font-size:0; }
body #bottom .footer .copyright a i:before { display:none; }
body #bottom .footer .copyright a i.fa-tools { -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a4 4 0 0 0-5.4 5.2L4 16.8V20h3.2l5.3-5.3a4 4 0 0 0 5.2-5.4l-2.5 2.5-2.5-.5-.5-2.5z'/%3E%3C/svg%3E") no-repeat center/contain; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a4 4 0 0 0-5.4 5.2L4 16.8V20h3.2l5.3-5.3a4 4 0 0 0 5.2-5.4l-2.5 2.5-2.5-.5-.5-2.5z'/%3E%3C/svg%3E") no-repeat center/contain; }
body #bottom .footer .copyright a i.fa-sign-out { -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 20H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h4M16 16l4-4-4-4M20 12H9'/%3E%3C/svg%3E") no-repeat center/contain; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 20H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h4M16 16l4-4-4-4M20 12H9'/%3E%3C/svg%3E") no-repeat center/contain; }
body #bottom .footer .copyright a i.fa-sign-in { -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 4h4a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-4M10 16l4-4-4-4M14 12H3'/%3E%3C/svg%3E") no-repeat center/contain; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 4h4a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-4M10 16l4-4-4-4M14 12H3'/%3E%3C/svg%3E") no-repeat center/contain; }

/* 여백 : 위 60 → 64, 회사정보와 저작권 사이 정리 */
body #bottom .footer { padding-top:64px; row-gap:32px; }

@media (max-width: 1024px) {
    body #bottom .footer .customer { align-items:stretch; width:100%; max-width:440px; justify-self:center; }
    /* 순서 : 로고·메뉴 → 회사정보 → 문의카드 → 저작권 (테마 기본은 문의카드가 맨 위) */
    body #bottom .footer .customer { grid-row:auto; order:3; }
    body #bottom .footer .footer-menu { order:1; }
    body #bottom .footer .conpany { order:2; }
    body #bottom .footer .copyright { order:4; }
    body #bottom .footer .site-link { justify-content:center; margin:14px 0 0; }
    body #bottom .footer .customer .tit,
    body #bottom .footer .customer .tel { align-self:center; }
    body #bottom .footer .customer dl dd { margin-right:0; }
    body #bottom .footer .copyright { flex-direction:column; align-items:center; gap:12px; text-align:center; }
    body #bottom .footer .copyright p { text-align:center; }
}

@media (max-width: 420px) {
    body #bottom .footer .customer { padding:22px 18px 18px; }
    body #bottom .footer .customer .time { padding:14px; gap:12px; }
    body #bottom .footer .customer dl dd { flex-wrap:wrap; white-space:normal; font-size:.8125rem; }
}

/* ─── 반응형 여백 정리 (로고·메뉴 → 회사정보 → 문의카드 → 저작권) ─── */
@media (max-width: 1024px) {
    body #bottom .footer { padding-top:44px; row-gap:28px; }
    body #bottom .footer .footer-menu { gap:0; }
    body #bottom .footer .logo { width:auto; }
    body #bottom .footer .logo img { max-width:180px; }
    body #bottom .footer .site-link { gap:6px 18px; margin:16px 0 0; }
    body #bottom .footer .site-link .site-button { margin:0; font-size:.875rem; }
    body #bottom .footer .site-link .site-button:after { right:-9px; }
    /* 회사정보 : 항목 이름 폭 줄이고 줄 간격 고르게 */
    body #bottom .footer .conpany .info { gap:6px; width:100%; max-width:420px; margin:0 auto; }
    body #bottom .footer .conpany dl { justify-content:flex-start; flex-wrap:nowrap; margin:0; font-size:.8125rem; line-height:1.5; }
    body #bottom .footer .conpany dt { width:108px; margin-right:8px; }
    body #bottom .footer .conpany dd { margin-right:0; word-break:keep-all; }
    /* 저작권 : 화면 아래 고정 메뉴(마이쇼핑·주문조회·전화걸기)에 가리지 않게 */
    body #bottom .footer .copyright { margin:4px 0 0; padding-bottom:calc(36px + 66px); }
}
@media (max-width: 480px) {
    body #bottom .footer { padding-top:36px; row-gap:24px; }
    body #bottom .footer .conpany dt { width:96px; }
}