/*
Theme Name: Duygudurum Child
Theme URI: https://bipolar.org.tr/
Description: Duygudurum Rehberi icin hafif, erisilebilir ve sakin stil katmani.
Author: Duygudurum Rehberi
Template: duygudurum-rehberi
Version: 1.0.0
Text Domain: duygudurum-child
*/

:root {
    --dd-bg: #faf7f2;
    --dd-text: #1f2937;
    --dd-primary: #2f7d7e;
    --dd-secondary: #a7c4b5;
    --dd-info: #eaf4f6;
    --dd-warning: #fff3d6;
    --dd-crisis-bg: #fdecee;
    --dd-crisis-text: #7a1f2b;
    --dd-surface: #fffdf9;
    --dd-border: rgba(31, 41, 55, 0.12);
    --dd-shadow: 0 16px 36px rgba(31, 41, 55, 0.08);
    --dd-content: 72rem;
    --dr-bg: var(--dd-bg);
    --dr-surface: var(--dd-surface);
    --dr-text: var(--dd-text);
    --dr-primary: var(--dd-primary);
    --dr-secondary: var(--dd-secondary);
    --dr-info: var(--dd-info);
    --dr-warning: var(--dd-warning);
    --dr-crisis: var(--dd-crisis-bg);
    --dr-crisis-text: var(--dd-crisis-text);
    --dr-border: var(--dd-border);
    --dr-shadow: var(--dd-shadow);
    --dr-content: var(--dd-content);
}

html {
    scroll-padding-top: 5rem;
}

body {
    background:
        linear-gradient(180deg, rgba(234, 244, 246, 0.45) 0%, rgba(250, 247, 242, 0) 24rem),
        var(--dd-bg);
    color: var(--dd-text);
}

::selection {
    background: rgba(47, 125, 126, 0.18);
    color: var(--dd-text);
}

.site-header {
    background: rgba(250, 247, 242, 0.94);
    backdrop-filter: blur(10px);
}

.site-header__inner,
.site-footer__inner,
.hero__inner,
.content-band__inner,
.page-shell {
    max-width: var(--dd-content);
}

.primary-nav a,
.site-footer a,
.text-link {
    text-underline-offset: 0.16em;
}

.primary-nav a {
    border-radius: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.primary-nav a:hover,
.primary-nav a:focus-visible {
    background: rgba(234, 244, 246, 0.9);
}

.hero {
    background:
        radial-gradient(circle at top right, rgba(167, 196, 181, 0.28), transparent 35%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)),
        var(--dd-bg);
}

.hero__content {
    max-width: 44rem;
}

.hero__lead,
.entry-content p,
.entry-content li,
.site-footer p {
    color: rgba(31, 41, 55, 0.88);
    text-wrap: pretty;
}

.content-band {
    padding: 4rem 0;
}

.page-shell {
    padding-bottom: 4.5rem;
    padding-top: 3.75rem;
}

.guide-card,
.dr-card,
.dr-core-card,
.dr-core-panel,
.dr-core-notice,
.dr-core-myth-fact__item {
    box-shadow: var(--dd-shadow);
}

.guide-card,
.dr-card,
.dr-core-card {
    background: var(--dd-surface);
}

.guide-card strong,
.dr-card strong,
.dr-core-card h3,
.dr-core-panel__title,
.dr-core-myth-fact__item h3 {
    color: var(--dd-text);
}

.dr-core-notice--info,
.dr-notice--medical,
.dr-notice--reviewer,
.dr-box--source {
    background: var(--dd-info);
}

.dr-core-notice--warning,
.dr-toc {
    background: var(--dd-warning);
}

.dr-core-notice--crisis,
.dr-notice--crisis {
    background: var(--dd-crisis-bg);
    color: var(--dd-crisis-text);
}

.entry-content > * + * {
    margin-top: 1rem;
}

.entry-content h2,
.entry-content h3 {
    scroll-margin-top: 6rem;
}

a:focus-visible,
button:focus-visible,
.guide-card:focus-visible,
.dr-card:focus-visible {
    outline: 3px solid rgba(47, 125, 126, 0.3);
    outline-offset: 3px;
}

@media (max-width: 820px) {
    .hero__inner {
        padding-bottom: 2.75rem;
        padding-top: 3rem;
    }

    .content-band {
        padding: 3rem 0;
    }

    .page-shell {
        padding-bottom: 3.5rem;
        padding-top: 3rem;
    }

    .primary-nav {
        border-top: 1px solid var(--dd-border);
        box-shadow: 0 16px 30px rgba(31, 41, 55, 0.08);
    }
}