/* webtraf.vip — лёгкий дизайн поверх темы Reboot */
:root{--wt-bg:#f5f7fb;--wt-card:#fff;--wt-text:#1f2937;--wt-muted:#6b7280;--wt-line:#e5e7eb;--wt-accent:#2563eb;--wt-accent2:#7c3aed;--wt-soft:#eef2ff;--wt-radius:12px}
html body{background:var(--wt-bg)!important;color:var(--wt-text)!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;font-size:17px;line-height:1.65}
body .site,body #page{background:transparent!important}
a{color:var(--wt-accent)}
a:hover{color:var(--wt-accent2)}
::selection{background:#c7d2fe;color:#111827}

/* шапка */
html body .site-header,html body .site-header.full{background:#fff!important;background-image:none!important;border-bottom:1px solid var(--wt-line);box-shadow:none!important;position:static!important}
body .site-header-inner{min-height:0!important;padding-top:12px!important;padding-bottom:12px!important;display:flex;align-items:center;gap:16px}
body .site-branding{flex:1 1 auto;min-width:0}
body .site-logotype{margin:0!important}
body .site-logotype img{display:block;width:auto!important;height:48px!important;max-width:100%!important}
body .site-header .social-links{display:none}
body .humburger span{background:var(--wt-text)!important}

/* меню */
html body .main-navigation,html body .main-navigation.full{background:#fff!important;border-bottom:1px solid var(--wt-line);box-shadow:0 1px 2px rgba(17,24,39,.04);position:static!important}
body .main-navigation ul li a,body .main-navigation ul li>span{color:var(--wt-text)!important;font-size:15px!important;font-weight:600;padding:12px 14px!important;text-transform:none!important;letter-spacing:0!important}
body .main-navigation ul li a:hover,body .main-navigation ul li.current-menu-item>a{color:var(--wt-accent)!important;background:var(--wt-soft)!important}
html body .main-navigation ul li .sub-menu li,html body .main-navigation ul li.menu-item-has-children::before,html body .footer-navigation,html body .footer-navigation ul li .sub-menu li{background-color:#fff!important}
html body .main-navigation ul li.menu-item-has-children::after,html body .main-navigation ul li.menu-item-has-children>a::after{color:var(--wt-muted)!important}
.wt-quick-wrap{padding-top:18px}
body .main-navigation ul.sub-menu{background:#fff!important;border:1px solid var(--wt-line);border-radius:10px;box-shadow:0 10px 30px rgba(17,24,39,.12);padding:6px 0}
body .main-navigation ul.sub-menu li a{font-weight:500;padding:9px 16px!important}
body .main-navigation .menu-item.wt-hot>a{color:#b45309!important}

/* контент и карточки */
body .site-content{padding-top:24px}
body .site-main.article-card,body .widget-area .widget,body .section-block{background:var(--wt-card);border:1px solid var(--wt-line);border-radius:var(--wt-radius);box-shadow:0 1px 2px rgba(17,24,39,.04)}
body .site-main.article-card{padding:28px 32px}
body .section-block{padding:20px}
body .widget-area .widget{padding:18px 20px;margin-bottom:20px}
body .widget-title,body .widget .widgettitle{font-size:16px!important;font-weight:700;color:var(--wt-text)!important;border:0!important;padding:0 0 10px!important;margin-bottom:10px!important;border-bottom:1px solid var(--wt-line)!important;background:none!important}
body .widget ul li{padding:5px 0!important;border:0!important}
body .widget ul li a{color:var(--wt-text)!important}
body .widget ul li a:hover{color:var(--wt-accent)!important}

body .post-card{background:var(--wt-card);border:1px solid var(--wt-line);border-radius:var(--wt-radius);overflow:hidden;transition:box-shadow .2s,transform .2s}
body .post-card:hover{box-shadow:0 8px 24px rgba(17,24,39,.08);transform:translateY(-2px)}
body .post-card--horizontal{padding:14px}
body .post-card__thumbnail img{border-radius:10px}
body .post-card__title,body .post-card__title a{color:var(--wt-text)!important;font-weight:700;line-height:1.35}
body .post-card__title a:hover{color:var(--wt-accent)!important}
body .post-card__description{color:var(--wt-muted)!important;font-size:15px}
body .post-card__meta{color:var(--wt-muted)!important;font-size:13px}
html body .post-card:not(.post-card--small) .post-card__category,html body .post-card__category{background:var(--wt-soft)!important;color:var(--wt-accent)!important;border-radius:6px;font-weight:600;font-size:12px}
body .post-card:not(.post-card--small) .post-card__thumbnail a:before{display:none!important}

/* статья */
body .entry-title,body h1{color:#111827!important;font-weight:800;line-height:1.25;letter-spacing:-.01em}
body .entry-content h2{font-size:1.5em;margin:1.6em 0 .6em;color:#111827!important;font-weight:750}
body .entry-content h3{font-size:1.22em;margin:1.4em 0 .5em;color:#111827!important}
body .entry-content h4{font-size:1.08em;color:#111827!important}
body .entry-content p,body .entry-content li{color:var(--wt-text)}
body .entry-content a{color:var(--wt-accent);text-decoration:underline;text-decoration-color:rgba(37,99,235,.35);text-underline-offset:2px}
body .entry-content a:hover{text-decoration-color:currentColor}
body .entry-content img{max-width:min(100%,600px)!important;width:auto;height:auto!important;border-radius:8px}
body .entry-content figure{max-width:100%}
body .entry-content table{border-collapse:collapse;width:100%}
body .entry-content th,body .entry-content td{border:1px solid var(--wt-line);padding:8px 10px}
body .entry-content th{background:#f9fafb}
body .entry-content .wp-block-table,body .entry-content .table-wrap{overflow-x:auto;max-width:100%}
body .entry-content blockquote{border-radius:10px}
body .entry-meta,body .entry-meta *{color:var(--wt-muted)!important;font-size:14px}
body .breadcrumb{font-size:14px;color:var(--wt-muted)!important;margin-bottom:10px}
body .breadcrumb a{color:var(--wt-muted)!important}
body .breadcrumb a:hover{color:var(--wt-accent)!important}
body .table-of-contents{background:#f9fafb!important;border:1px solid var(--wt-line)!important;border-radius:10px}
body .btn,body .btn-primary,body .comment-respond .form-submit input{background:linear-gradient(135deg,var(--wt-accent),var(--wt-accent2))!important;color:#fff!important;border:0!important;border-radius:10px!important;text-decoration:none!important}
body .btn:hover{filter:brightness(1.08);background:linear-gradient(135deg,var(--wt-accent),var(--wt-accent2))!important}
body .social-buttons .social-button{border-radius:8px!important}
body .pagination .nav-links .page-numbers{border-radius:8px}

/* быстрый доступ к рубрикам */
.wt-quick{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;margin:0 0 18px}
.wt-quick ul{display:flex;gap:8px;list-style:none;margin:0;padding:0 0 4px;flex-wrap:wrap}
.wt-quick li{margin:0!important;padding:0!important}
.wt-quick li:before{display:none!important}
.wt-quick a{display:inline-block;white-space:nowrap;padding:7px 12px;border:1px solid var(--wt-line);border-radius:999px;background:#fff;color:var(--wt-text)!important;font-size:14px;font-weight:600;text-decoration:none!important}
.wt-quick a:hover{border-color:var(--wt-accent);color:var(--wt-accent)!important;background:var(--wt-soft)}
.wt-quick a span{color:var(--wt-muted);font-weight:500;margin-left:4px}

/* подвал */
html body .site-footer,html body .site-footer--style-gray{background:#111827!important;color:#d1d5db!important}
body .site-footer a{color:#e5e7eb!important}

/* адаптив */
body .entry-content,body .post-card,body .widget{overflow-wrap:anywhere}
body .entry-content pre,body .entry-content code{white-space:pre-wrap;word-break:break-word}
body .entry-content iframe,body .entry-content video,body .entry-content embed{max-width:100%}
@media (max-width:767px){
 html body{font-size:16px}
 body .site-main.article-card{padding:18px 16px;border-radius:10px}
 body .site-logotype img{height:40px!important}
 body .entry-content img{max-width:100%!important}
 body .entry-content table{display:block;overflow-x:auto}
 .wt-quick ul{flex-wrap:nowrap}
}
/* отступы шапки и крошки */
html body .site-header{margin-bottom:0!important}
html body .site-header+.main-navigation{margin-top:0!important}
html body .main-navigation{margin-bottom:0!important}
body .breadcrumb a,body .breadcrumb span{text-transform:none!important;font-weight:500!important;color:var(--wt-muted)!important}
body .breadcrumb a span{color:var(--wt-accent)!important}
