/* SmartPDFs — minor design refresh (2026) */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
    --light-bg: #f6f3f0;
    --primary-color: #be123c;
    --secondary-color: #fb7185;
    --text-color: #1c1917;
    --text-muted: #57534e;
    --card-bg: #fffdfb;
    --header-bg: rgba(255, 253, 251, 0.92);
    --border: #eadfd8;
    --header-height: 68px;
    --shadow-subtle: 0 8px 24px rgba(28, 25, 23, 0.06);
    --radius-lg: 16px;
}

html.dark-theme {
    --light-bg: #0c0a09;
    --card-bg: #1c1917;
    --header-bg: rgba(28, 25, 23, 0.92);
    --text-color: #f5f5f4;
    --text-muted: #a8a29e;
    --border: #44403c;
    --shadow-subtle: 0 10px 28px rgba(0, 0, 0, 0.35);
}

html, body {
    font-family: 'Plus Jakarta Sans', 'Segoe UI', sans-serif;
}

.header {
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--border);
    box-shadow: none;
}

.logo a { letter-spacing: -0.6px; }

.main-content-area {
    background:
        radial-gradient(1200px 400px at 10% -10%, rgba(251, 113, 133, 0.08), transparent 50%),
        var(--light-bg);
}

.content-wrapper {
    border-radius: 28px 28px 0 0 !important;
    box-shadow: 0 -12px 40px rgba(28, 25, 23, 0.06);
}

.page-content,
.comments-area,
.tool-toolbar,
.result-box,
.sidebar-widget {
    border-radius: var(--radius-lg);
    border-color: var(--border);
}

.modern-btn,
.btn-advanced,
.btn-submit,
.explore-btn {
    border-radius: 999px !important;
    letter-spacing: 0.01em;
}

.trust-grid {
    gap: 12px;
}
.trust-card {
    border-radius: 14px;
    border: 1px solid var(--border);
    background: var(--card-bg);
}

#floatingNav {
    border-radius: 22px !important;
    backdrop-filter: blur(16px);
}

.policy-ad-slot {
    background: #fff7f8;
    border-color: #fecdd3;
    border-radius: 14px;
}
html.dark-theme .policy-ad-slot {
    background: #1c1917;
    border-color: #44403c;
}

#policy-cookie-bar {
    background: #1c1917;
    border: 1px solid #44403c;
}

@media (min-width: 900px) {
    .tool-grid { gap: 18px !important; }
}