/* Theme-level rules (page shell). Section styles are in hop.css. */
html{scroll-behavior:smooth;scroll-padding-top:78px}
body.hop-theme{margin:0;background:var(--night);color:#fff}
body.hop-lock{overflow:hidden}
body.admin-bar .hop .site-header{top:32px}
@media(max-width:782px){body.admin-bar .hop .site-header{top:46px}}
@media(max-width:620px){html{scroll-padding-top:68px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* WPBakery rows inside the theme: remove default gutters so sections run edge to edge. */
.hop-canvas .vc_row,.hop-canvas .wpb_row{margin-left:0!important;margin-right:0!important}
.hop-canvas .vc_column_container>.vc_column-inner{padding-left:0!important;padding-right:0!important}
.hop-canvas .wpb_content_element,.hop-canvas .vc_row{margin-bottom:0}
.hop-canvas .vc_row[data-vc-full-width]{left:0!important;width:100%!important}

/* Generic pages */
.hop-page{background:var(--night);min-height:50vh}
.hop-entry-inner{padding:56px 0 72px;max-width:860px}
.hop-entry-title{font-size:clamp(2rem,4vw,3.2rem);line-height:1.1;letter-spacing:-.04em;margin:0 0 22px}
.hop-entry-title a{color:#fff;text-decoration:none}
.hop-entry-content{color:#dfe6f2;line-height:1.7;font-size:1.05rem}
.hop-entry-content a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.hop-entry-content img{max-width:100%;height:auto}