/*
Theme Name: Pagarmakassar Builder Theme
Theme URI: https://pagarmakassar.com/
Author: ZEPINDO
Description: Block theme untuk Pagar 907 Builder. Header/footer global, responsive navigation, design tokens ZEPINDO, template komersial dan pola halaman.
Version: 2.2.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: pagarmakassar-builder
*/

html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased}a{text-underline-offset:3px}.wp-site-blocks{overflow:hidden}.wp-block-post-content>:where(:not(.alignfull):not(.alignwide)){max-width:var(--wp--style--global--content-size);margin-left:auto;margin-right:auto}.wp-block-navigation__responsive-container.is-menu-open{padding:28px}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{gap:18px}.pmb-sticky-header{position:sticky;top:0;z-index:1000;backdrop-filter:blur(12px)}.pmb-header-shadow{box-shadow:0 5px 26px rgba(15,39,72,.08)}.pmb-section-space{padding-top:clamp(48px,7vw,92px);padding-bottom:clamp(48px,7vw,92px)}.pmb-card{transition:transform .2s ease,box-shadow .2s ease}.pmb-card:hover{transform:translateY(-5px);box-shadow:0 16px 42px rgba(15,39,72,.12)}.pmb-footer a{color:inherit}.pmb-footer a:hover{opacity:.85}

/* v2.2 Responsive / screen-fit foundation */
*,*::before,*::after{box-sizing:border-box}
html{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}
body{width:100%;max-width:100%;min-width:0;overflow-x:clip}
.wp-site-blocks,main,.wp-block-post-content{width:100%;max-width:100%;min-width:0}
.wp-block-group,.wp-block-columns,.wp-block-column,.wp-block-cover,.wp-block-media-text{min-width:0;max-width:100%}
img,video,svg,canvas{max-width:100%;height:auto}
iframe{max-width:100%;width:100%}
.wp-block-table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.wp-block-table table{width:100%;border-collapse:collapse}
.alignfull{width:100%;max-width:100%;margin-left:0!important;margin-right:0!important}
.alignwide{width:min(100%,1180px);max-width:100%;margin-inline:auto}
.pme-screen-fit{width:100%;max-width:100vw;min-height:min(100svh,900px);min-height:min(100dvh,900px);overflow:hidden}
.pme-full-width-safe{width:100%;max-width:100%;overflow-x:clip}
:where(.wp-site-blocks)>*{margin-block-start:0}
body{font-size:clamp(15px,1.2vw,18px)}
h1{font-size:clamp(2rem,5vw,4.8rem);line-height:1.04}
h2{font-size:clamp(1.6rem,3.2vw,3.2rem);line-height:1.12}
h3{font-size:clamp(1.25rem,2.2vw,2.2rem)}
@media(max-width:1024px){
 .wp-block-columns:not(.is-not-stacked-on-mobile){gap:clamp(18px,3vw,32px)}
 .pme-gallery-slider{--pme-per-view:1!important}
}
@media(max-width:782px){
 body{font-size:16px}
 .wp-site-blocks{overflow-x:hidden}
 main{padding-left:clamp(14px,4vw,20px)!important;padding-right:clamp(14px,4vw,20px)!important}
 .wp-block-columns:not(.is-not-stacked-on-mobile){display:block}
 .wp-block-column{width:100%!important;flex-basis:100%!important;margin-bottom:18px}
 .wp-block-button,.wp-block-button__link{max-width:100%}
 .wp-block-button__link{white-space:normal}
 .pme-presentation__stage{height:auto;min-height:480px}
 .pme-slide{min-height:480px}
 .pme-layer.placement-left,.pme-layer.placement-right{width:min(92vw,var(--pme-layer-width,420px))}
 .pme-layer__content{padding:18px}
 .pme-hotspot-pop{max-width:min(280px,78vw)}
}
@media(max-width:480px){
 h1{font-size:clamp(1.9rem,10vw,3rem)}
 h2{font-size:clamp(1.45rem,7vw,2.2rem)}
 .wp-block-table table{min-width:560px}
 .pme-gallery-prev,.pme-gallery-next{width:36px;height:36px;font-size:24px}
}
@supports not (overflow:clip){body,.pme-full-width-safe{overflow-x:hidden}}
