/* ============================================================
   공용 버튼 클래스 - 사이트 전체 재사용 (이 파일이 모든 페이지에 이미 로드돼 있어서 여기 둠).
   기준: 카테고리 탭(.aramchan-sub-categories a, 전체상품/씨앗 pill)과 완전히 동일한 톤.
   .aramchan-btn           : 공통 베이스(직접 새 버튼 만들 때 이거 + 아래 두 개 중 하나)
   .aramchan-btn-primary   : 진한 버튼 - 검정 배경, 흰 글씨 (제출/확정 등 주 행동)
   .aramchan-btn-secondary : 연한 버튼 - 흰 배경, 회색 테두리 (취소/보조 행동)
   ============================================================ */
.aramchan-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border:1px solid #d5d2c7;border-radius:0;font-size:17px;font-weight:500;text-decoration:none;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease;background:#fff;color:#6d6d6d;}
.aramchan-btn-primary{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff;}
.aramchan-btn-primary:hover{background:var(--brand-primary-dark);border-color:var(--brand-primary-dark);color:#fff;}
.aramchan-btn-secondary{background:#fff;border-color:#d5d2c7;color:#6d6d6d;}
.aramchan-btn-secondary:hover{background:#f7f9fb;color:#1a1a1a;}

/* ============================================================
   공용 푸터 스타일 - theme/aramchan_20260821/partials/footer.php 마크업 전용.
   이 파일 하나가 로그인/게시판/컨텐츠/쇼핑몰/홈 전체 공통 소스.

   방어적으로 작성한 이유: 페이지마다 gakkum/content.css, content-*.css 등
   서로 다른 CSS를 같이 로드하는데, 그 안에 .footer-bottom / .wrap / footer{} 같은
   흔한 이름의 옛날 규칙이 남아있으면 페이지별로 푸터가 다르게 보이는 문제가
   반복해서 생겼음(실제로 gakkum/css/layout.css, shop-index.css 두 곳에서
   발견/제거함). 그걸 막기 위해:
   - 셀렉터 앞에 항상 footer.footer 를 붙여 우선순위를 높이고
   - 색상은 변수 대신 hex로 고정하고
   - 자식 요소의 font-size/line-height/margin/color 를 전부 명시해서
     다른 파일이 뭘 정의하든 새어 들어오지 않게 함.
   ============================================================ */

footer.footer{background:#fafafa;border-top:1px solid #d5d2c7;margin-top:100px;font-family:'Pretendard','Noto Sans KR',-apple-system,sans-serif;}
footer.footer,footer.footer *{box-sizing:border-box;}

footer.footer .wrap{width:100%;max-width:none;padding:0 clamp(20px,4vw,60px);margin:0;}

footer.footer .footer-top{padding-bottom:4px;}

footer.footer .footer-bottom{padding:48px 0 44px;margin:0;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap;}

footer.footer .footer-brand{font-size:20px;line-height:1.3;font-weight:700;color:#1a1a1a;margin:0 0 10px;}

footer.footer .footer-company{font-size:13px;line-height:1.9;font-weight:400;color:#9a9a9a;margin:0;}

footer.footer .footer-copy-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:16px;}

footer.footer .footer-copy{font-size:12.5px;line-height:1.6;font-weight:400;color:#9a9a9a;margin:0;}

footer.footer .footer-admin a{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;line-height:1.6;color:#9a9a9a;text-decoration:none;}
footer.footer .footer-admin a:hover{color:#1a1a1a;}
footer.footer .footer-admin a+a{margin-left:12px;}
footer.footer .footer-admin svg{width:13px;height:13px;flex:0 0 auto;}

footer.footer .footer-links{display:flex;align-items:center;gap:22px;flex-wrap:wrap;font-size:13.5px;line-height:1.6;color:#6d6d6d;margin:0;}
footer.footer .footer-links a{color:inherit;text-decoration:none;}
footer.footer .footer-links a:hover{color:#1a1a1a;}

.footer-top-btn{position:fixed;right:28px;bottom:28px;z-index:150;width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid #d5d2c7;display:flex;align-items:center;justify-content:center;color:#1a1a1a;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease,background .2s ease,color .2s ease;box-shadow:0 6px 18px rgba(26,26,26,.12);box-sizing:border-box;}
.footer-top-btn svg{width:18px;height:18px;}
.footer-top-btn.show{opacity:1;pointer-events:auto;transform:translateY(0);}
.footer-top-btn:hover{background:var(--brand-primary);color:#fff;}

/* 홈(fp-section 풀페이지 구조)에서 쓸 때: 섹션 안에서 세로 가운데 정렬되도록 */
footer.footer.fp-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;margin-top:0;}

@media(max-width:1200px){
  footer.footer .footer-bottom{flex-direction:column;gap:20px;align-items:flex-start;}
}