/*
 * ================================================================
 *  HOMEVILLA — Hub character kit
 *  Site: homevilla.eu
 *
 *  KIT STORY
 *  The hub is deliberately neutral — no property accent colour.
 *  Near-black, Cormorant Garamond italic (weight 400, light),
 *  Inter 300 body. Each property card carries its own identity.
 *  This is a directory, not a destination.
 * ================================================================
 */

:root {
  --hv-accent:        #1B1B19;
  --hv-accent-soft:   #F0F0EE;
  --hv-font-display:  'Cormorant Garamond', Georgia, serif;
  --hv-font-body:     'Inter', system-ui, sans-serif;
  --hv-motif-stroke:  #1B1B19;
}

/* Hub headings — Cormorant italic but lighter weight than Pärnu */
.hv-hero-title,
.hv-hero-h1,
h1 {
  font-style:  italic;
  font-weight: 400;
  font-size:   clamp(1.4rem, 3.5vw, 1.8rem);
}

/* Hub body — Inter 300, lighter than property sites */
body {
  font-weight: 300;
}

/* ----------------------------------------------------------------
   HUB — specific overrides
----------------------------------------------------------------- */

/* Thin page hero: dark grey instead of near-black */
.hv-kit-hub .hv-page-hero {
  background: #3a3a38;
}

/* Property article photos: desaturated / near-greyscale */
.hv-kit-hub .item-page img,
.hv-kit-hub .blog img,
.hv-kit-hub .blog-items img,
.hv-kit-hub article img {
  filter: saturate(0.15) contrast(0.92) brightness(1.04);
  transition: filter 0.4s ease;
}
.hv-kit-hub .item-page img:hover,
.hv-kit-hub .blog img:hover,
.hv-kit-hub .blog-items img:hover,
.hv-kit-hub article img:hover {
  filter: saturate(1) contrast(1) brightness(1);
}

/* Content area: 70% wide, centred (15% margins each side) */
.hv-kit-hub .hv-container,
.hv-kit-hub main > .hv-container {
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

/* Intro text module: generous top margin */
.hv-kit-hub .hv-page-hero + main .moduletable:first-child,
.hv-kit-hub .mod-custom {
  margin-bottom: 2.5rem;
}

/* Blog area: add breathing room between items */
.hv-kit-hub .blog-items .item {
  padding-bottom: 1.5rem;
  border-bottom: var(--hv-border-fine);
  margin-bottom: 1.5rem;
}
.hv-kit-hub .blog-items .item:last-child {
  border-bottom: none;
}
