/*
Theme Name: 야스닷컴 (Hostinger AI Child)
Theme URI: https://yasdot.com
Description: 야스닷컴 최신주소 바로가기 랜딩 - Hostinger AI theme 자식 테마. SEO 메타·구조화 데이터(JSON-LD)·랜딩 스타일을 포함합니다. 부모 테마를 변경하지 않고 안전하게 확장합니다.
Author: 야스닷컴
Template: hostinger-ai-theme
Version: 1.0.0
Requires PHP: 8.1
Text Domain: hostinger-ai-theme-child
*/

/* ===== 야스닷컴 랜딩 공통 스타일 ===== */
:root {
    --yas-primary: #5b4bff;
    --yas-primary-dark: #3a2fd6;
    --yas-accent: #ff5a8a;
    --yas-ink: #1c1b29;
    --yas-muted: #5b5b6b;
    --yas-bg-soft: #f5f6ff;
    --yas-radius: 16px;
}

/* 가독성/간격 기본값 */
.yas-section { padding: 56px 0; }
.yas-lead { font-size: 1.12rem; line-height: 1.85; color: var(--yas-muted); }

/* Hero */
.yas-hero {
    background: linear-gradient(135deg, #5b4bff 0%, #7a3dff 55%, #ff5a8a 130%);
    color: #fff;
    border-radius: var(--yas-radius);
}
.yas-hero h1, .yas-hero p { color: #fff !important; }
.yas-hero .yas-sub { opacity: .92; }

/* CTA 버튼 */
.yas-cta a, a.yas-cta-btn {
    display: inline-block;
    background: #fff;
    color: var(--yas-primary-dark) !important;
    font-weight: 800;
    padding: 16px 34px;
    border-radius: 999px;
    text-decoration: none !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.18);
    transition: transform .15s ease, box-shadow .15s ease;
}
.yas-cta a:hover, a.yas-cta-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(0,0,0,.24);
}

/* 카드 그리드 */
.yas-card {
    background: #fff;
    border: 1px solid #ececf5;
    border-radius: var(--yas-radius);
    padding: 26px;
    height: 100%;
    box-shadow: 0 2px 10px rgba(20,18,40,.04);
}
.yas-card h3 { margin-top: 0; color: var(--yas-ink); }

/* 신뢰/업데이트 배지 */
.yas-badge {
    display: inline-block;
    background: var(--yas-bg-soft);
    color: var(--yas-primary-dark);
    font-weight: 700;
    font-size: .85rem;
    padding: 6px 14px;
    border-radius: 999px;
    border: 1px solid #e3e3f7;
}

/* FAQ */
.yas-faq details {
    background: #fff;
    border: 1px solid #ececf5;
    border-radius: 12px;
    padding: 18px 22px;
    margin-bottom: 12px;
}
.yas-faq summary {
    font-weight: 700;
    cursor: pointer;
    color: var(--yas-ink);
    font-size: 1.05rem;
}
.yas-faq summary::-webkit-details-marker { color: var(--yas-primary); }
.yas-faq details[open] summary { color: var(--yas-primary-dark); }

/* 내부링크(연관 페이지) */
.yas-related a {
    color: var(--yas-primary-dark) !important;
    font-weight: 700;
}

/* 주의/안내 박스 */
.yas-notice {
    background: #fff8f1;
    border: 1px solid #ffe2c2;
    border-radius: 12px;
    padding: 18px 22px;
    color: #7a4a1d;
    font-size: .95rem;
    line-height: 1.7;
}