/*
Theme Name: Hero
Theme URI: https://herucation.org/
Author: Hero Team
Description: Lightweight Herucation theme. No page builder, no theme scripts: pages, Tutor LMS, WooCommerce and the wallet render inside one plain layout, and the Hero Motion plugin draws the shared header, footer and look.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: hero
*/

/* Base layout only. Colours, type and components come from Hero Motion (home.css + skin.css). */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:#F0F1F2;color:#141414;font:400 16px/1.65 "Alexandria","Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg,video,iframe{max-width:100%}
img{height:auto}
a{color:#A50E24}
h1,h2,h3,h4,h5,h6{font-family:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;line-height:1.15;letter-spacing:-.02em;color:#141414;margin:0 0 .6em}
p{margin:0 0 1em}
table{border-collapse:collapse;width:100%}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link:focus{position:fixed;top:12px;left:12px;z-index:100000;width:auto;height:auto;clip:auto;padding:10px 16px;border-radius:10px;background:#fff;color:#141414}

.site-content-inner{width:100%}
.ht-wrap{width:100%;max-width:1200px;margin:0 auto;padding-inline:20px}
.site-main{display:block;min-height:40vh}
.site-main > article{margin:0}
.ht-title{margin:8px 0 28px;font-size:clamp(2rem,4.5vw,3.2rem);font-weight:800;letter-spacing:-.04em}
.ht-entry > *:last-child{margin-bottom:0}
/* Elementor pages bring their own sections at full width */
.ht-builder .ht-wrap{max-width:none;padding-inline:0}
.ht-list{display:grid;gap:18px}
.ht-card{display:block;padding:22px 24px;border-radius:24px;background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px rgba(20,20,20,.07);color:inherit;text-decoration:none}
.ht-card h2{font-size:22px;margin:0 0 6px}
.ht-404{padding:60px 0;text-align:center}
.ht-pager{display:flex;gap:10px;justify-content:center;margin-top:32px}
@media (min-width:601px) and (max-width:1024px){.ht-wrap{padding-inline:28px}}