/*
Theme Name: HEC Blocks
Description: Block theme version of HEC. Full Site Editing support (Appearance -> Editor) while replicating the classic HEC look (Elementor-derived design): Poppins/Varela Round/Montserrat, teal-purple palette, hero front page, purple archive cards, gradient single-post hero with waves divider.
Version: 1.0.7
Requires at least: 6.5
Requires PHP: 7.4
License: GNU General Public License v3 or later.
Text Domain: hec-blocks
Tags: block-patterns, full-site-editing
*/

/* =====================================================================
   Base (identical to classic HEC theme 1.1.2)
   ===================================================================== */
:root{
  --hec-text:#1B1B1C;
  --hec-muted:#8a8a8a;
  --hec-accent:#02d1ae;
  --hec-purple:#4632da;
  --hec-cyan:#00dafc;
  --hec-border:#e2e2e2;
  --hec-max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--hec-text);background:#fff;font-size:16px;font-weight:300;line-height:32px;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3,h4{font-family:"Poppins",sans-serif;color:#1B1B1C;line-height:1.3;margin:0 0 .6em}
.hec-container{max-width:var(--hec-max);margin:0 auto;padding-left:20px;padding-right:20px}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ============ Header ============ */
.hec-header{background:#fff}
.hec-logo{text-align:center;padding:50px 20px 40px}
.hec-logo img{width:161px;height:auto}
.hec-nav{border-top:1px dotted #8e8e8e;border-bottom:1px dotted #8e8e8e;background:#fff;position:sticky;top:0;z-index:500}
.hec-nav-inner{max-width:var(--hec-max);margin:0 auto;padding:0 20px;display:flex;justify-content:center}
ul.hec-menu{list-style:none;margin:0;padding:0;display:flex;justify-content:center;flex-wrap:wrap}
ul.hec-menu>li{position:relative}
ul.hec-menu>li>a{display:block;padding:16px 41px;text-decoration:none;font-size:15px;font-weight:400;color:#303030;border-top:2px solid transparent;border-bottom:2px solid transparent}
ul.hec-menu>li.current-menu-item>a,ul.hec-menu>li.current_page_item>a{border-top-color:var(--hec-accent);border-bottom-color:var(--hec-accent)}
ul.hec-menu>li>a:hover{color:var(--hec-accent)}
ul.hec-menu li ul{list-style:none;margin:0;padding:8px 0;display:none;position:absolute;left:0;top:100%;min-width:230px;background:#fff;border:1px solid var(--hec-border);box-shadow:0 10px 30px rgba(0,0,0,.12);z-index:200}
ul.hec-menu li:hover>ul,ul.hec-menu li:focus-within>ul{display:block}
ul.hec-menu li ul li{position:relative}
ul.hec-menu li ul a{display:block;padding:9px 18px;font-size:14px;text-decoration:none;color:#303030;white-space:nowrap}
ul.hec-menu li ul a:hover{background:#f6f6f6;color:var(--hec-accent)}
ul.hec-menu li ul ul{left:100%;top:0}
ul.hec-menu>li.menu-item-has-children>a::after{content:"\25BE";font-size:11px;margin-left:8px}
ul.hec-menu li ul li.menu-item-has-children>a::after{content:"\25B8";font-size:11px;margin-left:8px;float:right}

/* ============ Front page sections ============ */
.hec-section{padding:30px 0}
.hec-section-title{font-size:26px;font-weight:700;margin:0;color:#1B1B1C}
.hec-hero{border-radius:4px;overflow:hidden;position:relative;background-size:cover;background-position:center center;color:#fff;margin-top:6px}
.hec-hero-inner{position:relative;z-index:2;padding:40px}
.hec-hero-spacer{height:184px}
.hec-hero-badge{display:inline-block;background:#ECE7FE;color:#917BBC;font-family:"Poppins",sans-serif;font-size:16px;font-weight:500;line-height:24px;padding:4px 16px;border-radius:4px;margin-bottom:16px;text-decoration:none}
.hec-hero-badge a{color:#917BBC;text-decoration:none}
.hec-hero-title{margin:0 16px 16px 0;max-width:640px;font-size:32px;line-height:48px;font-weight:700;color:#fff}
.hec-hero-title a{color:#fff;text-decoration:none}
.hec-btn{display:inline-block;background:#2F2F2F;color:#fff;font-family:"Poppins",sans-serif;font-size:16px;font-weight:500;line-height:24px;text-decoration:none;padding:16px 40px;border-radius:4px;border:0}
.hec-btn:hover{background:#373737}
.hec-headrow{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:6px 0 26px}
.hec-outline-btn{display:inline-block;background:transparent;border:1px solid #8D8D91;color:#2F2F2F;font-family:"Poppins",sans-serif;font-size:15px;text-decoration:none;padding:12px 34px;border-radius:4px;white-space:nowrap}
.hec-outline-btn:hover{background:#373737;border-color:#373737;color:#fff}
.hec-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 30px}
.hec-card{border:1px solid #c9cbd1;border-radius:4px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.hec-card-media{position:relative;aspect-ratio:3/2;overflow:hidden;background:#eee}
.hec-card-media img{width:100%;height:100%;object-fit:cover;display:block}
.hec-card-badge{position:absolute;top:0;right:0;margin:20px;background:rgba(90,95,110,.9);color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:.4px;padding:5px 12px;border-radius:20px;text-decoration:none}
.hec-card-body{padding:0 16px;flex:1}
.hec-card-title{font-size:15px;line-height:22px;font-weight:600;margin:0 0 12px;text-transform:none}
.hec-card-title a{text-decoration:none;color:#1a1a1a}
.hec-card-title a:hover{color:var(--hec-purple)}
.hec-readmore{font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;text-decoration:none;color:#1a1a1a}
.hec-readmore:hover{color:var(--hec-purple)}
.hec-card-meta{padding:10px 16px;font-size:12px;color:var(--hec-muted);border-top:1px solid #eee;margin-top:8px}
.hec-card-meta a{color:var(--hec-muted);text-decoration:none}
.hec-hr{border:0;border-top:1px solid #CBCBCD;margin:26px 0 30px}
.hec-grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.hec-tile{position:relative;min-height:300px;border-radius:2px;overflow:hidden;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end;padding:18px 16px;color:#fff;text-decoration:none}
.hec-tile::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.4)}
.hec-tile>*{position:relative;z-index:2}
.hec-tile h3{font-family:"Poppins",sans-serif;font-size:20px;font-weight:600;margin:0 0 8px;color:#fff}
.hec-tile span{font-size:15px;font-weight:500}
.hec-tile span i{font-style:normal;margin-left:16px;font-size:14px}
.hec-popular{display:grid;grid-template-columns:7fr 5fr;gap:40px;align-items:start}
.hec-pop-item{display:grid;grid-template-columns:56px 1fr;gap:8px;padding:22px 0}
.hec-pop-num{color:#CBCBCD;font-size:22px;font-weight:700}
.hec-pop-title{font-size:19px;font-weight:700;margin:0;line-height:1.45;color:#141414}
.hec-pop-title a{text-decoration:none;color:#141414}
.hec-pop-title a:hover{color:var(--hec-purple)}
.hec-pop-side{text-align:end}
.hec-pop-side img{border-radius:4px;width:90%;height:496px;object-fit:cover;display:inline-block}

/* ============ Single post ============ */
.hec-single-hero{position:relative;background-color:transparent;background-image:linear-gradient(130deg,#FFFFFF 0%,#C4C4C4 89%);text-align:center;padding:0 5% 150px;overflow:hidden}
.hec-single-hero::before{content:"";position:absolute;inset:0;background-image:url('/wp-content/uploads/2023/02/Post-BG.png');background-position:center center;background-repeat:no-repeat;background-size:cover;opacity:.15;pointer-events:none}
.hec-single-hero-inner{position:relative;z-index:2;max-width:750px;margin:0 auto;min-height:500px;display:flex;flex-direction:column;justify-content:center;padding:40px 50px 0}
.hec-single-title{font-family:"Varela Round",sans-serif;font-size:45px;font-weight:300;line-height:1.2;text-transform:capitalize;color:#000;margin:0 0 24px}
.hec-single-meta{font-family:"Montserrat",sans-serif;font-size:16px;font-weight:300;color:#000;display:flex;align-items:center;justify-content:center;gap:25px}
.hec-single-meta a{color:#000;text-decoration:none}
.hec-single-meta .sep{width:1px;align-self:stretch;background:#000}
.hec-single-waves{display:block;position:absolute;bottom:-1px;left:50%;width:260%;height:120px;transform:translateX(-50%) scaleY(-1);z-index:2;pointer-events:none}
.hec-single-waves path{fill:#fff}
.hec-single-body{max-width:750px;margin:-120px auto 0;position:relative;z-index:3;padding:0}
.hec-featured{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 0 20px rgba(0,0,0,.2)}
.hec-featured img{width:100%;display:block}
.hec-share-row{margin:19px 0 0;padding:20px 0;border-top:1px solid rgba(159,163,173,.2);border-bottom:1px solid rgba(159,163,173,.2);display:flex;align-items:center;justify-content:space-between;gap:12px}
.hec-share-title{color:var(--hec-purple);font-family:"Varela Round",sans-serif;font-size:20px;font-weight:300;text-transform:capitalize}
.hec-share-icons{display:flex;gap:20px;margin-right:20px}
.hec-share-icons a{color:rgba(47,55,89,.7);font-size:20px;text-decoration:none;line-height:1}
.hec-share-icons a:hover{color:var(--hec-purple)}
.hec-share-icons svg{width:20px;height:20px}
.hec-content{margin:0;padding:26px 0 10px;font-size:16px;font-weight:300;line-height:32px;color:#1B1B1C}
.hec-content h2{font-size:34px;font-weight:700;margin:1.2em 0 .5em;color:#1B1B1C}
.hec-content h3{font-size:26px}
.hec-content img{border-radius:4px}
.hec-content a{color:#1a56db}
.hec-tags{margin:0;padding:0 0 10px;font-size:14px;color:var(--hec-muted);font-family:"Montserrat",sans-serif}
.hec-newsletter{position:relative;margin:80px auto;padding:60px 50px;text-align:center;border-radius:15px;box-shadow:0 0 25px rgba(0,0,0,.1);overflow:hidden;background:#fff}
.hec-newsletter::before{content:"";position:absolute;inset:0;background-image:url('/wp-content/uploads/2023/02/BG-Post-Sub.png');background-position:center center;background-repeat:no-repeat;background-size:cover;pointer-events:none}
.hec-newsletter>*{position:relative;z-index:2}
.hec-newsletter h2{font-family:"Varela Round",sans-serif;font-size:26px;font-weight:300;text-transform:capitalize;color:var(--hec-purple);margin:0 0 8px}
.hec-newsletter p{font-family:"Montserrat",sans-serif;font-size:16px;font-weight:300;text-transform:capitalize;color:#3d4459;margin:0 0 35px}
.hec-newsletter-form{display:flex;gap:0;justify-content:center;flex-wrap:nowrap;margin:0 -10px}
.hec-newsletter-field{flex:0 0 75%;padding:0 10px}
.hec-newsletter-btnwrap{flex:0 0 25%;padding:0 10px}
.hec-newsletter input[type=email]{width:100%;padding:13px 22px;border:1px solid #eaeaea;border-radius:30px;font-family:"Montserrat",sans-serif;font-size:15px;font-weight:300;color:#353535;background:#fff}
.hec-newsletter button{width:100%;background:var(--hec-cyan);color:#fff;border:0;border-radius:30px;padding:13px 10px;font-family:"Montserrat",sans-serif;font-size:15px;font-weight:500;text-transform:capitalize;cursor:pointer;white-space:nowrap}
.hec-newsletter button:hover{background:var(--hec-purple)}
.hec-form-note{font-family:"Montserrat",sans-serif;font-size:14px;margin-top:12px;color:#247a3d}
.hec-postnav{margin:0 0 50px;padding:45px 0;display:flex;gap:0;border-top:1px solid rgba(159,163,173,.2);border-bottom:1px solid rgba(159,163,173,.2)}
.hec-postnav>span{width:calc(50% - 1px)}
.hec-postnav>span+span{border-left:1px solid rgba(159,163,173,.2);text-align:right}
.hec-postnav a{text-decoration:none}
.hec-postnav .nav-label{display:block;font-family:"Varela Round",sans-serif;font-size:16px;color:var(--hec-purple)}
.hec-postnav .nav-title{display:block;font-family:"Montserrat",sans-serif;font-size:18px;font-weight:300;color:#3d4459}
.hec-related{max-width:var(--hec-max);margin:0 auto;padding:10px 20px 50px}
.hec-related h2{font-family:"Varela Round",sans-serif;font-size:24px;font-weight:300;text-transform:capitalize;color:var(--hec-purple);margin-bottom:35px}
.hec-comments{max-width:750px;margin:50px auto 0;padding:0 0 60px}
.hec-comments h3{font-family:"Poppins",sans-serif;font-size:22px;font-weight:600;color:#1B1B1C;margin:0 0 20px}
.hec-comments ol{list-style:none;margin:0 0 30px;padding:0}
.hec-comments ol li{border-top:1px solid rgba(159,163,173,.2);padding:20px 0}
.hec-comments .comment-author{font-family:"Poppins",sans-serif;font-size:15px;font-weight:600}
.hec-comments .comment-author img{border-radius:50%;margin-right:12px;vertical-align:middle}
.hec-comments .comment-metadata{font-family:"Montserrat",sans-serif;font-size:13px;color:#8D8D91;margin:6px 0 10px}
.hec-comments .comment-metadata a{color:#8D8D91;text-decoration:none}
.hec-comments .comment-content{font-size:16px;line-height:32px}
.hec-comments .reply a{font-family:"Montserrat",sans-serif;font-size:14px;font-weight:500;color:var(--hec-purple);text-decoration:none}
.hec-comments label{display:block;font-family:"Montserrat",sans-serif;font-size:14px;font-weight:400;color:#3d4459;margin:14px 0 6px}
.hec-comments input[type=text],.hec-comments input[type=email],.hec-comments input[type=url],.hec-comments textarea{width:100%;padding:12px 16px;border:1px solid #eaeaea;border-radius:4px;font-family:"Montserrat",sans-serif;font-size:15px;font-weight:300;color:#353535;background:#fff}
.hec-comments input[type=submit]{background:#2F2F2F;color:#fff;border:0;border-radius:4px;padding:12px 28px;font-family:"Poppins",sans-serif;font-size:16px;font-weight:600;cursor:pointer;margin-top:16px}
.hec-comments input[type=submit]:hover{background:#373737}
.hec-page{max-width:800px;margin:0 auto;padding:50px 20px 60px}
.hec-page-title{text-align:center;font-size:36px;font-weight:600;margin-bottom:26px}

/* ============ Archive / blog / search ============ */
.hec-archive-wrap{max-width:1200px;margin:0 auto;padding:100px 20px 250px}
.hec-archive-grid{margin-top:35px}
.hec-grid-arch{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.hec-card-arch{border:0;border-radius:10px;overflow:hidden;background:#fff;display:flex;flex-direction:column;box-shadow:0 0 25px rgba(0,0,0,.08)}
.hec-card-arch .hec-card-media{aspect-ratio:10/6;border-radius:10px 10px 0 0}
.hec-card-arch .hec-card-badge{left:0;right:auto;margin:25px;background:var(--hec-purple);color:#fff;font-family:"Montserrat",sans-serif;font-size:11px;font-weight:400;text-transform:none;letter-spacing:0;padding:6px 14px;border-radius:5px}
.hec-card-arch .hec-card-body{padding:10px 50px 0}
.hec-card-arch .hec-card-title{font-family:"Varela Round",sans-serif;font-size:20px;font-weight:400;line-height:1.5;text-transform:capitalize;text-align:center;color:var(--hec-purple);margin:0 0 10px}
.hec-card-arch .hec-card-title a{color:var(--hec-purple)}
.hec-card-arch .hec-card-title a:hover{color:#3725b8}
.hec-card-arch .hec-card-meta{padding:10px 50px;color:rgba(61,68,89,.5);font-family:"Montserrat",sans-serif;font-size:14px;font-weight:400;text-align:center;border-top:1px solid rgba(61,68,89,.1);margin-top:20px}
.hec-card-arch .hec-card-meta a{color:rgba(61,68,89,.5)}
.hec-pagination{max-width:1200px;margin:0 auto;padding:26px 20px 60px;text-align:center;font-family:"Montserrat",sans-serif;font-size:16px;font-weight:500}
.hec-pagination .page-numbers{display:inline-block;padding:4px 8px;margin:0 12px;text-decoration:none;color:#3d4459}
.hec-pagination a.page-numbers:hover{color:var(--hec-purple)}
.hec-pagination .current{color:var(--hec-purple)}
.hec-blog-title{text-align:center;font-family:"Varela Round",sans-serif;font-size:32px;font-weight:400;color:var(--hec-purple);margin:0 0 10px}
.hec-search-form{display:flex;gap:10px;justify-content:center;margin:20px 0 30px}
.hec-search-form input[type=search]{width:min(480px,70%);padding:12px 14px;border:1px solid #cfcfcf;border-radius:4px;font-size:15px;font-family:"Montserrat",sans-serif}
.hec-search-form button{padding:12px 22px;background:#2b2b2b;color:#fff;border:0;border-radius:4px;cursor:pointer;font-family:"Poppins",sans-serif}

/* ============ Footer ============ */
.hec-footer{background:linear-gradient(180deg,#ffffff 0%,#D4D4D4 100%);margin-top:30px}
.hec-footer-grid{max-width:var(--hec-max);margin:0 auto;padding:70px 20px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}
.hec-footer-col1{margin-right:80px}
.hec-footer-logo img{width:246px;max-width:100%}
.hec-social{display:flex;gap:12px;margin-top:0;padding-top:20px}
.hec-social a{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:rgba(120,115,115,.1);border-radius:6px;color:#000;text-decoration:none}
.hec-social a:hover{background:#fff;color:#001c38}
.hec-social svg{width:12px;height:12px;fill:currentColor}
.hec-footer h3{font-size:18px;font-weight:500;margin:0 0 16px;color:#000}
.hec-footer ul{list-style:none;margin:0;padding:0}
.hec-footer ul li{margin:0;padding:2px 0}
.hec-footer ul a{text-decoration:none;font-size:14px;font-weight:300;color:#000}
.hec-footer ul a:hover{color:var(--hec-purple)}
.hec-bottom{background:#D4D4D4;border-top:1px solid rgba(255,255,255,.19)}
.hec-bottom-inner{max-width:var(--hec-max);margin:0 auto;min-height:50px;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}
.hec-bottom h3{font-size:13px;font-weight:400;margin:0}
.hec-bottom a{text-decoration:none;color:#222}
.hec-float{position:fixed;left:-1px;bottom:0;margin:0 0 50px 50px;z-index:9999;background:var(--hec-purple);color:#fff;border-radius:200px;padding:25px 25px 20px 20px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 25px rgba(53,56,240,.35);text-decoration:none;font-family:"Montserrat",sans-serif;font-size:22px}
.hec-float:hover{background:var(--hec-cyan)}
.hec-float svg{width:22px;height:22px;fill:#fff}

/* ============ Responsive ============ */
@media(max-width:1024px){
  .hec-single-hero-inner{min-height:650px}
  .hec-single-hero{padding:0 5%}
  .hec-single-title{font-size:40px}
  .hec-single-body{padding:0 30px}
  .hec-grid-5{grid-template-columns:repeat(3,1fr)}
  .hec-popular{grid-template-columns:1fr}
  .hec-pop-side{display:none}
  .hec-archive-wrap{padding:100px 25px 0}
}
@media(max-width:767px){
  .hec-logo{padding:10px 20px}
  .hec-logo img{width:80px}
  .hec-grid-3{grid-template-columns:1fr}
  .hec-grid-arch{grid-template-columns:1fr}
  .hec-card-media{aspect-ratio:2/1}
  .hec-grid-5{grid-template-columns:1fr 1fr}
  .hec-headrow{flex-direction:column}
  .hec-hero-spacer{height:80px}
  .hec-hero-inner{padding:16px}
  .hec-hero{border-radius:0}
  .hec-hero-title{font-size:24px;line-height:1.4;margin:16px 0}
  .hec-single-hero{padding:10% 5% 150px}
  .hec-single-hero-inner{min-height:500px;padding:0}
  .hec-single-title{font-size:30px}
  .hec-share-row{flex-direction:column}
  .hec-share-icons{margin-right:0}
  .hec-newsletter{padding:50px 30px;margin:40px 20px}
  .hec-newsletter-form{flex-wrap:wrap}
  .hec-newsletter-field,.hec-newsletter-btnwrap{flex:0 0 100%}
  .hec-newsletter-btnwrap{margin-top:10px}
  .hec-card-arch .hec-card-body,.hec-card-arch .hec-card-meta{padding-left:24px;padding-right:24px}
  .hec-archive-wrap{padding:50px 15px}
  .hec-footer-grid{grid-template-columns:1fr;padding:35px 20px}
  .hec-footer-col1{margin-right:0}
  .hec-bottom-inner{flex-direction:column;text-align:center}
  .hec-float{margin:0 0 20px 20px;padding:18px}
}

/* =====================================================================
   Block-theme adaptations: core block markup mapped onto the classes
   above. Everything below only exists in HEC Blocks.
   ===================================================================== */

/* Query loop grids: turn the post template list into the CSS grid */
/* Wrapper .hec-grid-3 saat dipakai di wp:query JANGAN di-grid (rule klasik line atas
   tidak berlaku karena selector dinilai ulang di bawah); grid diterapkan ke UL-nya. */
div.wp-block-query.hec-grid-3{display:block;grid-template-columns:none}
.wp-block-post-template{list-style:none;margin:0;padding:0}
/* WP layout engine adds vertical margins to flow children; grids below set their own gap */
.hec-grid-3>.wp-block-post-template.is-layout-flow>*+*,
.hec-grid-arch>.wp-block-post-template.is-layout-flow>*+*,
.hec-grid-5>.wp-block-cover+.wp-block-cover{margin-top:0}
.hec-footer-grid.is-layout-constrained>*+*{margin-top:0}
.hec-footer-grid>*{min-width:0}
.wp-block-post-template>.wp-block-post,.wp-block-query>.wp-block-post{margin:0}
.hec-grid-3>.wp-block-post-template{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 30px}
/* Blog/archive/search template: hec-grid-arch class sits ON the post-template list itself */
ul.hec-grid-arch.wp-block-post-template,.hec-grid-arch.wp-block-post-template{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.hec-grid-3>.wp-block-post-template>.wp-block-post,ul.hec-grid-arch.wp-block-post-template>.wp-block-post,.hec-grid-arch.wp-block-post-template>.wp-block-post{display:flex;flex-direction:column}
ul.hec-grid-arch.wp-block-post-template>*+*,.hec-grid-arch.wp-block-post-template>*+*{margin-top:0}

/* Cards built from blocks */
.hec-card .wp-block-post-featured-image{overflow:hidden;background:#eee;margin:0}
.hec-card .wp-block-post-featured-image img{width:100%;height:100%;object-fit:cover;display:block}
.hec-card .hec-card-body{padding:0 16px;flex:1}
.hec-card .hec-card-title{padding:0}
.hec-card .wp-block-read-more.hec-readmore{display:inline-block;margin:0 0 12px}
.hec-card .hec-card-meta .wp-block-post-date{margin-right:14px}
.hec-card .hec-card-meta .wp-block-post-date::after{content:" \2022"}
.hec-card .hec-card-meta .wp-block-post-terms a,.hec-card .hec-card-meta .wp-block-post-comments-count a{color:var(--hec-muted);text-decoration:none}

/* Archive card variant */
.hec-card-arch .hec-card-media{aspect-ratio:auto}
.hec-card-arch .hec-card-media .hec-card-badge{left:0;right:auto;margin:25px}
.hec-card-arch .hec-card-body{padding:10px 50px 0}
.hec-card-arch .hec-card-title{margin:0 0 10px}
.hec-card-arch .hec-card-meta{margin-top:20px;padding:10px 50px}

/* Hero cover on front page */
.hec-hero.wp-block-cover{margin-top:6px;min-height:480px;display:flex;align-items:stretch}
.hec-hero .wp-block-cover__inner-container{width:100%;max-width:750px;text-align:left;position:relative;z-index:2;padding:40px}
.hec-hero .hec-hero-title a,.hec-hero .hec-hero-badge,.hec-hero .wp-block-read-more.hec-btn{text-shadow:0 1px 8px rgba(0,0,0,.55)}
.hec-hero .hec-hero-badge{display:inline-block}
.hec-hero .wp-block-post-title.hec-hero-title{margin:0 16px 16px 0;max-width:640px;font-size:32px;line-height:48px}
.hec-hero .hec-hero-title a{color:#fff}
.hec-hero .wp-block-read-more.hec-btn{color:#fff}

/* Category tiles built from cover blocks */
.hec-tile.wp-block-cover{display:flex;align-items:flex-end;min-height:300px}
.hec-tile .wp-block-cover__inner-container{width:100%;position:relative;z-index:2;padding:18px 16px}
.hec-tile h3{font-size:20px;font-weight:600;margin:0 0 8px;color:#fff}
.hec-tile h3 a,.hec-tile .hec-tile-more a{color:#fff;text-decoration:none}
.hec-tile .hec-tile-more{margin:0;font-size:15px;font-weight:500}
.hec-grid-5>.wp-block-cover{margin:0}

/* Popular posts */
.hec-popular{align-items:start}
/* Paksa dua kolom (list kiri, gambar kanan) meski WP menandai flex wrap */
.hec-popular.is-layout-flex{display:grid;grid-template-columns:7fr 5fr;gap:40px;flex-wrap:nowrap}
.hec-popular.is-layout-flex>*{min-width:0}
.hec-popular .hec-pop-side img{width:100%;max-width:100%}
/* Penomoran 01/02/03 via CSS counter (block markup tidak punya nomor) */
.hec-popular .wp-block-query .wp-block-post-template{counter-reset:hec-pop}
p.hec-pop-num::before{counter-increment:hec-pop;content:"0" counter(hec-pop)}
/* WP flex layout menimpa display:grid klasik — paksa kembali grid 56px+1fr */
.hec-pop-item.is-layout-flex{display:grid;grid-template-columns:56px 1fr;gap:8px;align-items:start}
.hec-pop-side{text-align:end;margin:0}
.hec-pop-side img{border-radius:4px;width:90%;height:496px;object-fit:cover;display:inline-block}
.hec-pop-item .wp-block-post-title{margin:0}

/* Post navigation (prev/next) */
.hec-postnav .wp-block-post-navigation-link{width:calc(50% - 1px)}
.hec-postnav .wp-block-post-navigation-link+.wp-block-post-navigation-link{border-left:1px solid rgba(159,163,173,.2);text-align:right}
.hec-postnav .wp-block-post-navigation-link a{text-decoration:none;font-family:"Montserrat",sans-serif;font-size:18px;font-weight:300;color:#3d4459}

/* Navigation block mapped onto classic menu look */
nav.hec-nav .wp-block-navigation{width:100%}
ul.hec-menu.wp-block-navigation{display:flex;flex-wrap:wrap;justify-content:center}
ul.hec-menu.wp-block-navigation .wp-block-navigation-item__content{padding:16px 41px;font-size:15px;font-weight:400;color:#303030;text-decoration:none;border-top:2px solid transparent;border-bottom:2px solid transparent}
ul.hec-menu.wp-block-navigation .wp-block-navigation-item.current-menu-item>.wp-block-navigation-item__content{border-top-color:var(--hec-accent);border-bottom-color:var(--hec-accent)}
ul.hec-menu.wp-block-navigation .wp-block-navigation-item__content:hover{color:var(--hec-accent)}
ul.hec-menu.wp-block-navigation .wp-block-navigation__submenu-container{left:0;top:100%;min-width:230px;background:#fff;border:1px solid var(--hec-border);box-shadow:0 10px 30px rgba(0,0,0,.12);padding:8px 0}
ul.hec-menu.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content{padding:9px 18px;font-size:14px;border:0;white-space:nowrap}
ul.hec-menu.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover{background:#f6f6f6;color:var(--hec-accent)}
ul.hec-menu.wp-block-navigation .has-child>.wp-block-navigation-item__content::after{content:"\25BE";font-size:11px;margin-left:8px}
ul.hec-menu.wp-block-navigation .has-child .has-child>.wp-block-navigation-item__content::after{content:"\25B8";float:right;margin-left:8px}

/* Search block mapped onto classic search form */
form.hec-search-form{display:flex;gap:10px;justify-content:center;margin:20px 0 30px}
form.hec-search-form .wp-block-search__input{width:min(480px,70%);padding:12px 14px;border:1px solid #cfcfcf;border-radius:4px;font-size:15px;font-family:"Montserrat",sans-serif}
form.hec-search-form .wp-block-search__button{padding:12px 22px;background:#2b2b2b;color:#fff;border:0;border-radius:4px;cursor:pointer;font-family:"Poppins",sans-serif}

/* Comments block mapped onto classic comment look */
.hec-comments .wp-block-comments-title{font-family:"Poppins",sans-serif;font-size:22px;font-weight:600;color:#1B1B1C;margin:0 0 20px}
.hec-comments ol.wp-block-comment-template{list-style:none;margin:0 0 30px;padding:0}
.hec-comments .wp-block-comment-template>li{border-top:1px solid rgba(159,163,173,.2);padding:20px 0;margin:0}
.hec-comments .wp-block-comment-author-name{font-family:"Poppins",sans-serif;font-size:15px;font-weight:600}
.hec-comments .wp-block-comment-author-name img{border-radius:50%;margin-right:12px;vertical-align:middle}
.hec-comments .wp-block-comment-date{font-family:"Montserrat",sans-serif;font-size:13px;color:#8D8D91;margin:6px 0 10px}
.hec-comments .wp-block-comment-date a{color:#8D8D91;text-decoration:none}
.hec-comments .wp-block-comment-content{font-size:16px;line-height:32px}
.hec-comments .wp-block-comment-reply-link a{font-family:"Montserrat",sans-serif;font-size:14px;font-weight:500;color:var(--hec-purple);text-decoration:none}
.hec-comments .wp-block-post-comments-form label{display:block;font-family:"Montserrat",sans-serif;font-size:14px;font-weight:400;color:#3d4459;margin:14px 0 6px}
.hec-comments .wp-block-post-comments-form input[type=text],.hec-comments .wp-block-post-comments-form input[type=email],.hec-comments .wp-block-post-comments-form input[type=url],.hec-comments .wp-block-post-comments-form textarea{width:100%;padding:12px 16px;border:1px solid #eaeaea;border-radius:4px;font-family:"Montserrat",sans-serif;font-size:15px;font-weight:300;color:#353535;background:#fff}
.hec-comments .wp-block-post-comments-form input[type=submit]{background:#2F2F2F;color:#fff;border:0;border-radius:4px;padding:12px 28px;font-family:"Poppins",sans-serif;font-size:16px;font-weight:600;cursor:pointer;margin-top:16px}
.hec-comments .wp-block-post-comments-form input[type=submit]:hover{background:#373737}

/* Pagination block */
.hec-pagination .wp-block-query-pagination{justify-content:center;gap:0}
.hec-pagination .wp-block-query-pagination-numbers .page-numbers{display:inline-block;padding:4px 8px;margin:0 12px;text-decoration:none;color:#3d4459}
.hec-pagination a.page-numbers:hover{color:var(--hec-purple)}
.hec-pagination .current{color:var(--hec-purple)}
.hec-pagination .wp-block-query-pagination-previous,.hec-pagination .wp-block-query-pagination-next{text-decoration:none;color:#3d4459;margin:0 12px}
.hec-pagination .wp-block-query-pagination-previous:hover,.hec-pagination .wp-block-query-pagination-next:hover{color:var(--hec-purple)}

/* Social icons block (footer) */
.hec-social.wp-block-social-links{display:flex;gap:12px;padding-top:20px;margin-top:0}
.hec-social .wp-social-link{width:34px;height:34px;border-radius:6px;background:rgba(120,115,115,.1)}
.hec-social .wp-social-link a{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;color:#000}
.hec-social .wp-social-link a:hover{background:#fff;color:#001c38}
.hec-social .wp-social-link svg{width:12px;height:12px}

/* Footer lists */
.hec-footer .wp-block-list{list-style:none;margin:0;padding:0}
.hec-footer .wp-block-list li{margin:0;padding:2px 0}
.hec-footer .wp-block-list a{text-decoration:none;font-size:14px;font-weight:300;color:#000}
.hec-footer .wp-block-list a:hover{color:var(--hec-purple)}

/* Footer bottom */
.hec-bottom .hec-bottom-inner p{margin:0;font-size:13px;font-weight:400}
.hec-bottom .hec-bottom-inner a{text-decoration:none;color:#222}

/* Single post extras */
.hec-single-hero .wp-block-post-title.hec-single-title{font-family:"Varela Round",sans-serif;font-size:45px;font-weight:300;line-height:1.2;text-transform:capitalize;color:#000;margin:0 0 24px}
.hec-single-meta .wp-block-post-author-name::after{content:"";display:inline-block;width:1px;height:1em;background:#000;margin-left:25px;vertical-align:middle}
.hec-single-meta .wp-block-post-author-name a,.hec-single-meta .wp-block-post-date a{color:#000;text-decoration:none;font-family:"Montserrat",sans-serif;font-size:16px;font-weight:300}
.hec-single-body .wp-block-post-featured-image.hec-featured{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 0 20px rgba(0,0,0,.2)}
.hec-single-body .wp-block-post-featured-image.hec-featured img{width:100%;display:block}
.hec-single-body .wp-block-post-content.hec-content{padding:26px 0 10px}
.hec-single-body .wp-block-post-terms.hec-tags a{color:var(--hec-muted)}

/* ============ Responsive untuk grid adaptasi blok ============ */
@media(max-width:1024px){
  .hec-grid-3>.wp-block-post-template{grid-template-columns:repeat(2,1fr)}
  ul.hec-grid-arch.wp-block-post-template,.hec-grid-arch.wp-block-post-template{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:767px){
  .hec-grid-3>.wp-block-post-template{grid-template-columns:1fr}
  ul.hec-grid-arch.wp-block-post-template,.hec-grid-arch.wp-block-post-template{grid-template-columns:1fr}
  .hec-grid-5{grid-template-columns:1fr 1fr !important}
  .hec-popular.is-layout-flex{display:grid;grid-template-columns:1fr;gap:20px}
  .hec-hero.wp-block-cover{min-height:280px}
  .hec-hero .wp-block-cover__inner-container{padding:16px}
  .hec-single-hero-inner{min-height:auto;padding:40px 20px 90px}
  .hec-single-title,.hec-single-hero .wp-block-post-title.hec-single-title{font-size:30px}
  .hec-postnav{flex-direction:column;gap:14px}
  .hec-postnav .wp-block-post-navigation-link{width:100%}
  .hec-postnav .wp-block-post-navigation-link+.wp-block-post-navigation-link{border-left:0;text-align:left}
  .hec-footer-grid.is-layout-constrained>*+*{margin-top:24px}
}
@media(max-width:480px){
  .hec-grid-5{grid-template-columns:1fr !important}
}

/* ============ Menu mobile (hamburger via Navigation overlay) ============ */
@media(max-width:767px){
  nav.hec-nav .wp-block-navigation{justify-content:flex-start}
  ul.hec-menu.wp-block-navigation .wp-block-navigation-item__content{padding:12px 10px;border:0;border-top:1px solid #eee}
  ul.hec-menu.wp-block-navigation{flex-direction:column;align-items:stretch}
}

/* Overlay navigation (mobile hamburger) — sesuaikan dengan tema */
.hec-nav .wp-block-navigation__responsive-container{background:#fff}
.hec-nav .wp-block-navigation__responsive-container .wp-block-navigation__container{gap:0}
.hec-nav .wp-block-navigation__responsive-container-open{margin:8px auto;display:block}
.hec-nav .wp-block-navigation__responsive-container-close{margin:10px;position:absolute;top:8px;right:10px}
.hec-nav .wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation-item__content{border:0;border-top:1px solid #eee;padding:12px 10px}
@media(min-width:768px){
  .hec-nav .wp-block-navigation__responsive-container-open{display:none}
}