/*
Theme Name: JivoSolusi Professional
Theme URI: https://example.com/jivosolusi
Author: JivoSolusi
Description: Theme block WordPress profesional untuk katalog produk dan jasa insulasi atap dengan fokus konversi melalui WhatsApp. Tanpa transaksi online.
Version: 1.4.0
Requires at least: 6.6
Tested up to: 6.9
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jivosolusi
Tags: block-patterns, full-site-editing, custom-logo, one-column, wide-blocks
*/

html{scroll-behavior:smooth}body{margin:0}.wp-site-blocks{overflow:hidden}.jivo-shadow{box-shadow:0 18px 50px rgba(14,61,110,.10)}.jivo-card{transition:transform .25s ease,box-shadow .25s ease}.jivo-card:hover{transform:translateY(-5px);box-shadow:0 22px 55px rgba(14,61,110,.13)}.jivo-hero{position:relative}.jivo-hero:after{content:"";position:absolute;inset:auto -10% -180px 45%;height:360px;background:radial-gradient(circle,rgba(255,172,0,.16),transparent 68%);pointer-events:none}.jivo-check{list-style:none;padding-left:0}.jivo-check li{position:relative;padding-left:30px;margin:.55rem 0}.jivo-check li:before{content:"✓";position:absolute;left:0;top:0;color:#0b78d0;font-weight:800}.jivo-wa{position:fixed;right:22px;bottom:22px;z-index:50;box-shadow:0 12px 35px rgba(0,0,0,.2)}@media(max-width:782px){.jivo-hide-mobile{display:none!important}.jivo-wa{right:14px;bottom:14px}.jivo-hero h1{font-size:clamp(2.2rem,11vw,3.6rem)!important}}

/* Article / editorial system */
.jivo-article-card{overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.jivo-article-card:hover{transform:translateY(-5px);box-shadow:0 24px 60px rgba(14,61,110,.14)}.jivo-article-card .wp-block-post-featured-image{margin:0}.jivo-article-card .wp-block-post-featured-image img{display:block;width:100%;object-fit:cover}.jivo-article-card .wp-block-post-title{margin:0}.jivo-article-card .wp-block-post-title a{color:#083b70}.jivo-article-card .wp-block-post-excerpt{color:#607286}.jivo-post-category a{display:inline-block;padding:5px 10px;border-radius:999px;background:#eaf6ff;color:#087bd3;font-size:12px;font-weight:800;letter-spacing:.02em}.jivo-article-content{font-size:18px}.jivo-article-content h2{margin-top:2.2em}.jivo-article-content h3{margin-top:1.8em}.jivo-article-content img{border-radius:14px}.jivo-article-content blockquote{border-left:4px solid #087bd3;padding-left:22px;color:#40566d}.jivo-article-content table{width:100%;border-collapse:collapse}.jivo-article-content th,.jivo-article-content td{padding:12px;border:1px solid #dbe7f1}.jivo-article-content th{background:#f7fbfe}.jivo-article-cta{box-shadow:0 18px 50px rgba(14,61,110,.08)}.wp-block-query-pagination{gap:12px}.wp-block-query-pagination a,.wp-block-query-pagination-numbers .page-numbers{padding:9px 13px;border:1px solid #dbe7f1;border-radius:10px}.wp-block-query-pagination-numbers .current{background:#087bd3;color:#fff;border-color:#087bd3}.wp-block-search__inside-wrapper{border-radius:12px!important;overflow:hidden}.wp-block-search__button{border-radius:10px!important}
@media(max-width:900px){.jivo-article-query .wp-block-post-template,.wp-block-query .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.jivo-article-query .wp-block-post-template,.wp-block-query .wp-block-post-template{grid-template-columns:1fr!important}.jivo-article-content{font-size:17px}}


/* v1.4 mobile hero fix */
@media (max-width:782px){
  .jivo-hero{
    background-image:none!important;
    padding-top:56px!important;
    padding-bottom:64px!important;
  }
  .jivo-hero:after{
    inset:auto -35% -90px 20%;
    height:220px;
    opacity:.55;
  }
  .jivo-hero h1{
    font-size:clamp(2.55rem,12vw,3.45rem)!important;
    line-height:1.04!important;
    letter-spacing:-.035em;
  }
  .jivo-hero p{max-width:100%!important}
  .jivo-hero .wp-block-buttons{gap:12px}
  .jivo-hero .wp-block-button{width:100%}
  .jivo-hero .wp-block-button__link{width:100%;box-sizing:border-box;text-align:center}
}
@media (max-width:420px){
  .jivo-hero h1{font-size:clamp(2.35rem,11.5vw,3rem)!important}
}