/*
Theme Name: Interior Design 5H
Author: Gemini
Description: 인테리어 회사 소개를 위한 커스텀 테마
Version: 1.0
*/

:root {
    --bg-color: #f2efe8;
    --text-color: #292929;
    --header-bg: rgba(242, 239, 232, 0.22);
    --point-color: #292929;
    --gray-color: #888888;
    --font-main: 'Pretendard', sans-serif;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
body { 
    font-family: var(--font-main); 
    background-color: var(--bg-color); 
    color: var(--text-color); 
    line-height: 2.0; 
    word-break: keep-all;
}
a { text-decoration: none; color: inherit; }
ul { list-style: none; }
img { max-width: 100%; height: auto; display: block; }
.logo img {
width: 120px; /* 고정 크기 권장 또는 7vw */
    height: auto;
}
.container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.section-padding { padding: 100px 0; }

/* Header & Nav */
header {
    position: fixed; top: 0; width: 100%; height: 60px;
    background: var(--header-bg); z-index: 1000;
    display: flex; align-items: center; justify-content: space-between;
    padding: 0 50px; font-size: 12px;
}
.nav-menu { display: flex; gap: 30px; align-items: center; }
.nav-menu a { color: var(--text-color); transition: 0.3s; }
.nav-menu a.active, .nav-menu a:hover { color: var(--text-color); font-weight: 800 !important;}
.social-icons { display: flex; gap: 15px; margin-left: 30px; }
.logo img {
    width: 7vw;
}
.social-icons img[alt="Blog"] {
    width: 1.3vw;
}
.social-icons img[alt="Insta"] {
    width: 1vw;
}

/* Mobile Menu */
.menu-toggle { display: none; cursor: pointer; z-index: 1001; }
@media (max-width: 768px) {
    header { padding: 0 20px; }
    .menu-toggle { display: block; }
    .nav-menu {
        position: fixed; top: 0; right: -100%; width: 100%; height: 100vh;
        background: var(--bg-color); flex-direction: column; justify-content: center;
        transition: 0.4s; z-index: 1000;}
	.logo img { width: 15vw; }
    .social-icons { margin-left: 0; margin-top: 20px; }
    .social-icons img[alt="Blog"] { width: 25px; }
    .social-icons img[alt="Insta"] { width: 20px; }   
    .nav-menu.is-active { right: 0; }
}