/*
 Theme Name:   NUGA Magazine Custom Theme
 Theme URI:    https://nugamag.com/
 Author:       BOOT
 Description:  서울의 경험을 기록하는 누가 매거진 전용 커스텀 테마입니다.
 Version:      1.0
 Tested up to: 6.4
 Requires PHP: 7.4
 Text Domain:  nuga-magazine
 Tags:         custom-background, custom-logo, post-formats, translation-ready
*/

/* [1] 웹폰트 로드 */
/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap'); */
/* @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css'); */

/* [1] 웹폰트 로컬 로드 (Self-hosting) */

/* Montserrat - 필요한 굵기별로 추가 (예: 400, 700) */

@font-face {
  font-family: 'Montserrat';
  src: url('./assets/fonts/montserrat-v31-latin-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('./assets/fonts/montserrat-v31-latin-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('./assets/fonts/montserrat-v31-latin-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('./assets/fonts/montserrat-v31-latin-900.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Pretendard (Variable 또는 Static 설정) */
@font-face {
    font-family: 'Pretendard';
    src: url('./assets/fonts/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('./assets/fonts/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('./assets/fonts/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('./assets/fonts/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

:root {
    --nuga-point: #f85d01;
    --nuga-black: rgb(8, 19, 26);
    --nuga-gray: #4B5563;
    --font-family-base: "Pretendard", "Montserrat", "LINE Seed JP", -apple-system, sans-serif;
	
	--fs-h1-mo: 20px;
    --fs-h2-mo: 20px;
    --fs-body-mo: 16px;
    --lh-body-mo: 1.8;
	
	--fs-h1-pc: 32px;
    --fs-h2-pc: 28px;
    --fs-body-pc: 18px;
    --lh-body-pc: 2.0;
}

/* 🇯🇵 일본어 페이지 전용 설정 (WPML 클래스 활용) */
html[lang="ja"] body, 
body.lang-ja {
    /* 1. -apple-system, BlinkMacSystemFont: 맥/아이폰 최적화
       2. "Hiragino Kaku Gothic ProN", "Hiragino Sans": 맥용 고퀄리티 일어 폰트
       3. Meiryo, "MS PGothic": 윈도우용 표준 일어 폰트 (Arial 대신 한자를 책임짐)
       4. "Segoe UI", Arial: 영문/숫자 담당
    */
    --font-family-base: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, "Segoe UI", Arial, sans-serif !important;
}

/* [2] 홈페이지 전역 적용 스타일: 뼈대는 그대로, 옷만 교체 */
html, body {
    font-family: var(--font-family-base) !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--nuga-black);
    line-height: 1.6;
    word-break: keep-all !important;
    /* 💡 한글/일어 글자 간격을 최적화하는 커닝 설정 */
    font-feature-settings: "palt" 1; 
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family-base) !important;
    font-weight: 700; /* note 스타일로 조정 */
    letter-spacing: var(--letter-spacing-note) !important;
}

input, button, textarea, select {
    font-family: var(--font-family-base) !important;
}

[x-cloak] { display: none !important; }
.no-italic, .italic-none { font-style: normal !important; }

/* 워드프레스 관리자 바 대응 (기존 유지) */
.admin-bar .fixed-header-top { top: 32px; }
@media screen and (max-width: 782px) { .admin-bar .fixed-header-top { top: 46px; } }

.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* [3] 헤더 전용 유틸리티 (기존 구조 보존) */
.logo-font { font-family: 'Montserrat', sans-serif !important; font-weight: 900; letter-spacing: -0.05em; }
.menu-overlay { 
    position: fixed; top: 0; left: 0; z-index: 80; width: 100%; height: 100%; 
    pointer-events: none; background-color: rgba(0, 0, 0, 0.4); opacity: 0; 
    transition: opacity 300ms ease; 
}
.menu-overlay.is-open { pointer-events: all !important; opacity: 1 !important; }

/*header*/
[x-cloak] { display: none !important; } 
body { -webkit-font-smoothing: antialiased; letter-spacing: -0.02em; }
.logo-style { font-family: inherit; font-style: normal; font-weight: 900; }
.nuga-clean-dropdown { box-shadow: 0 15px 35px rgba(0,0,0,0.12); }

.full_btn .line {
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: black;
	transition: transform 0.5s ease-in-out, opacity 0.5s;
	transform-origin: right;
}
.line.hor:nth-child(1) { top: 30%; }
.line.hor:nth-child(2) { top: 70%; }
.line.hor.is-active { transform: scaleX(0); opacity: 0; }

/* 서치바 애니메이션 커스텀 스타일 */
.search-container {
	transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease;
	pointer-events: none; /* 닫혀있을 때 클릭 방지 */
}
.search-container.is-active {
	transform: translateY(0) !important;
	opacity: 1 !important;
	pointer-events: auto; /* 열렸을 때 클릭 허용 */
}
.search-container.is-hidden {
	transform: translateY(-100%) !important;
	opacity: 0 !important;
}

@keyframes nuga-shake {
	0%, 100% { transform: translateX(0); }
	25% { transform: translateX(-5px); }
	50% { transform: translateX(5px); }
	75% { transform: translateX(-5px); }
}
.animate-shake {
	animation: nuga-shake 0.4s ease-in-out;
	border-color: #DA511F !important; /* 흔들릴 때 강조색(오렌지)으로 변경 */
}
html {
	scrollbar-gutter: stable;
}
/*header*/


/* [4] 애니메이션 시스템 (기존 유지) */
@keyframes reveal { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.reveal-item, .animate-reveal { animation: reveal 0.5s ease forwards; opacity: 0; }
@keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
.marquee-container { display: flex; width: max-content; animation: marquee 20s linear infinite; }
@keyframes nuga-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
.nuga-spinner {
    width: 50px; height: 50px;
    border: 3px solid rgba(218, 81, 31, 0.1); border-top: 3px solid var(--nuga-point);
    border-radius: 50%; animation: nuga-spin 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite;
}

/*category 타이틀 */
.nuga-reveal-fade { 
	opacity: 0; 
	transform: translateY(20px); 
	transition: all 0.8s cubic-bezier(0.25, 1, 0.5, 1); 
}
.nuga-reveal-fade.is-visible { 
	opacity: 1; 
	transform: translateY(0); 
}
.month-group { opacity: 0; transform: translateY(30px); }

/* ------------------------------------------------------------
   NUGA MAGAZINE THUMBNAIL COMPONENT SYSTEM (Unified)
   ------------------------------------------------------------ */

/* [1] 카테고리 (Category) */
.nuga-thumb-cat {
    color: #929292;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    display: inline-block;
}
.nuga-thumb-cat.is-point { color: var(--nuga-point); }

/* [2] 제목 (Title) - note.com 가독성 규격 기반 */
.nuga-thumb-title {
    color: rgb(8, 19, 26);
    line-height: 1.5;
    letter-spacing: 0.04em;
    font-feature-settings: "palt" 1;
    font-weight: 600;
    transition: color 0.3s ease;
    word-break: keep-all;
}

.group:hover .nuga-thumb-title {
    color: var(--nuga-point) !important; 
}

/* 어떤 환경에서도 텍스트가 박스를 밀어내지 못하게 차단 */
.nuga-thumb-title, 
.nuga-thumb-excerpt {
    width: 100% !important;
    max-width: 100% !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    /* 💡 텍스트가 옆으로 뻗는 것을 방지하고 줄바꿈을 강제함 */
    white-space: normal !important; 
    word-break: break-all !important; 
}

/* 모바일에서 1줄로 나오는 현상 해결 (2줄 강제) */
.line-clamp-2 {
    -webkit-line-clamp: 2 !important;
}

/* 유형별 사이즈 분기 */
.nuga-thumb-title.is-base { font-size: 16px; } /* 기본 리스트용 */
.nuga-thumb-title.is-lg { font-size: clamp(1.25rem, 3vw, 1.5rem); font-weight: 800; line-height: 1.3; } /* 슬라이더용 */
.nuga-thumb-title.is-sm { font-size: 14px; line-height: 1.4; } /* 사이드바용 */

/* [3] 본문 요약 (Excerpt) */
.nuga-thumb-excerpt {
    color: #4B5563;
    line-height: 1.6;
    font-weight: 500;
    letter-spacing: -0.01em;
}
.nuga-thumb-excerpt.is-base { font-size: 13.5px; }
.nuga-thumb-excerpt.is-lg { font-size: 15px; color: #374151; }

/* [4] 글쓴이 (Author) */
.nuga-thumb-author-wrap { display: flex; align-items: center; gap: 8px; text-decoration: none !important; }
.nuga-thumb-author-avatar { width: 20px; height: 20px; border-radius: 50%; overflow: hidden; flex-shrink: 0; background: #f3f4f6; }
.nuga-thumb-author-name {
    color: #929292;
    font-weight: 700;
    font-size: 11px;
    letter-spacing: -0.02em;
    transition: color 0.3s ease;
}

/* [5] 태그 (Tags) */
.nuga-thumb-tag {
    display: inline-block;
    padding: 2px 8px;
    background-color: #F9F9F7;
    color: #909090;
    font-size: 9px;
    font-weight: 700;
    border-radius: 6px;
    transition: all 0.3s ease;
    text-decoration: none !important;
}
.nuga-thumb-tag:hover { background-color: #000; color: #fff; }

/* [5] 아티클 본문 타이포그래피 (고급 가독성 적용) */
#article-content p {
    font-size: var(--fs-body-mo) !important; /* 16px */
    line-height: var(--lh-body-mo) !important; /* 1.8 */
    color: var(--nuga-black);
    margin-bottom: 1.5rem;
    font-weight: 400;
    letter-spacing: -0.01em;
}


/* 본문 내 H2 */
article.flex-1 div#article-content h2.wp-block-heading {
    font-size: var(--fs-h2-mo) !important; /* 20px */
    font-weight: 700 !important;
    text-align: left !important;
    margin-top: 3rem !important;
    margin-bottom: 1rem !important;
    line-height: 1.5 !important;
    letter-spacing: 0.04em !important;
}

article.flex-1 div#article-content h2.wp-block-heading::after {
    margin: 1rem 0 0 0 !important; /* 좌측 정렬에 맞게 마진 조정 */
    width: 25px !important;
    height: 3px !important;
}

.entry-title, .article-header h1 {
    font-size: var(--fs-h1-mo) !important; /* 20px */
    line-height: 1.4 !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
}

@media (min-width: 1024px) {
    /* PC 본문: 18px / 행간 2.0 */
    #article-content p {
        font-size: var(--fs-body-pc) !important;
        line-height: var(--lh-body-pc) !important;
    }

    /* PC H2: 28px */
    article.flex-1 div#article-content h2.wp-block-heading {
        font-size: var(--fs-h2-pc) !important;
        margin-top: 6rem !important;
        margin-bottom: 2rem !important;
    }

    /* PC H1 (대제목): 32px */
    .entry-title, .article-header h1 {
        font-size: var(--fs-h1-pc) !important;
        line-height: 1.5 !important;
    }
}

/* 본문 내 H3: 좌측 라인형 */
article.flex-1 div#article-content h3.wp-block-heading {
    font-size: clamp(1.4rem, 3vw, 1.875rem) !important; 
    font-weight: 800 !important; 
    margin-top: 4.5rem !important;
    margin-bottom: 1.8rem !important; 
    border-left: 4px solid var(--nuga-point) !important;
    padding-left: 1.2rem !important; 
    line-height: 1.4 !important;
}

/* [6] 본문 블록 요소 (기존 구조 유지) */
#article-content figure.wp-block-image { margin: 1rem 0; } /*4rem->0*/
#article-content figure img { border-radius: 10px; box-shadow: 0 20px 40px rgba(0,0,0,0.06); }
#article-content .wp-block-table { margin: 3rem 0; }
#article-content .wp-block-table table { width: 100%; border-top: 2px solid var(--nuga-black); border-collapse: collapse; }
#article-content .wp-block-table th { background: #f9f9f7; padding: 1rem; font-weight: 800; border-bottom: 1px solid #eee; }
#article-content .wp-block-table td { padding: 1rem; border-bottom: 1px solid #f3f3f3; text-align: center; }
#article-content ul, #article-content ol { margin-bottom: 2.5rem; padding-left: 1.5rem; }
#article-content li { margin-bottom: 1rem; line-height: 1.8; font-weight: 500; }
#article-content iframe {
    width: 100% !important; /* 가로를 꽉 채우고 */
    max-width: 100%;
    aspect-ratio: 4 / 3; /* 4:3 비율을 유지 (기존 400x300과 동일 비율) */
    height: auto !important;
}

/* [7] 목차(TOC) 스크롤 및 넘침 방지 최적화 */
.nuga-toc-scroll-area {    max-height: 500px;     overflow-y: auto;       overflow-x: hidden;     scrollbar-width: thin; }
.nuga-toc-scroll-area::-webkit-scrollbar {
    width: 4px;
}
.nuga-toc-scroll-area::-webkit-scrollbar-thumb {
    background: #eee;
    border-radius: 10px;
}
.nuga-toc-list { 
    list-style: none !important; 
    padding: 0 !important; 
    margin: 0 !important; 
    counter-reset: toc-counter; 
    width: 100%; /* 부모 너비에 맞춤 */
}
.nuga-toc-list li { 
    max-width: 100%; 
    overflow: hidden; 
    margin: 0 !important; 
    padding: 10px 14px !important; 
    display: flex; 
    align-items: flex-start; 
    gap: 12px; 
    counter-increment: toc-counter; 
    border-radius: 12px; 
    transition: all 0.3s ease;
    min-width: 0; 
}
.nuga-toc-list li a { 
    display: block; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; /* 💡 넘치면 ... 처리 */
    font-size: 14px; 
    font-weight: 600; 
    color: #6B7280; 
    line-height: 1.4; 
    text-decoration: none !important; 
    width: 100%; 
    transition: color 0.3s ease;
    min-width: 0; 
}
.nuga-toc-list li::before { 
    content: counter(toc-counter, decimal-leading-zero); 
    font-size: 11px; 
    font-weight: 800; 
    color: #E5E7EB; 
    margin-top: 4px; 
    flex-shrink: 0; /* 💡 숫자가 찌그러지지 않게 고정 */
}
/* 활성화 상태 */
.nuga-toc-list li.active,
.nuga-toc-list li.active a { color: var(--nuga-black) !important; font-weight: 800 !important; }
.nuga-toc-list li.active::before { color: #f85d01; }

	
/* [8] 섹션별 전역 타이포그래피 (카드/슬라이더) */
.slider-category, .nuga-card-category { font-size: 11px !important; font-weight: 800; letter-spacing: 0.15em; text-transform: uppercase; color: var(--nuga-point); }
.slider-title { font-size: clamp(1.5rem, 3vw, 2rem) !important; font-weight: 800; line-height: 1.2; letter-spacing: -0.04em; }
.nuga-card-title { 
    font-size: var(--font-size-list) !important; /* 16px */
    font-weight: 600 !important; /* 600 weight */
    line-height: 1.5 !important; 
    letter-spacing: var(--letter-spacing-note) !important;
    color: var(--nuga-black);
    font-feature-settings: "palt" 1;
}
.nuga-card-excerpt { font-size: 13.5px !important; font-weight: 500; line-height: 1.6; color: #777; }

/* [9] 유틸리티: Line Clamping (기존 유지) */
.line-clamp-1, .line-clamp-2, .line-clamp-3 { display: -webkit-box !important; -webkit-box-orient: vertical !important; overflow: hidden !important; word-break: break-all !important; }
.line-clamp-1 { -webkit-line-clamp: 1 !important; }
.line-clamp-2 { -webkit-line-clamp: 2 !important; }
.line-clamp-3 { -webkit-line-clamp: 3 !important; }

/* [10] 반응형 보정 (기존 구조 보존하며 폰트만 미세조정) */
@media (max-width: 768px) {
    .slider-title { font-size: 22px !important; }
    .nuga-card-title { font-size: 17px !important; }
    article.flex-1 div#article-content h2.wp-block-heading { font-size: 1.75rem !important; margin: 4rem 0 2.5rem !important; }
    .nuga-editor-note-box { flex-direction: column !important; text-align: center; gap: 20px !important; padding: 2rem 1rem !important; }
    .nuga-editor-note-box div[style*="width:1px"] { width: 40px !important; height: 1px !important; margin: 0 auto; }
}


/* 드래그컬러 변경 모든 브라우저 공용 (크롬, 사파리, 엣지 등) */
::selection {
    background-color: #F85D01; /* 드래그했을 때 배경색 (예시: NOW 블루) */
    color: #ffffff;            /* 드래그했을 때 글자색 */
}

/* 2. 파이어폭스 브라우저 전용 */
::-moz-selection {
    background-color: #F85D01;
    color: #ffffff;
}




/*임베트*/
/* Notion Style Bookmark Card */
.nuga-bookmark-card {
    margin: 1.5rem 0;
    width: 100%;
}

.nuga-bookmark-link {
    display: flex;
    width: 100%;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    overflow: hidden;
    text-decoration: none !important;
    transition: all 0.2s ease;
}

.nuga-bookmark-link:hover {
    border-color: #ddd;
    background: #fafafa;
}

/* 좌측 텍스트 영역 (75%) */
.nuga-bookmark-content {
    flex: 0 0 75%; /* 75% 고정 */
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}

/* 제목: 최대 1줄 */
.nuga-bookmark-title {
    font-size: 16px;
    font-weight: 800;
    line-height: 1.4;
    color: #111;
    margin-bottom: 6px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 본문: 최대 3줄 */
.nuga-bookmark-description {
    font-size: 13.5px;
    line-height: 1.5;
    color: #666;
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.nuga-bookmark-footer {
    display: flex;
    align-items: center;
    gap: 8px;
}

.nuga-bookmark-favicon {
    width: 16px;
    height: 16px;
    border-radius: 3px;
}

.nuga-bookmark-url {
    font-size: 11px;
    font-weight: 700;
    color: #aaa;
    letter-spacing: 0.05em;
}

/* 우측 이미지 영역 (25%) */
.nuga-bookmark-image-wrapper {
    flex: 0 0 25%; /* 25% 고정 */
    border-left: 1px solid #f5f5f5;
}

.nuga-bookmark-image {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 꽉 채움 */
    display: block;
}

/* 모바일 대응 (반전 없이 가로 유지 혹은 세로 전환 선택) */
@media (max-width: 640px) {
    .nuga-bookmark-content { flex: 1; padding: 15px; }
    .nuga-bookmark-image-wrapper { flex: 0 0 30%; } /* 모바일선 이미지를 살짝 키움 */
}



/* 1. 번호 매기기 목록 (숫자: 1, 2, 3) */
#article-content ol {
    list-style-type: decimal !important;
    margin-left: 1.5rem !important;
    padding-left: 0.5rem !important;
    margin-bottom: 1.5rem;
}

#article-content ol li {
    display: list-item !important;
    list-style-type: decimal !important;
    margin-bottom: 0.5rem;
}

/* 2. 글머리 기호 목록 (온점: •) */
#article-content ul {
    list-style-type: disc !important; /* 동그란 점 표시 */
    margin-left: 1.5rem !important;
    padding-left: 0.5rem !important;
    margin-bottom: 1.5rem;
}

#article-content ul li {
    display: list-item !important;
    list-style-type: disc !important;
    margin-bottom: 0.5rem;
}





/* 에디터 정리코멘트 (기존 유지) */
.nuga-point-block { background-color: #F9F9F7 !important; border-radius: 30px !important; border: 1px solid #f3f4f6 !important; margin: 2rem 0; padding: 2rem !important; }
.nuga-point-content li { position: relative; padding-left: 28px !important; margin-bottom: 12px !important; color: #444; font-weight: 500; }
.nuga-point-content li::before { content: '✔'; position: absolute; left: 0; top: 0; color: #000; font-weight: 900; }


/* 에디터의 한마디 박스 스타일 */
.nuga-editors-word-box {
    background-color: #f7f9fa !important; /* 연한 회색 배경 */
    border-radius: 20px !important;
    padding: 30px !important;
    margin: 40px 0 !important;
    border: 1px solid #edf0f2;
}

/* 상단 라벨 (EDITOR'S WORD) */
.nuga-editors-word-label {
    font-size: 11px !important;
    font-weight: 900 !important;
    color: #f3463f !important; /* 포인트 컬러인 주황색 활용 */
    letter-spacing: 0.2em !important;
    margin-bottom: 12px !important;
    text-transform: uppercase;
}

/* 본문 내용 */
.nuga-editors-word-content {
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: #4b5563 !important;
    font-weight: 500 !important;
    margin: 0 !important;
}

/* 모바일 대응 */
@media (max-width: 768px) {
    .nuga-editors-word-box {
        padding: 24px !important;
        margin: 30px 0 !important;
    }
    .nuga-editors-word-content {
        font-size: 14px !important;
    }
}



/* 1. 전체 컨테이너 배경 및 정렬 */
.nsl-container-registration-layout-full {
    max-width: 450px;
    margin: 80px auto;
    padding: 40px;
    background: #fff;
    border-radius: 20px;
}

/* 2. "등록" 버튼을 누가 매거진 스타일로 변경 */
#wp-submit.button-primary {
    width: 100% !important;
    height: 55px !important;
    background: #000 !important; /* 블랙 배경 */
    color: #fff !important;
    border: none !important;
    border-radius: 12px !important;
    font-weight: 900 !important;
    font-size: 14px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    transition: all 0.3s !important;
    cursor: pointer !important;
    box-shadow: none !important;
}

#wp-submit.button-primary:hover {
    background: #DA511F !important; /* 누가 시그니처 오렌지 */
    transform: translateY(-2px);
}

/* 3. 입력창(체크박스 등) 디자인 */
.nsl-container input[type="text"], 
.nsl-container input[type="email"] {
    border-radius: 10px !important;
    border: 1px solid #eee !important;
    padding: 12px !important;
}


/* post share 공유 버튼 전용 스타일 */
.btn-share-post {
    background-color: #000 !important;
    color: #fff !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    border: none !important;
    cursor: pointer;
}
.btn-share-post:hover {
    background-color: var(--nuga-point) !important;
    color: #000 !important;
}
.btn-share-post:active {
    transform: translateY(0);
}



/*scrap, share, toc 버튼*/
.btn-nuga-action {
    background-color: white;
    border: 1px solid #e5e7eb; /* gray-200 */
    color: #9ca3af; /* gray-400 */
    transition: all 0.3s ease;
}
.btn-scrap:hover {
    border-color: var(--nuga-point);
    color: var(--nuga-point);
}
.btn-scrap.is-scrapped {
    background-color: var(--nuga-point);
    border-color: var(--nuga-point);
    color: white !important;
}
.btn-scrap.is-scrapped svg {
    fill: white;
    stroke: white;
}
.btn-share:hover {
    background-color: black;
    border-color: black;
    color: white;
}