/*
Theme Name: TEMAGUE STUDIO
Author: TEMAGUE.id
Author URI: https://temague.id
Description: Lightweight Gutenberg full-site-editing editorial theme.
Version: 1.0.9
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: temague-studio
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
/* Manrope is used when installed in WordPress; fallback stays system-native. */
.temague-header{padding:28px max(24px,7.7vw)}
.temague-header .wp-block-site-title{margin:0;text-transform:uppercase}
.temague-header .wp-block-navigation__responsive-container-open{border:2px solid currentColor;padding:5px;min-width:32px;min-height:32px}
.temague-blog{padding:46px max(24px,7.7vw) 110px}
.temague-blog-heading{font-size:clamp(42px,6vw,64px);font-weight:400;letter-spacing:-.045em;margin:0 0 60px}
.temague-post{margin-bottom:62px}
.temague-post .wp-block-post-title{margin:0 0 23px;font-size:clamp(30px,4.6vw,42px);font-weight:400}
.temague-post .wp-block-post-excerpt{margin:0 0 28px;font-size:clamp(18px,3.4vw,24px);line-height:1.48;letter-spacing:-.025em}
.temague-post .wp-block-post-date{color:#777;font-size:16px}
.temague-post a{text-decoration:none;color:inherit}
.temague-post a:hover{text-decoration:underline}
.temague-footer{padding:100px max(24px,7.7vw) 38px}
.temague-footer .wp-block-site-title{font-size:32px;font-weight:700;text-transform:uppercase}
.temague-footer-links{margin-top:88px;max-width:440px;gap:28px}
.temague-footer-links p{font-size:20px;margin:0 0 23px}
.temague-footer-links a{color:inherit;text-decoration:none}
.temague-footer-links a:hover{text-decoration:underline}
.temague-footer-bottom{margin-top:90px;font-size:16px;gap:20px}
.temague-footer-bottom p{margin:0}
@media(max-width:600px){.temague-header{padding:25px 7.7vw}.temague-blog{padding:45px 7.7vw 75px}.temague-blog-heading{margin-bottom:56px}.temague-post{margin-bottom:65px}.temague-footer{padding:95px 7.7vw 36px}.temague-footer-links{margin-top:85px;gap:16px;flex-wrap:nowrap!important}.temague-footer-links .wp-block-column{flex-basis:50%!important}.temague-footer-links p{font-size:19px;margin-bottom:23px}.temague-footer-bottom{margin-top:90px;font-size:15px;flex-wrap:nowrap!important}.temague-footer-bottom p{font-size:14px}}

/* Ensure block theme layout works even when global styles have been customized. */
html,body{margin:0;padding:0}body{background:#fff;color:#111;font-family:Manrope,Arial,sans-serif}
.wp-site-blocks{overflow-x:clip}.wp-site-blocks>.wp-block-group{box-sizing:border-box}
.temague-blog,.temague-footer{box-sizing:border-box;width:100%;padding-left:max(24px,7.7vw)!important;padding-right:max(24px,7.7vw)!important}
.temague-header{box-sizing:border-box;width:100%;padding-inline:max(24px,7.7vw)}
.temague-header>.wp-block-group,.temague-footer>.wp-block-group{max-width:1200px;margin-left:auto;margin-right:auto}
.temague-header>.wp-block-group{display:flex;align-items:center;justify-content:space-between;gap:20px}
.temague-header .wp-block-site-title{font-size:20px;font-weight:700;line-height:1.3}
.temague-header .wp-block-site-title a,.temague-footer .wp-block-site-title a{text-decoration:none;color:inherit}
.temague-header .wp-block-navigation{margin-left:auto}
.temague-blog{padding-top:46px;padding-bottom:130px;min-height:570px}
.temague-blog>.wp-block-group{max-width:1200px;margin-inline:auto}
.temague-blog-heading{font-size:clamp(42px,6vw,64px);margin-bottom:60px}
.temague-footer{padding-top:95px;padding-bottom:38px}
.temague-footer .wp-block-site-title{font-size:32px;font-weight:700}
.temague-footer-links{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;max-width:480px;margin-top:88px;gap:24px}
.temague-footer-links>.wp-block-column{min-width:0;flex:1 1 50%!important}
.temague-footer-links p{margin:0 0 23px;font-size:20px}
.temague-footer-links a{text-decoration:none!important}
.temague-footer-bottom{display:flex!important;flex-wrap:wrap;justify-content:space-between;margin-top:95px}
@media(max-width:600px){.temague-header{padding-top:28px;padding-bottom:28px}.temague-blog{min-height:600px;padding-top:50px;padding-bottom:110px}.temague-footer{padding-top:95px}.temague-footer-links{gap:16px}.temague-footer-links p{font-size:19px}.temague-footer-bottom{gap:12px}.temague-footer-bottom p{font-size:14px}}

/* v1.3.0 — refined header identity and navigation controls. */
.temague-header .wp-block-site-title{font-size:clamp(25px,2.4vw,32px);font-weight:700;letter-spacing:-.035em;line-height:1.15}
.temague-header .wp-block-navigation__responsive-container-open{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:48px;height:48px;min-width:48px;min-height:48px;padding:10px;border:2px solid #111;border-radius:0;color:#111;background:transparent;transition:background-color .2s ease,color .2s ease}
.temague-header .wp-block-navigation__responsive-container-open svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:square;stroke-linejoin:miter}
.temague-header .wp-block-navigation__responsive-container-open svg path{stroke:currentColor;stroke-width:2.5}
.temague-header .wp-block-navigation__responsive-container-open:hover{background:#111;color:#fff}
.temague-header .wp-block-navigation__responsive-container-close{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:48px;height:48px;min-width:48px;min-height:48px;padding:10px;border:2px solid #111;border-radius:0;color:#111;background:#fff;transition:background-color .2s ease,color .2s ease}
.temague-header .wp-block-navigation__responsive-container-close svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:square;stroke-linejoin:miter}
.temague-header .wp-block-navigation__responsive-container-close:hover{background:#111;color:#fff}
.temague-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog{position:relative}
.temague-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{position:fixed;top:28px;right:max(24px,7.7vw);z-index:100002;margin:0}
@media(max-width:600px){.temague-header .wp-block-site-title{font-size:28px}.temague-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{top:28px;right:7.7vw}}
@media(prefers-reduced-motion:reduce){.temague-header .wp-block-navigation__responsive-container-open,.temague-header .wp-block-navigation__responsive-container-close{transition:none}}

/* v1.4.0 — original FIRST CLIENT three-line control, 58 x 2px strokes. */
.temague-header .wp-block-navigation__responsive-container-open{position:relative;width:60px;height:30px;min-width:60px;min-height:30px;padding:0;border:0;border-radius:0;background:transparent;color:#000;box-shadow:none;transition:none}
.temague-header .wp-block-navigation__responsive-container-open:hover,.temague-header .wp-block-navigation__responsive-container-open:focus{background:transparent;color:#000}
.temague-header .wp-block-navigation__responsive-container-open svg{display:none}
.temague-header .wp-block-navigation__responsive-container-open::before{content:"";position:absolute;top:6px;left:0;width:58px;height:2px;background:#000;box-shadow:0 8px #000,0 16px #000}
.temague-header .wp-block-navigation__responsive-container-close{position:absolute;top:0;right:0;display:block;width:60px;height:30px;min-width:60px;min-height:30px;padding:0;border:0;background:transparent;color:#000;box-shadow:none;transition:none}
.temague-header .wp-block-navigation__responsive-container-close svg{display:none}
.temague-header .wp-block-navigation__responsive-container-close::before,.temague-header .wp-block-navigation__responsive-container-close::after{content:"";position:absolute;left:0;top:14px;width:58px;height:2px;background:#000;transform-origin:center}
.temague-header .wp-block-navigation__responsive-container-close::before{transform:rotate(45deg)}
.temague-header .wp-block-navigation__responsive-container-close::after{transform:rotate(-45deg)}
.temague-header .wp-block-navigation__responsive-container-close:hover{background:transparent;color:#000}
.temague-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{position:fixed;top:37px;right:max(24px,7.7vw);margin:0;z-index:100002}
.temague-header .wp-block-navigation__responsive-container.is-menu-open{padding:0}
.temague-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog{padding:110px max(24px,7.7vw) 50px}
.temague-header .wp-block-navigation__responsive-container-open:focus-visible,.temague-header .wp-block-navigation__responsive-container-close:focus-visible{outline:2px solid #111;outline-offset:6px}
.temague-hero{box-sizing:border-box;background:#fff;padding:clamp(85px,12vw,180px) max(24px,7.7vw) clamp(95px,13vw,180px)}
.temague-hero-inner{max-width:1200px;margin-inline:auto}
.temague-hero h1{max-width:950px;margin:0 0 25px;font-size:clamp(48px,8vw,110px);line-height:1.04;letter-spacing:-.055em;font-weight:400}
.temague-hero .temague-hero-description{margin:0 0 35px;font-size:clamp(17px,2vw,23px);line-height:1.5;font-weight:400}
.temague-hero .wp-block-button__link{border-radius:0;padding:15px 29px;background:#111;color:#fff;font-size:16px;font-weight:600;text-decoration:none}
.temague-hero .wp-block-button__link:hover{background:#333}
@media(max-width:600px){.temague-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{top:37px;right:7.7vw}.temague-hero{padding-top:95px;padding-bottom:110px}.temague-hero h1{font-size:clamp(45px,11vw,70px)}}

/* v1.5.0 — homepage section system; desktop hero no longer clips CTA. */
@media(min-width:782px){.temague-hero{padding-top:clamp(54px,6vw,95px);padding-bottom:clamp(60px,6vw,95px)}.temague-hero h1{font-size:clamp(52px,6.4vw,94px)}}
.temague-intro,.temague-features,.temague-wide,.temague-final-cta{box-sizing:border-box;padding:95px max(24px,7.7vw);background:#fff}
.temague-section-inner{max-width:1200px;margin-inline:auto}
.temague-intro h2,.temague-wide h2,.temague-final-cta h2{text-align:center;font-size:clamp(35px,5vw,64px);font-weight:400;letter-spacing:-.045em;line-height:1.13;margin:0 0 35px}
.temague-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.temague-info-card{border:1px solid #d9d9d9;padding:clamp(25px,4vw,50px);min-height:170px;box-sizing:border-box}
.temague-info-card h3{font-size:clamp(23px,2.7vw,34px);font-weight:500;margin:0 0 18px;letter-spacing:-.035em}
.temague-info-card p,.temague-feature p,.temague-wide p,.temague-final-cta p{font-size:clamp(17px,1.8vw,22px);line-height:1.5;margin:0}
.temague-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:95px 30px}
.temague-feature{padding:0;min-width:0}
.temague-feature h2{font-size:clamp(32px,4vw,53px);font-weight:400;letter-spacing:-.04em;line-height:1.15;margin:0 0 16px}
.temague-feature p{margin-bottom:28px}
.temague-image-card{width:100%;aspect-ratio:4/3;background:#f1f1f1;border:1px solid #e7e7e7;box-sizing:border-box}
.temague-wide{text-align:center}
.temague-wide h2{margin-bottom:20px}
.temague-wide p{margin-bottom:40px}
.temague-wide-image-card{width:100%;aspect-ratio:16/7;background:#f1f1f1;border:1px solid #e7e7e7;box-sizing:border-box}
.temague-final-cta{text-align:center;padding-top:110px;padding-bottom:120px}
.temague-final-cta h2{margin-bottom:20px}
.temague-final-cta p{margin-bottom:35px}
.temague-final-cta .wp-block-buttons{justify-content:center}
.temague-final-cta .wp-block-button__link{border-radius:0;background:#111;color:#fff;padding:16px 30px;font-weight:600;text-decoration:none}
@media(max-width:781px){.temague-intro,.temague-features,.temague-wide,.temague-final-cta{padding-top:72px;padding-bottom:72px}.temague-feature-grid{gap:65px 22px}}
@media(max-width:600px){.temague-info-grid,.temague-feature-grid{grid-template-columns:1fr}.temague-info-grid{gap:15px}.temague-feature-grid{gap:65px}.temague-intro,.temague-features,.temague-wide,.temague-final-cta{padding-top:65px;padding-bottom:65px}.temague-wide-image-card{aspect-ratio:4/3}.temague-final-cta{padding-bottom:85px}}

/* v1.6.0 — three contact columns and legal footer. */
.temague-footer-contact{margin-top:65px;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.temague-footer-contact>.wp-block-column{min-width:0;margin:0!important}
.temague-footer-contact p{font-size:clamp(15px,1.45vw,18px);line-height:1.55;margin:0 0 8px;overflow-wrap:anywhere}
.temague-footer-contact p:first-child{font-weight:700}
.temague-footer-contact a,.temague-footer-bottom a{color:inherit;text-decoration:none}
.temague-footer-contact a:hover,.temague-footer-bottom a:hover{text-decoration:underline}
.temague-footer-bottom{align-items:center;gap:24px}
.temague-footer-bottom .temague-copyright{margin:0}
.temague-legal-links{display:flex;flex-wrap:wrap;gap:12px 25px;margin:0}
@media(max-width:700px){.temague-footer-contact{grid-template-columns:1fr;gap:25px;margin-top:52px}.temague-footer-bottom{margin-top:65px;flex-wrap:wrap!important}.temague-legal-links{gap:12px 20px}}

/* Services section: isolated styles, no changes to existing layout. */
.temague-services{box-sizing:border-box;padding:95px max(24px,7.7vw);background:#fff}
.temague-services .temague-section-inner{max-width:1200px;margin-inline:auto}
.temague-services h2{text-align:center;font-size:clamp(35px,5vw,64px);font-weight:400;letter-spacing:-.045em;line-height:1.13;margin:0 0 22px}
.temague-services-description{text-align:center;font-size:clamp(17px,1.8vw,22px);line-height:1.5;margin:0 auto 46px;max-width:740px}
.temague-services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}
.temague-service-card{border:1px solid #d9d9d9;padding:clamp(26px,4vw,48px);display:flex;flex-direction:column;min-width:0;box-sizing:border-box}
.temague-service-card h3{font-size:clamp(25px,2.8vw,36px);font-weight:500;letter-spacing:-.035em;margin:0 0 16px}
.temague-service-card .temague-service-price{font-size:clamp(38px,4vw,54px);font-weight:400;letter-spacing:-.045em;line-height:1.1;margin:0 0 14px}
.temague-service-card .temague-service-pages{font-size:19px;font-weight:500;margin:0 0 24px}
.temague-service-card .temague-service-includes{list-style:none;padding:22px 0 0;margin:0 0 32px;border-top:1px solid #e4e4e4;flex:1}
.temague-service-includes li{position:relative;padding-left:24px;margin-bottom:13px;font-size:16px;line-height:1.55}
.temague-service-includes li:before{content:'✓';position:absolute;left:0;font-weight:600}
.temague-service-card .wp-block-buttons{margin-top:auto}
@media(max-width:781px){.temague-services{padding-top:72px;padding-bottom:72px}}
@media(max-width:600px){.temague-services{padding-top:65px;padding-bottom:65px}.temague-services-grid{grid-template-columns:1fr;gap:16px}.temague-services-description{margin-bottom:32px}}

/* Shared header layout: content follows the same page gutters as the hero. */
.temague-header > .wp-block-group {
  position:relative;
  box-sizing:border-box;
  width:100%;
  max-width:1200px;
  margin-inline:auto;
  padding:16px 0;
  isolation:isolate;
}
.temague-header > .wp-block-group::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:0 -16px;
  background:rgba(110,115,120,.095);
  border:1px solid rgba(30,30,30,.075);
  border-radius:16px;
  pointer-events:none;
}
.temague-header .wp-block-navigation {margin-left:auto;margin-right:0;}
.temague-header .wp-block-navigation__responsive-container-open {margin:0;}
.temague-hero .wp-block-button__link,
.temague-final-cta .wp-block-button__link,
.temague-services .wp-block-button__link {border-radius:12px;}
@media(max-width:600px){
  .temague-header > .wp-block-group {padding:15px 0;}
  .temague-header > .wp-block-group::before {border-radius:14px;}
}

/* v1.0.5 — right-aligned hero content and sticky header. */
.temague-header {
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(255,255,255,.94);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.temague-hero-inner {text-align:right;}
.temague-hero h1 {margin-left:auto;margin-right:0;}
.temague-hero .temague-hero-description {margin-left:auto;margin-right:0;}
.temague-hero .wp-block-buttons {justify-content:flex-end;}
@media(prefers-reduced-transparency:reduce){
  .temague-header{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;}
}

/* Pricing: original price and promotional price */
.temague-service-card .temague-service-price .temague-old-price{display:block;font-size:clamp(17px,2vw,22px);font-weight:400;letter-spacing:0;color:#595959;text-decoration:line-through;text-decoration-thickness:1px;margin-bottom:7px}
.temague-service-card .temague-service-price .temague-new-price{display:block;font-size:inherit;font-weight:inherit;color:inherit}

/* v1.0.9 — interior page system; homepage untouched */
.temague-interior{padding:clamp(72px,9vw,128px) 24px clamp(90px,11vw,150px)}
.temague-interior .alignwide{max-width:1200px}
.temague-interior-heading{font-size:clamp(3rem,7vw,6rem);font-weight:400;line-height:1.06;letter-spacing:-.055em;margin:0 0 clamp(42px,6vw,80px)}
.temague-interior .wp-block-post-title{font-size:clamp(2.8rem,6vw,5.5rem);line-height:1.1;letter-spacing:-.045em;font-weight:400}
.temague-interior .wp-block-post-title a{text-decoration:none;color:inherit}
.temague-interior .wp-block-post-excerpt{font-size:clamp(1.125rem,2vw,1.45rem);line-height:1.6}
.temague-interior .wp-block-post-date,.temague-interior .wp-block-post-terms{color:#595959;font-size:.95rem}
.temague-interior .wp-block-post-template{list-style:none;padding:0;margin:0}
.temague-interior .wp-block-post-template>li{padding:clamp(30px,5vw,65px) 0;border-top:1px solid #e5e5e5}
.temague-interior .wp-block-post-template>li:last-child{border-bottom:1px solid #e5e5e5}
.temague-interior .wp-block-post-featured-image img{border-radius:14px;height:auto}
.temague-interior .wp-block-query-pagination{display:flex;gap:18px;align-items:center;margin-top:45px}
.temague-interior .wp-block-query-pagination a{color:#111;text-decoration:none}
.temague-interior .wp-block-search__inside-wrapper{display:flex;gap:12px}
.temague-interior .wp-block-search__input{min-width:0;padding:16px 18px;border:1px solid #999;border-radius:12px;background:#fff;color:#111;font:inherit}
.temague-interior .wp-block-search__button{margin:0;padding:16px 22px;background:#111;color:#fff;border:0;border-radius:12px;font:inherit;cursor:pointer}
.temague-interior .wp-block-search__button:hover{background:#333}
.temague-interior .wp-block-search__input:focus-visible,.temague-interior a:focus-visible,.temague-interior button:focus-visible{outline:3px solid #4d3dff;outline-offset:3px}
.temague-interior .wp-block-post-content{font-size:clamp(1.1rem,1.7vw,1.35rem);line-height:1.75}
.temague-interior .wp-block-post-content h2{font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.2;letter-spacing:-.035em}
.temague-interior .wp-block-post-content h3{font-size:clamp(1.5rem,2.5vw,2.25rem);line-height:1.25}
.temague-interior .wp-block-post-content img{max-width:100%;height:auto;border-radius:12px}
.temague-interior .wp-block-post-content a{color:inherit;text-underline-offset:3px}
.temague-interior .wp-block-query-no-results{padding:32px 0}
@media(max-width:600px){.temague-interior{padding:65px 24px 90px}.temague-interior .wp-block-search__inside-wrapper{flex-wrap:wrap}.temague-interior .wp-block-search__input{flex:1 1 100%}.temague-interior .wp-block-search__button{width:100%}}