/*
Theme Name: dds_rummcolorstudio.com
Author: Анна Соболева
Description: Информационный портал и комьюнити о науке сна и психологическом восстановлении. Спокойная «сонная» тема со встроенным режимом Night Mode.
Version: 1.1
Text Domain: rcs
Requires at least: 6.0
Requires PHP: 8.0
*/

/* ============ ПЕРЕМЕННЫЕ ============ */
:root{
    --bg:#F4F2EF;
    --bg-card:#FBFAF8;
    --terracotta:#D48C6B;
    --terracotta-deep:#C07A58;
    --sage:#7B9E87;
    --sage-deep:#5E7E6A;
    --ink:#2A2A28;
    --amber:#E2A76F;
    --footer-bg:#22221F;
    --footer-ink:#E7E3DC;
    --footer-muted:#A9A49A;
    --line:#E0DBD3;
    --shadow:0 6px 22px rgba(42,42,40,.10);
    --serif:'Playfair Display',Georgia,'Times New Roman',serif;
    --body:'Spectral',Georgia,serif;
}

/* ============ СБРОС / БАЗА ============ */
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
    margin:0;
    background:var(--bg);
    color:var(--ink);
    font-family:var(--body);
    font-size:18px;
    line-height:1.72;
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;}
a{color:var(--terracotta-deep);text-decoration:none;}
a:hover{color:var(--amber);}
h1,h2,h3,h4{font-family:var(--serif);line-height:1.24;color:var(--ink);font-weight:600;}
h1{font-size:2.15rem;margin:.2em 0 .5em;}
h2{font-size:1.7rem;margin:1.4em 0 .6em;}
h3{font-size:1.3rem;margin:1.2em 0 .5em;}
p{margin:0 0 1.1em;}
ul,ol{margin:0 0 1.1em;padding-left:1.3em;}
blockquote{
    margin:1.4em 0;padding:.6em 1.3em;
    border-left:3px solid var(--sage);
    font-style:italic;color:var(--sage-deep);
}
code{background:#EEEAE3;padding:.1em .35em;border-radius:4px;font-size:.9em;}
pre{background:#EEEAE3;padding:1em;overflow:auto;border-radius:8px;}

/* ============ КОНТЕЙНЕР ШИРИНЫ ============ */
.shell{width:min(92%,1180px);margin-inline:auto;}

/* ============ СКРОЛЛБАР — «лунный свет» ============ */
::-webkit-scrollbar{width:9px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg,var(--amber),var(--sage));
    border-radius:9px;
    border:3px solid var(--bg);
    transition:border-width .2s ease;
}
::-webkit-scrollbar-thumb:hover{border-width:1px;}
html{scrollbar-color:var(--amber) transparent;scrollbar-width:thin;}

/* ============ КНОПКИ ============ */
.btn-primary{
    display:inline-flex;align-items:center;gap:.5em;
    background:var(--terracotta);color:#fff;
    padding:.7em 1.6em;border-radius:32px;
    font-family:var(--serif);font-weight:600;
    letter-spacing:.06em;text-transform:uppercase;font-size:.85rem;
    border:none;cursor:pointer;
    box-shadow:0 3px 10px rgba(212,140,107,.32);
    transition:transform .22s ease,box-shadow .22s ease,background .22s ease;
}
.btn-primary:hover{
    color:#fff;background:var(--terracotta-deep);
    transform:translateY(-3px);
    box-shadow:0 10px 24px rgba(212,140,107,.42);
}
.btn-primary .moon{font-size:1.05em;line-height:1;}
.btn-secondary{
    display:inline-block;
    background:none;color:var(--sage-deep);
    border:1px solid var(--sage);
    border-bottom:2px dashed var(--sage);
    padding:.45em 1.1em;border-radius:6px;
    font-size:.85rem;letter-spacing:.04em;
    cursor:pointer;transition:background .2s ease,color .2s ease;
}
.btn-secondary:hover{background:rgba(123,158,135,.12);color:var(--sage-deep);}

/* ============ ШАПКА ============ */
.site-header{
    background:var(--bg-card);
    border-bottom:1px solid var(--line);
    padding:1.1em 0;
}
.header-inner{display:flex;align-items:center;gap:1.5em;flex-wrap:wrap;}
.brand{display:flex;align-items:center;gap:.9em;text-decoration:none;min-width:0;}
.brand-logo{height:54px;width:auto;display:block;}
.brand-sign{display:block;}
.brand-text{min-width:0;}
.brand-title{
    font-family:var(--serif);font-size:1rem;font-weight:600;
    color:var(--ink);margin:0;line-height:1.35;
    max-width:46ch;
}
.brand-desc{
    font-size:.78rem;color:var(--sage-deep);margin:.25em 0 0;
    line-height:1.45;max-width:54ch;
}
.header-tools{margin-left:auto;display:flex;align-items:center;gap:.8em;}

/* Навигация */
.main-nav ul{
    list-style:none;display:flex;flex-wrap:wrap;gap:.3em;
    margin:.9em 0 0;padding:0;width:100%;
}
.main-nav a{
    display:block;padding:.4em .9em;border-radius:20px;
    color:var(--ink);font-size:.92rem;
    transition:background .2s ease,color .2s ease;
}
.main-nav a:hover,.main-nav .current-menu-item>a{
    background:rgba(123,158,135,.16);color:var(--sage-deep);
}
.nav-toggle{
    display:none;background:none;border:1px solid var(--line);
    border-radius:8px;padding:.4em .7em;cursor:pointer;
    font-size:.9rem;color:var(--ink);
}

/* Переключатель Night Mode */
.night-toggle{
    background:none;border:1px solid var(--line);
    border-radius:32px;padding:.4em .9em;cursor:pointer;
    font-size:.8rem;color:var(--ink);
    display:inline-flex;align-items:center;gap:.4em;
    transition:border-color .2s ease;
}
.night-toggle:hover{border-color:var(--sage);}

/* ============ РАСКЛАДКИ ============ */
.site-main{padding:2.2em 0 3em;}
.layout-with-sidebar{
    display:grid;
    grid-template-columns:67% minmax(0,27%);
    gap:6%;
    align-items:start;
}
.layout-single{display:block;}
.layout-single .content-area,
.layout-narrow .content-area{width:85%;margin-inline:auto;}
.content-area{min-width:0;}

/* ============ ХЛЕБНЫЕ КРОШКИ ============ */
.breadcrumbs{
    font-size:.82rem;color:var(--sage-deep);
    margin:0 0 1.6em;
}
.breadcrumbs a{color:var(--sage-deep);}
.breadcrumbs a:hover{color:var(--amber);}
.breadcrumbs .sep{margin:0 .35em;color:var(--terracotta);}

/* ============ КАРТОЧКИ ЗАПИСЕЙ ============ */
.card-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));
    gap:1.6em;
}
.card{
    display:flex;flex-direction:column;
    background:var(--bg-card);
    border:1px solid var(--line);
    border-radius:16px;
    overflow:hidden;
    box-shadow:var(--shadow);
    transition:transform .25s ease,box-shadow .25s ease;
}
.card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(42,42,40,.14);}
.card-thumb{display:block;}
.card-thumb img{
    display:block;width:100%;
    aspect-ratio:16/10;object-fit:cover;
}
.card-thumb-placeholder{
    display:block;width:100%;aspect-ratio:16/10;
    background:linear-gradient(135deg,#E7DED5,#D9D2C8);
}
.card-body{
    flex:1;
    display:flex;flex-direction:column;
    padding:1.2em 1.3em 1.4em;
}
.card-cat{
    font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;
    color:var(--terracotta-deep);margin-bottom:.5em;
}
.card-title{font-family:var(--serif);font-size:1.18rem;margin:0 0 .5em;}
.card-title a{color:var(--ink);}
.card-title a:hover{color:var(--terracotta-deep);}
.card-excerpt{font-size:.92rem;color:#4A4A46;}
.card-excerpt p{margin:0 0 .5em;background:none;}
.card-meta{
    display:flex;align-items:center;gap:.7em;
    margin-top:auto;padding-top:1em;
    font-size:.78rem;color:var(--sage-deep);
}
/* песочные часы — индикатор времени чтения */
.readtime{display:inline-flex;align-items:center;gap:.35em;}
.hourglass{
    width:13px;height:18px;display:inline-block;
    border:1.5px solid var(--sage);
    border-radius:2px 2px 6px 6px / 2px 2px 8px 8px;
    position:relative;
}
.hourglass::before{
    content:"";position:absolute;left:1px;right:1px;top:1px;
    height:var(--fill,40%);
    background:var(--terracotta);
}
.card-readmore{margin-left:auto;}

/* ============ ГОРИЗОНТАЛЬНАЯ КАРТОЧКА (single related / archive вариант) ============ */
.card-row{flex-direction:row;}
.card-row .card-thumb-wrap{
    flex:0 0 240px;
    position:relative;
    overflow:hidden;
}
.card-row .card-thumb-wrap a{
    display:block;position:absolute;
    top:0;left:0;right:0;bottom:0;
}
.card-row .card-thumb-wrap img{
    width:100%;height:100%;object-fit:cover;display:block;
}

/* ============ ВИДЖЕТЫ — ОБЩЕЕ ============ */
.widget{margin-bottom:2em;}
.widget-title{
    font-family:var(--serif);font-size:1.05rem;
    margin:0 0 .8em;padding-bottom:.4em;
    border-bottom:1px dashed currentColor;
}
.widget ul{list-style:none;padding:0;margin:0;}
.widget li{padding:.35em 0;border-bottom:1px solid rgba(0,0,0,.06);}

/* Сайдбар — светлый фон, тёмный текст */
.sidebar{min-width:0;}
.sidebar .widget{
    background:var(--bg-card);
    border:1px solid var(--line);
    border-radius:14px;
    padding:1.3em 1.4em;
    color:var(--ink);
}
.sidebar .widget-title{color:var(--ink);}
.sidebar .widget a{color:var(--terracotta-deep);}
.sidebar .widget a:hover{color:var(--amber);}
.sidebar .widget li{border-color:var(--line);}
.sidebar .widget .post-date,
.sidebar .widget .rss-date{color:var(--sage-deep);font-size:.78rem;}

/* ============ ПОДВАЛ ============ */
.site-footer{
    background:var(--footer-bg);
    color:var(--footer-ink);
    margin-top:3em;
}
.footer-affirm{
    text-align:center;
    padding:2.6em 0 1.2em;
    border-bottom:1px solid rgba(255,255,255,.08);
}
.footer-affirm blockquote{
    font-family:var(--serif);font-style:italic;
    font-size:1.35rem;color:var(--amber);
    border:none;margin:0 auto;max-width:30ch;padding:0;
}
.footer-widgets{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:2.4em;
    padding:2.4em 0;
}
.footer-col .widget{color:var(--footer-ink);}
.footer-col .widget-title{color:#fff;}
.footer-col .widget a{color:var(--footer-ink);}
.footer-col .widget a:hover{color:var(--amber);}
.footer-col .widget li{border-color:rgba(255,255,255,.09);}
.footer-col .widget .post-date,
.footer-col .widget .rss-date{color:var(--footer-muted);font-size:.78rem;}
.footer-bottom{
    border-top:1px solid rgba(255,255,255,.08);
    padding:1.2em 0;
    font-size:.82rem;color:var(--footer-muted);
    text-align:center;
}

/* ============ ГЛАВНАЯ — СОННЫЙ ТРЕКЕР ============ */
.home-section{padding:1.4em 0;}
.section-head{margin-bottom:1.4em;}
.section-kicker{
    font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;
    color:var(--terracotta-deep);
}
.sleep-tracker{
    background:linear-gradient(160deg,#EDE7DF,#E3DDD3);
    border-radius:22px;padding:2.4em;
}
.tracker-line{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:1.6em;
    position:relative;
}
.tracker-line::before{
    content:"";position:absolute;left:6%;right:6%;top:34px;height:2px;
    background:linear-gradient(90deg,var(--sage),var(--terracotta),var(--amber));
    z-index:0;
}
.tracker-phase{position:relative;z-index:1;text-align:center;}
.phase-dot{
    width:30px;height:30px;border-radius:50%;
    background:var(--bg-card);border:2px solid var(--terracotta);
    margin:0 auto 1em;display:flex;align-items:center;justify-content:center;
}
.phase-time{
    font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;
    color:var(--sage-deep);
}
.phase-title{font-family:var(--serif);font-size:1.15rem;margin:.3em 0 .4em;}
.phase-text{font-size:.9rem;color:#4A4A46;}

.feature-cols{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));
    gap:1.6em;
}
.feature-cell{
    background:var(--bg-card);border:1px solid var(--line);
    border-radius:16px;padding:1.6em;min-width:0;
}
.feature-cell h3{margin-top:0;}

/* Комьюнити — пульсирующие круги */
.community-band{
    background:linear-gradient(150deg,#E6E0D6,#EFE9E1);
    border-radius:22px;padding:2.4em;text-align:center;
}
.pulse-row{
    display:flex;justify-content:center;flex-wrap:wrap;
    gap:1.4em;margin:1.6em 0;
}
.pulse{
    width:62px;height:62px;border-radius:50%;
    background:var(--sage);color:#fff;
    display:flex;align-items:center;justify-content:center;
    font-family:var(--serif);font-size:1.2rem;
    position:relative;
    animation:pulse 3.4s ease-in-out infinite;
    transition:opacity .4s ease;
}
.pulse:nth-child(2){animation-delay:.5s;background:var(--terracotta);}
.pulse:nth-child(3){animation-delay:1s;}
.pulse:nth-child(4){animation-delay:1.5s;background:var(--terracotta);}
.pulse:nth-child(5){animation-delay:2s;}
.pulse:hover{opacity:.35;}
@keyframes pulse{
    0%,100%{box-shadow:0 0 0 0 rgba(123,158,135,.4);}
    50%{box-shadow:0 0 0 14px rgba(123,158,135,0);}
}

/* Библиотека восстановления */
.library-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));
    gap:1.4em;
}
.library-item{
    background:var(--bg-card);border:1px solid var(--line);
    border-left:4px solid var(--terracotta);
    border-radius:12px;padding:1.3em;min-width:0;
}
.library-item .tag{
    font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;
    color:var(--sage-deep);
}

/* ============ ЗАПИСЬ / СТРАНИЦА ============ */
.entry{
    background:var(--bg-card);
    border:1px solid var(--line);
    border-radius:16px;
    padding:2em 2.2em;
}
.entry-header{margin-bottom:1.2em;}
.entry-meta{font-size:.82rem;color:var(--sage-deep);margin-top:.4em;}
.entry-thumb{border-radius:12px;overflow:hidden;margin:1.2em 0;}
.entry-thumb img{display:block;width:100%;}
.entry-content img{border-radius:10px;}
.post-tags{margin-top:1.6em;font-size:.85rem;}
.post-tags a{
    display:inline-block;margin:.2em .25em .2em 0;
    padding:.2em .7em;border-radius:14px;
    background:rgba(123,158,135,.14);color:var(--sage-deep);
}

/* «дневник сна» — чеклист */
.entry-content ul.sleep-diary{list-style:none;padding-left:0;}
.entry-content ul.sleep-diary li{
    position:relative;padding-left:1.9em;margin:.4em 0;
}
.entry-content ul.sleep-diary li{cursor:pointer;}
.entry-content ul.sleep-diary li::before{
    content:"";position:absolute;left:0;top:.35em;
    width:1em;height:1em;border-radius:50%;
    border:2px solid var(--sage);
    transition:box-shadow .2s ease,border-color .2s ease;
}
.entry-content ul.sleep-diary li.done::before{
    border-color:var(--terracotta);
    box-shadow:inset .42em 0 0 var(--terracotta);
}

/* ============ ТАБЛИЦЫ ============ */
table{
    width:100%;border-collapse:collapse;margin:1.4em 0;
    border:1px solid var(--line);
}
th,td{border:1px solid var(--line);padding:.6em .8em;text-align:left;}
th{background:rgba(123,158,135,.14);font-family:var(--serif);}

/* ============ ПАГИНАЦИЯ ============ */
.pagination{margin:2.2em 0 .5em;}
.pagination .nav-links{
    display:flex;flex-wrap:wrap;gap:.45em;justify-content:center;
}
.pagination .page-numbers{
    display:inline-block;padding:.5em .9em;
    border:1px solid var(--line);border-radius:10px;
    background:var(--bg-card);color:var(--ink);font-size:.9rem;
    transition:background .2s ease,color .2s ease;
}
.pagination .page-numbers:hover{background:rgba(123,158,135,.16);}
.pagination .page-numbers.current{
    background:var(--terracotta);color:#fff;border-color:var(--terracotta);
}
.pagination .page-numbers.dots{border:none;background:none;}

/* ============ ФОРМА ПОИСКА ============ */
.search-form{display:flex;gap:.5em;max-width:420px;}
.search-form .search-field{
    flex:1;min-width:0;
    padding:.6em .9em;border:1px solid var(--line);
    border-radius:24px;background:var(--bg-card);
    color:var(--ink);font-family:var(--body);font-size:.95rem;
}
.search-form .search-submit{
    border:none;border-radius:24px;cursor:pointer;
    background:var(--sage);color:#fff;padding:.6em 1.3em;
    font-family:var(--serif);font-size:.85rem;
}
.search-form .search-submit:hover{background:var(--sage-deep);}

/* ============ КОММЕНТАРИИ ============ */
.comments-area{
    margin-top:2em;background:var(--bg-card);
    border:1px solid var(--line);border-radius:16px;padding:1.8em 2em;
}
.comment-list{list-style:none;padding:0;margin:0;}
.comment-list li{margin:1em 0;}
.comment-body{
    background:var(--bg);border:1px solid var(--line);
    border-radius:12px;padding:1em 1.2em;
}
.comment-meta{font-size:.8rem;color:var(--sage-deep);margin-bottom:.4em;}
.comment-list .children{list-style:none;margin-left:1.6em;padding-left:0;}
.comment-form input[type=text],
.comment-form input[type=email],
.comment-form input[type=url],
.comment-form textarea{
    width:100%;padding:.6em .8em;border:1px solid var(--line);
    border-radius:8px;background:#fff;font-family:var(--body);
    color:var(--ink);
}
.comment-form textarea{min-height:120px;}
.comment-form .form-submit input{
    background:var(--terracotta);color:#fff;border:none;
    border-radius:32px;padding:.65em 1.6em;cursor:pointer;
    font-family:var(--serif);letter-spacing:.05em;
}

/* ============ 404 ============ */
.error-404{text-align:center;padding:2em 0;}
.error-404 .big{
    font-family:var(--serif);font-size:4.5rem;color:var(--terracotta);
    margin:0;
}

/* ============ COOKIE-БАННЕР ============ */
.cookie-banner[hidden]{display:none !important;}
.cookie-banner{
    position:fixed;left:0;right:0;bottom:0;z-index:999;
    background:var(--footer-bg);color:var(--footer-ink);
    padding:1em 0;
    box-shadow:0 -6px 24px rgba(0,0,0,.22);
}
.cookie-inner{
    display:flex;align-items:center;gap:1.2em;flex-wrap:wrap;
    justify-content:center;
}
.cookie-inner p{margin:0;font-size:.88rem;max-width:62ch;}
.cookie-inner a{color:var(--amber);}

/* ============ NIGHT MODE ============ */
body.night{filter:brightness(.6) saturate(.92);}
body.night,
body.night *{
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
}
body.night .night-toggle{border-color:var(--amber);}

/* ============ АДАПТИВ ============ */
@media (max-width:960px){
    .layout-with-sidebar{grid-template-columns:1fr;gap:2em;}
    .footer-widgets{grid-template-columns:1fr 1fr;}
    .tracker-line{grid-template-columns:1fr;}
    .tracker-line::before{display:none;}
}
@media (max-width:600px){
    body{font-size:17px;}
    h1{font-size:1.8rem;}
    h2{font-size:1.4rem;}
    .layout-single .content-area,
    .layout-narrow .content-area{width:100%;}
    .footer-widgets{grid-template-columns:1fr;gap:1.6em;}
    .nav-toggle{display:block;}
    .main-nav ul{display:none;flex-direction:column;}
    .main-nav.open ul{display:flex;}
    .sleep-tracker,.community-band{padding:1.6em;}
    .entry{padding:1.4em 1.3em;}
    .header-tools{margin-left:0;}

    .card-row{flex-direction:column;}
    .card-row .card-thumb-wrap{
        flex:none;width:100%;position:static;
    }
    .card-row .card-thumb-wrap a{position:static;}
    .card-row .card-thumb-wrap img{
        width:100%;height:auto;aspect-ratio:16/9;
    }
}