/*
Theme Name: Haptka Blog
Theme URI: https://haptka.com.br/blog/
Description: Tema filho do Twenty Twenty-Five com a identidade da Haptka Arquitetura: cores, fontes Sora e Manrope, cabeçalho e rodapé iguais aos do site.
Author: Haptka Arquitetura
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.5
Text Domain: haptka-blog
*/

:root{--hk-ink:#141614;--hk-ink-soft:#303332;--hk-terra:#d45426;--hk-terra-dark:#b9461c;--hk-terra-light:#f3cdb9;--hk-umber:#59402f;--hk-umber-300:#c6a991;--hk-umber-100:#ead8c7;--hk-sand:#f4ede4;--hk-sand-light:#fbf7f3;--hk-pine:#17261f}
body{-webkit-font-smoothing:antialiased}
em{color:var(--hk-terra);font-style:italic}
.hk-h1 em,h1 em,h2 em{font-weight:600}
a{text-underline-offset:3px}

/* cabeçalho */
.hk-header{position:sticky;top:0;z-index:20;background:rgba(244,237,228,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--hk-umber-100)}
.hk-header .hk-logo img{height:26px;width:auto;filter:brightness(0);display:block}
.hk-header .wp-block-navigation{font-weight:600;font-size:14px;letter-spacing:.02em}
.hk-header .wp-block-navigation a{text-decoration:none}
.hk-header .wp-block-navigation .current-menu-item>a,.hk-header .wp-block-navigation a:hover{color:var(--hk-terra)}
.wp-block-button__link{border-radius:999px;font-weight:600;font-size:14px;padding:12px 22px;background:var(--hk-terra);color:#fff}
.wp-block-button__link:hover{background:var(--hk-terra-dark);color:#fff}
.is-style-outline>.wp-block-button__link{background:transparent;color:var(--hk-ink);border:1.5px solid var(--hk-ink)}

/* abertura da lista */
.hk-hero{position:relative;overflow:hidden;padding:64px 0 24px}
.hk-hero::after{content:"";position:absolute;right:-380px;top:-300px;width:900px;height:900px;background:url(assets/img/curvas-de-nivel-areia.svg) no-repeat center/contain;opacity:.55;pointer-events:none}
.hk-hero>*{position:relative;z-index:1}
.hk-eyebrow{font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--hk-terra);margin:0}
.hk-h1{font-size:clamp(36px,5vw,58px);max-width:760px;margin:12px 0 16px}
.hk-lead{max-width:620px;font-size:19px}
.hk-chips{display:flex;flex-wrap:wrap;gap:10px;margin:32px 0 36px;align-items:center}
.hk-chips p,.hk-chips ul{margin:0}
.hk-chips ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0}
.hk-chips li{list-style:none}
.wp-block-post-title a{color:var(--hk-ink);text-decoration:none}
.wp-block-post-title a:hover{color:var(--hk-terra-dark)}
.hk-chips a{display:inline-block;border:1.5px solid var(--hk-umber-300);border-radius:999px;padding:8px 18px;font-weight:600;font-size:14px;text-decoration:none;color:var(--hk-ink)}
.hk-chips a:hover{border-color:var(--hk-pine);background:var(--hk-pine);color:var(--hk-sand)}
.hk-chips .hk-all a{background:var(--hk-pine);border-color:var(--hk-pine);color:var(--hk-sand)}

/* destaque */
.hk-featured .wp-block-post-template{list-style:none;padding:0;margin:0 0 40px}
.hk-featured-card{background:var(--hk-sand-light);border:1px solid var(--hk-umber-100);border-radius:20px;overflow:hidden;gap:0 !important}
.hk-featured-card .wp-block-post-featured-image{margin:0;height:100%}
.hk-featured-card .wp-block-post-featured-image img{width:100%;height:100%;min-height:340px;object-fit:cover}
.hk-featured-card .hk-featured-body{padding:44px 40px;display:flex;flex-direction:column;justify-content:center;gap:14px}
.hk-featured-card h2{font-size:clamp(26px,3vw,36px);margin:0}
.hk-featured-card h2 a{text-decoration:none}

/* grade de cartões */
.hk-grid .wp-block-post-template{list-style:none;padding:0;margin:0 0 56px;gap:24px}
.hk-card{background:var(--hk-sand-light);border:1px solid var(--hk-umber-100);border-radius:16px;overflow:hidden;height:100%;display:flex;flex-direction:column}
.hk-card .wp-block-post-featured-image{margin:0}
.hk-card .wp-block-post-featured-image img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.hk-card:not(:has(.wp-block-post-featured-image))::before{content:"";display:block;aspect-ratio:16/10;background:var(--hk-umber-100) url(assets/img/curvas-de-nivel-terracota.svg) no-repeat right -120px top -140px/420px}
.hk-card .hk-card-body{padding:22px 22px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
.hk-card h3{font-size:21px;margin:0}
.hk-card h3 a{text-decoration:none}
.hk-card .wp-block-post-excerpt{margin:0;font-size:15.5px;line-height:1.6}
.hk-card .wp-block-post-date{margin-top:auto}
.hk-cat,.hk-cat a{font-weight:600;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--hk-terra-dark);text-decoration:none}
.hk-meta,.hk-meta a{font-size:14px;color:var(--hk-umber);text-decoration:none}
.wp-block-query-pagination{gap:12px;margin-bottom:56px;font-weight:600}
.wp-block-query-pagination a{text-decoration:none}

/* artigo */
.hk-single{padding-top:28px}
.hk-single h1{font-size:clamp(32px,4.4vw,50px);margin:10px 0 18px}
.hk-byline{font-size:14.5px;color:var(--hk-umber)}
.hk-byline strong,.hk-byline .wp-block-post-author-name{color:var(--hk-ink);font-weight:700}
.hk-single .wp-block-post-featured-image img{border-radius:16px}
.hk-single .wp-block-post-content{font-size:17px}
.hk-single .wp-block-post-content h2{font-size:28px;margin:44px 0 12px;scroll-margin-top:96px}
.hk-single .wp-block-post-content>p:first-of-type{font-size:20px;line-height:1.65;color:var(--hk-ink);border-left:3px solid var(--hk-terra);padding-left:20px}
.hk-single .wp-block-post-content ul,.hk-single .wp-block-post-content ol{margin:0 0 18px 22px}
.hk-single .schema-faq{background:var(--hk-sand-light);border:1px solid var(--hk-umber-100);border-radius:14px;padding:6px 22px;margin:18px 0}
.hk-single .schema-faq-section{padding:16px 0;border-bottom:1px solid var(--hk-umber-100)}
.hk-single .schema-faq-section:last-child{border:0}
.hk-single .schema-faq-question{font-family:var(--wp--preset--font-family--sora);color:var(--hk-ink);display:block;margin-bottom:4px}
.hk-author{background:var(--hk-sand-light);border:1px solid var(--hk-umber-100);border-radius:16px;padding:26px;margin:40px 0}
.hk-author .wp-block-post-author-name{font-family:var(--wp--preset--font-family--sora);font-weight:700;color:var(--hk-ink)}
.hk-author .wp-block-post-author__bio{margin:6px 0 0;font-size:16px}
.hk-postnav{display:flex;justify-content:space-between;gap:24px;margin:8px 0 48px;font-weight:600}
.hk-postnav a{text-decoration:none}

/* convite */
.hk-cta{position:relative;overflow:hidden;background:var(--hk-pine);color:var(--hk-sand);border-radius:20px;padding:56px 48px;margin:0 0 72px}
.hk-cta::after{content:"";position:absolute;right:-200px;top:-200px;width:620px;height:620px;background:url(assets/img/curvas-de-nivel-terracota.svg) no-repeat center/contain;opacity:.5;pointer-events:none}
.hk-cta>*{position:relative;z-index:1}
.hk-cta h2{color:var(--hk-sand);font-size:clamp(26px,3.2vw,38px);max-width:620px;margin:10px 0 0}
.hk-cta p{max-width:560px;color:var(--hk-sand);opacity:.88}
.hk-cta .hk-eyebrow{color:var(--hk-terra-light)}
.hk-cta .is-style-outline>.wp-block-button__link{color:var(--hk-sand);border-color:var(--hk-sand)}

/* rodapé */
.hk-footer{background:var(--hk-pine);color:var(--hk-sand);padding:56px 0 32px}
.hk-footer a{color:var(--hk-sand);text-decoration:none;opacity:.85}
.hk-footer a:hover{opacity:1;text-decoration:underline}
.hk-footer h4{font-family:var(--wp--preset--font-family--sora);font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--hk-terra-light);margin:0 0 12px}
.hk-footer .hk-logo img{height:28px;width:auto;display:block}
.hk-footer .wp-block-navigation{font-size:15px}
.hk-footer small{display:block;margin-top:36px;opacity:.55;font-size:13px}
.hk-empty{padding:48px 0;font-size:18px}

@media(max-width:860px){
 .hk-featured-card{flex-direction:column}
 .hk-featured-card .hk-featured-body{padding:28px 24px}
 .hk-cta{padding:40px 26px}
 .hk-hero::after{opacity:.3}
}