/*
Theme Name: Hukitola Trails
Theme URI: https://hukitola.ryepea.com/
Author: Hukitola Trails
Description: A responsive editorial block theme for Odisha travel, history and coastal heritage.
Version: 1.1.1
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hukitola-trails
Tags: blog, news, block-styles, full-site-editing, wide-blocks
*/

/* Hukitola Trails — editorial refinement */
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }
.wp-site-blocks { overflow-wrap: anywhere; }
.wp-block-site-title a { text-decoration: none; }
.wp-block-navigation a { text-decoration: none; text-underline-offset: 5px; }
.wp-block-navigation a:hover, .wp-block-post-title a:hover { color: #81532F; }
.wp-block-post-title a { color: inherit; text-decoration: none; }
.wp-block-post-featured-image img,
.wp-block-post-template img { display: block; width: 100%; object-fit: cover; }
.wp-block-post-content img { height: auto; }
.wp-block-post-content h2 { margin-top: 2em; }
.wp-block-post-content h3 { margin-top: 1.6em; }
.wp-block-button__link { transition: transform .18s ease, opacity .18s ease; }
.wp-block-button__link:hover { opacity: .92; transform: translateY(-1px); }
.ht-brand { margin: 0; font-family: Georgia, 'Times New Roman', serif; font-size: 1.8rem; font-weight: 700; line-height: 1.05; letter-spacing: -0.035em; }
.ht-brand a { color: #234638; text-decoration: none; }
.ht-brand--footer a { color: #FFFFFF; }
.ht-hero h1 { font-size: clamp(3rem, 8vw, 6.7rem) !important; }
#latest-stories h2 { font-size: clamp(2rem, 4vw, 3.2rem) !important; }
.ht-closing h2 { font-size: clamp(2rem, 4.5vw, 4rem) !important; }
.ht-404-title { font-size: clamp(3rem, 8vw, 6rem); line-height: .98; }
.ht-hero { position: relative; isolation: isolate; }
.ht-hero::after { content: ""; display: block; position: absolute; z-index: -1; right: clamp(1rem, 6vw, 6rem); top: 18%; width: clamp(120px, 22vw, 280px); aspect-ratio: 1; border: 1px solid rgba(129, 83, 47, .22); border-radius: 50%; box-shadow: 0 0 0 24px rgba(129, 83, 47, .035), 0 0 0 48px rgba(129, 83, 47, .025); pointer-events: none; }
.ht-story-card { height: 100%; }
.ht-story-card .wp-block-post-featured-image { overflow: hidden; background: #E9E3D8; }
.ht-story-card .wp-block-post-featured-image img { transition: transform .35s ease; }
.ht-story-card:hover .wp-block-post-featured-image img { transform: scale(1.025); }
.ht-closing a { color: #fff; }
.ht-footer { margin-top: 0 !important; padding: clamp(3rem, 7vw, 5.5rem) max(1.25rem, calc((100vw - 1180px) / 2)) 1.25rem; background: #172F26; color: #F8F6EF; }
.ht-footer__inner { max-width: 1180px; margin-inline: auto; }
.ht-footer__columns { gap: clamp(2rem, 5vw, 5rem); margin-bottom: clamp(2rem, 4vw, 3.5rem); }
.ht-footer__intro { max-width: 410px; margin-top: 1.15rem; color: #D8E1D9; font-size: 1rem; line-height: 1.8; }
.ht-footer__eyebrow { margin-top: 1.5rem; color: #D9B28C; font-size: .7rem; font-weight: 750; letter-spacing: .14em; }
.ht-footer__heading { margin: .35rem 0 1.15rem; color: #F8F6EF; font-family: system-ui, sans-serif; font-size: .78rem; font-weight: 750; letter-spacing: .15em; text-transform: uppercase; }
.ht-footer__links { margin: 0; padding: 0; list-style: none; }
.ht-footer__links li { margin: .7rem 0; }
.ht-footer__links a, .ht-footer__bottom a { color: #E6EAE4; text-decoration: none; text-underline-offset: 4px; }
.ht-footer__links a:hover, .ht-footer__bottom a:hover { color: #D9B28C; text-decoration: underline; }
.ht-footer .ht-brand--footer { font-size: clamp(1.8rem, 3vw, 2.35rem); }
.ht-footer__rule { margin: 0 0 1.2rem; border: 0; border-top: 1px solid #456456; }
.ht-footer__bottom { gap: .5rem 1.5rem; align-items: center; color: #D8E1D9; font-size: .82rem; }
.ht-footer__bottom p { margin: 0; }
.ht-footer__social-note { margin: 0 0 1rem; color: #D8E1D9; font-size: .9rem; line-height: 1.7; }
.ht-footer__social { gap: .65rem; margin: .35rem 0 1rem; }
.ht-footer__social .wp-social-link { border-radius: 50%; background: #315847 !important; color: #F7F3E9 !important; transition: transform .18s ease, background-color .18s ease; }
.ht-footer__social .wp-social-link a { padding: .65rem; }
.ht-footer__social .wp-social-link:hover { transform: translateY(-3px); background: #81532F !important; }
.ht-footer__social-note:last-child { font-size: .72rem; color: #BCCBC0; }
@media (max-width: 780px) { .ht-footer__columns { gap: 1.75rem; } }
.wp-block-separator { border: 0; border-top: 1px solid #E4E5DD; }
@media (max-width: 780px) {
  .wp-block-post-template.is-layout-grid { grid-template-columns: minmax(0, 1fr) !important; }
  .ht-hero::after { opacity: .45; right: -20px; top: 5%; }
  .ht-header__inner { gap: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}