/*
Theme Name: Visa Destinations (TT5)
Theme URI: https://visa-destinations.com
Description: Twenty Twenty-Five child theme styled for Visa Destinations — professional immigration agency look inspired by Visapass (orange accent, clean layout, Roboto).
Author: Visa Destinations
Template: twentytwentyfive
Version: 1.3.0
Requires at least: 6.7
Tested up to: 7.0
Requires PHP: 7.2
Text Domain: visad-tt5
*/

/* Brand refinements on top of theme.json */
.vd-kicker {
  display: inline-block;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--wp--preset--color--accent-1, #e48216);
  margin-bottom: 0.5rem;
}

.vd-kicker a {
  color: inherit;
  text-decoration: none;
}

.vd-kicker a:hover {
  text-decoration: underline;
}

.vd-card {
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 1.5rem;
  background: #fff;
  height: 100%;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
}

.vd-card h3 {
  margin-top: 0;
}

.vd-note {
  font-size: 0.875rem;
  color: #888;
  border-top: 1px solid #eee;
  padding-top: 1rem;
  margin-top: 2rem;
}

/* ------------------------------------------------------------------
   Page title area — warm cream band above body content
   Used by page.html, home.html (posts), single.html, CPT singles
   Inline background-color also set in templates for reliability.
   ------------------------------------------------------------------ */
.vd-page-title {
  background-color: #f3ebe0 !important;
  border-bottom: 3px solid var(--wp--preset--color--accent-1, #e48216);
  width: 100%;
  box-sizing: border-box;
}

/* Full-bleed even inside padded layouts */
.vd-page-title.alignfull {
  width: 100%;
  max-width: none;
}

.vd-page-title .wp-block-post-title,
.vd-page-title h1,
.vd-page-title .vd-archive-title {
  color: #222222 !important;
  margin: 0 !important;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.25;
}

/* Front page only: never show a page-title band (front-page.html omits it) */
body.home:not(.blog) .vd-page-title,
body.page-on-front .vd-page-title {
  display: none !important;
}

/* ------------------------------------------------------------------
   Homepage full-width hero (edge-to-edge) + centered overlay text
   ------------------------------------------------------------------ */
.vd-home-hero.wp-block-cover,
.vd-home-hero {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  border-radius: 0 !important;
  min-height: 480px;
}

.vd-home-hero .wp-block-cover__image-background {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

/* Darken overlay a bit more for text readability */
.vd-home-hero .wp-block-cover__background {
  background: linear-gradient(
    180deg,
    rgba(10, 10, 10, 0.35) 0%,
    rgba(10, 10, 10, 0.55) 50%,
    rgba(10, 10, 10, 0.4) 100%
  ) !important;
  opacity: 1 !important;
}

.vd-home-hero .wp-block-cover__inner-container {
  width: 100%;
  max-width: 100%;
}

.vd-hero-copy {
  text-align: center;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 1rem;
}

.vd-hero-headline {
  color: #ffffff !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.45);
  margin: 0 !important;
  font-size: clamp(1.85rem, 4.5vw, 3.25rem) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
}

.vd-hero-tagline {
  color: rgba(255, 255, 255, 0.9) !important;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
  margin: 0.85rem 0 0 !important;
  font-size: clamp(1rem, 2.2vw, 1.25rem) !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  max-width: 36em;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 781px) {
  .vd-home-hero.wp-block-cover {
    min-height: 320px !important;
  }

  .vd-hero-headline {
    font-size: clamp(1.5rem, 6.5vw, 2rem) !important;
  }

  .vd-hero-tagline {
    font-size: 0.98rem !important;
    padding: 0 0.25rem;
  }
}

/* Buttons closer to Visapass */
.wp-block-button__link {
  border-radius: 4px !important;
}

.wp-block-button.is-style-fill .wp-block-button__link {
  background-color: var(--wp--preset--color--accent-1, #e48216);
}

/* Navigation spacing */
.wp-block-navigation a {
  font-weight: 500;
}