/* Page template "content-page" (templates/content-page.php).
   Enqueued by artinfo_enqueue_page_styles() in inc/core/enqueue.php. */

/* === Custom Variables & Polyfills === */
html {
    scroll-behavior: smooth;
}

:root {
    --brand-yellow: #FFC107;
    --brand-yellow-hover: #e0a800;
    --brand-black: #121212;
    --brand-dark: #1a1a1a;
    --brand-gray: #666666;
    --brand-light: #F8F9FA;
}

body {
    font-family: 'Inter', sans-serif;
    color: var(--brand-black);
    background-color: #f9fafb;
}

.text-brand-yellow {
    color: var(--brand-yellow) !important;
}

.bg-brand-yellow {
    background-color: var(--brand-yellow) !important;
}

.text-brand-black {
    color: var(--brand-black) !important;
}

.bg-brand-black {
    background-color: var(--brand-black) !important;
}

.text-brand-gray {
    color: var(--brand-gray) !important;
}

.tracking-wider {
    letter-spacing: 0.05em;
}

.text-sm {
    font-size: 0.875rem !important;
}

.text-xs {
    font-size: 0.75rem !important;
}

.rounded-2xl {
    border-radius: 1rem !important;
}

.rounded-3xl {
    border-radius: 1.5rem !important;
}

.soft-shadow {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03) !important;
}

a {
    text-decoration: none;
}

.transition {
    transition: all 0.3s ease;
}

/* Sidebar Navigation Styles */
.doc-sidebar .nav-link {
    color: var(--brand-gray);
    font-weight: 500;
    padding: 0.75rem 1rem;
    border-radius: 0.5rem;
    margin-bottom: 0.25rem;
    transition: all 0.2s;
    font-size: 0.9rem;
    display: block;
}

.doc-sidebar .nav-link:hover {
    color: var(--brand-black);
    background-color: rgba(0, 0, 0, 0.03);
}

.doc-sidebar .nav-link.active {
    color: var(--brand-black);
    background-color: rgba(255, 193, 7, 0.15);
    font-weight: 700;
}

/* Content Typography Formatting */
.legal-content section {
    margin-bottom: 3.5rem;
    scroll-margin-top: 100px;
}

.legal-content h2 {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--brand-black);
    margin-bottom: 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #e5e7eb;
    scroll-margin-top: 110px; /* برای اینکه زیر هدر نره */
}

.legal-content h3 {
    font-size: 1.15rem;
    font-weight: 600;
    color: var(--brand-black);
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
}

.legal-content p {
    color: var(--brand-gray);
    line-height: 1.8;
    margin-bottom: 1.25rem;
}

.legal-content ul {
    color: var(--brand-gray);
    line-height: 1.8;
    margin-bottom: 1.5rem;
    padding-left: 1.5rem;
}

.legal-content li {
    margin-bottom: 0.5rem;
}