/*
Theme Name: Homik
Theme URI: https://homik.plusninog.ru
Author: Homik
Description: Блочная тема для сайта по автоматизации отопления частного дома (Home Assistant, Zigbee). Палитра: серо-синяя с тёплым и зелёным акцентами.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 8.1
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: homik
*/

html:root{--hk-shadow:0 6px 20px rgba(43,74,99,.08)}
@media (prefers-color-scheme:dark){html:root{
--wp--preset--color--base:#151C22;--wp--preset--color--surface:#1E2830;--wp--preset--color--soft:#222D36;--wp--preset--color--line:#2F3D48;
--wp--preset--color--text:#E3EAF0;--wp--preset--color--primary:#A9C8E0;--wp--preset--color--link:#9CC7E6;--wp--preset--color--accent:#8FB4D0;
--wp--preset--color--sky:#34505F;--wp--preset--color--warm:#E8A678;--wp--preset--color--warm-bg:#3E3026;--wp--preset--color--warm-text:#F0B88F;
--wp--preset--color--lawn:#9CCB6A;--wp--preset--color--lawn-text:#B5DC85;--wp--preset--color--slate:#0F151A;--wp--preset--color--on-primary:#0F1A24;--hk-shadow:none}}

body{overflow-x:hidden}
img{max-width:100%;height:auto}

/* header */
.homik-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--wp--preset--color--base) 85%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--wp--preset--color--line);padding:0 20px}
.admin-bar .homik-header{top:32px}
@media(max-width:782px){.admin-bar .homik-header{top:46px}}
.homik-nav-row{max-width:1100px;margin:0 auto;min-height:64px;gap:20px}
.homik-logo{font-family:var(--wp--preset--font-family--heading);font-weight:800;font-size:1.4rem;color:var(--wp--preset--color--primary);text-decoration:none}
.homik-logo span{color:var(--wp--preset--color--warm-text)}
.homik-nav-row .wp-block-navigation a{text-decoration:none;color:var(--wp--preset--color--text)}

/* sections */
.band{padding:64px 20px}
.band-alt{background:var(--wp--preset--color--soft)}
.band-warm{background:var(--wp--preset--color--warm-bg)}
.band-hero{background:linear-gradient(180deg,var(--wp--preset--color--warm-bg),var(--wp--preset--color--base))}
.band h2::after{content:"";display:block;width:48px;height:4px;border-radius:4px;background:var(--wp--preset--color--warm);margin-top:10px}
.band .cta h2::after,.band .cta h3::after{display:none}
.hero-cols{align-items:center;gap:40px}

/* components */
.card{background:var(--wp--preset--color--surface);border:1px solid var(--wp--preset--color--line);border-radius:16px;padding:24px;box-shadow:var(--hk-shadow)}
.tag{display:inline-block;background:var(--wp--preset--color--warm-bg);color:var(--wp--preset--color--warm-text);padding:4px 12px;border-radius:99px;font-size:.85rem;margin:0 0 16px}
.eco{display:inline-block;background:color-mix(in srgb,var(--wp--preset--color--lawn) 22%,transparent);color:var(--wp--preset--color--lawn-text);padding:6px 14px;border-radius:99px;font-size:.9rem;font-weight:600}
.ic{width:44px;height:44px;border-radius:12px;background:var(--wp--preset--color--warm-bg);display:grid;place-items:center;font-size:1.3rem;margin:0 0 12px}
.wp-block-column:nth-child(even) .ic{background:var(--wp--preset--color--sky)}
.ph{background:linear-gradient(135deg,var(--wp--preset--color--sky),var(--wp--preset--color--warm-bg));min-height:200px;display:grid;place-items:center;text-align:center;border-radius:16px;color:var(--wp--preset--color--link);font-weight:600;padding:16px}
.ph p{margin:0}
.price{font-family:var(--wp--preset--font-family--heading);font-weight:800;font-size:2rem;color:var(--wp--preset--color--primary);margin:0}
.pk.hit{border:2px solid var(--wp--preset--color--warm)}
.checks{list-style:none;padding:0;margin:12px 0 20px}
.checks li{position:relative;padding-left:26px;margin:6px 0}
.checks li::before{content:"\2713";position:absolute;left:0;color:var(--wp--preset--color--lawn-text);font-weight:700}
.note{background:var(--wp--preset--color--warm-bg);border-left:4px solid var(--wp--preset--color--warm);border-radius:12px;padding:14px 18px;margin-top:20px}
.num{font-family:var(--wp--preset--font-family--heading);font-weight:800;font-size:1.4rem;color:var(--wp--preset--color--warm-text);margin:0}
.meta,.meta-row{font-size:.85rem;opacity:.85}
.scheme{text-align:center;line-height:2.4}
.node{background:var(--wp--preset--color--soft);border:1px solid var(--wp--preset--color--line);border-radius:10px;padding:8px 12px;font-size:.9rem}
.cta{background:linear-gradient(135deg,var(--wp--preset--color--warm-bg),var(--wp--preset--color--soft));border:1px solid var(--wp--preset--color--line);border-radius:16px;padding:28px;text-align:center}
.wp-block-details{background:var(--wp--preset--color--surface);border:1px solid var(--wp--preset--color--line);border-radius:12px;padding:14px 18px;margin-top:12px}
.wp-block-details summary{cursor:pointer;font-weight:600;color:var(--wp--preset--color--primary)}

/* buttons */
.wp-block-button.btn-warm .wp-block-button__link{background:var(--wp--preset--color--warm);color:#3A2412}
.wp-block-button.is-style-outline>.wp-block-button__link{background:transparent;color:var(--wp--preset--color--primary);border:1.5px solid var(--wp--preset--color--accent)}

/* blog */
.chips,.chips ul{list-style:none;display:flex;gap:8px;flex-wrap:wrap;padding:0;margin:18px 0 28px}
.chips a{display:inline-block;padding:7px 16px;border-radius:99px;border:1px solid var(--wp--preset--color--line);background:var(--wp--preset--color--surface);text-decoration:none;color:var(--wp--preset--color--text);font-size:.9rem}
.chips a:hover{border-color:var(--wp--preset--color--accent)}
.post-card{padding:0;overflow:hidden}
.post-card::before{content:"";display:block;height:6px;background:linear-gradient(90deg,var(--wp--preset--color--sky),var(--wp--preset--color--warm))}
.post-card .pad{padding:20px 22px}
.post-card .wp-block-post-title{margin:.3em 0}
.post-card .wp-block-post-title a{text-decoration:none;color:var(--wp--preset--color--primary)}
.cat,.cat a{color:var(--wp--preset--color--lawn-text);font-weight:600;font-size:.85rem;text-decoration:none}
.wp-block-query-pagination{margin:36px 0;gap:8px}
.wp-block-query-pagination a,.wp-block-query-pagination .page-numbers{padding:8px 14px;border-radius:10px;border:1px solid var(--wp--preset--color--line);background:var(--wp--preset--color--surface);text-decoration:none}
.wp-block-query-pagination .current{background:var(--wp--preset--color--primary);color:var(--wp--preset--color--on-primary);border-color:var(--wp--preset--color--primary)}

/* single & pages */
.single-main{max-width:720px;margin:0 auto;padding:28px 20px 0}
.page-main{max-width:760px;margin:0 auto;padding:48px 20px}
.callout{border-radius:12px;padding:16px 20px;margin:24px 0}
.callout.tip{background:color-mix(in srgb,var(--wp--preset--color--lawn) 18%,var(--wp--preset--color--surface));border-left:4px solid var(--wp--preset--color--lawn)}
.callout.warn{background:var(--wp--preset--color--warm-bg);border-left:4px solid var(--wp--preset--color--warm)}
.callout .callout-title,.box .box-title{font-weight:700;margin:0 0 4px;color:var(--wp--preset--color--primary)}
.callout p:last-child{margin-bottom:0}
.box{border-radius:12px;padding:16px 20px;margin:24px 0}
.box.toc{background:var(--wp--preset--color--soft);border:1px solid var(--wp--preset--color--line)}
.box.need{background:var(--wp--preset--color--surface);border:1px solid var(--wp--preset--color--line)}
.author-box{margin:36px 0}

/* footer */
.site-footer{background:var(--wp--preset--color--slate);color:#E6ECF1;padding:48px 20px 24px}
.site-footer a{color:#E6ECF1}
.site-footer h3,.site-footer .wp-block-heading{color:#E6ECF1}
.site-footer .homik-logo{color:#E6ECF1}
.site-footer .homik-logo span{color:var(--wp--preset--color--warm)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.15);margin-top:28px;padding-top:16px;font-size:.85rem;opacity:.85}
.footer-inner{max-width:1100px;margin:0 auto}

/* header mobile*/
.homik-header{backdrop-filter:none;-webkit-backdrop-filter:none;background:transparent}
.homik-header::before{content:"";position:absolute;inset:0;z-index:-1;background:color-mix(in srgb,var(--wp--preset--color--base) 85%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.wp-block-navigation__responsive-container.is-menu-open{background-color:var(--wp--preset--color--base)!important;color:var(--wp--preset--color--text)!important}
.wp-block-navigation__responsive-container.is-menu-open a{color:var(--wp--preset--color--text)}
.wp-block-navigation__responsive-container-open,.wp-block-navigation__responsive-container-close{color:var(--wp--preset--color--text)}
@media(max-width:600px){.homik-nav-row{gap:10px}.homik-nav-row .wp-block-button__link{padding:8px 14px;font-size:.9rem}}

.tag,.eco{display:block;width:fit-content;margin-left:max(0px,calc((100% - 1100px)/2))!important;margin-right:auto!important}