/*
Theme Name:   Kadence Child — Lignum Leiden
Template:     kadence
Version:      1.0.0
*/

:root {
  --lignum-blauw:       #1B3A6B;
  --lignum-amber:       #C4882A;
  --lignum-achtergrond: #F4ECD8;
  --lignum-eiken:       #E5D5B0;
  --lignum-tekst:       #2A1E0E;
  --lignum-wit:         #FFFCF5;
}


/* ── Page hero banner (all pages) ── */
.lignum-page-hero {
  background-color: var(--lignum-blauw);
  width: 100vw;
  margin-left: calc(50% - 50vw);
  padding: 20px 48px;
}
.lignum-page-hero__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  max-width: 1200px;
  margin: 0 auto;
}
.lignum-page-hero__logo img {
  width: 140px;
  height: auto;
  display: block;
  flex-shrink: 0;
}
.lignum-page-hero__title h1 {
  color: var(--lignum-wit);
  font-size: clamp(1.4rem, 3vw, 2rem);
  margin: 0 0 6px 0;
  font-weight: 700;
}
.lignum-page-hero__title p {
  color: rgba(255,252,245,0.8);
  font-size: clamp(0.9rem, 1.6vw, 1rem);
  margin: 0;
}
/* Hide Kadence's built-in entry-hero section and title — our PHP hero replaces them */
.page .entry-hero,
.page .entry-header,
.page .wp-block-post-title {
  display: none !important;
}

/* Remove all top spacing between the nav and our hero on regular pages */
.page #primary,
.page .content-container,
.page #main,
.page .content-wrap,
.page article.entry,
.page .entry-content-wrap,
.page .entry-content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Remove white backgrounds from all content wrappers — page blocks define their own */
.page article.entry,
.page .content-wrap,
.page #main,
.page .entry-content-wrap {
  background: transparent !important;
  box-shadow: none !important;
}

/* First content block: reduce top padding since hero already provides separation */
.page .entry-content > .wp-block-group.alignfull:first-child {
  padding-top: 24px !important;
}
/* Home page: logo in hero, hide from header */

/* ── Home page: logo lives in hero, hide it from header ── */
.home .site-logo {
  display: none !important;
}

/* ── Nav hover ── */
.main-navigation a:hover {
  color: #C4882A !important;
}

/* ── Active nav item: amber + bold + underline ── */
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a,
.main-navigation a[aria-current="page"] {
  color: #C4882A !important;
  font-weight: 700 !important;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}

/* ── Hero section (Group block) ── */
.home .wp-block-group.alignfull:first-of-type h1 {
  font-size: clamp(1.5rem, 4vw, 2.2rem);
  line-height: 1.2;
}
.home .wp-block-group.alignfull:first-of-type p {
  font-size: clamp(0.9rem, 2vw, 1rem);
}


/* ── The Events Calendar ── */
/* Remove wrapper spacing when the hero is a direct child of the content container.
   This only matches the events page structure (regular pages nest the hero inside .entry-content). */
.content-container:has(> .lignum-page-hero),
.content-area:has(> .content-container > .lignum-page-hero),
#inner-wrap:has(> .content-area > .content-container > .lignum-page-hero) {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* TEC full-width layout */
.events-archive .content-container,
.events-archive .entry-content-wrap,
.events-archive .site-container,
.tribe-events-pg-template .content-container {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.tribe-events.tribe-common {
  max-width: 900px;
  margin: 0 auto;
  padding: 40px 24px;
}

/* Hide search bar and Upcoming/date navigation */
.tribe-events .tribe-events-header__events-bar,
.tribe-events .tribe-events-c-top-bar {
  display: none !important;
}

/* TEC page background */
.events-archive .site-content,
.tribe-events-pg-template,
.tribe-events {
  background-color: var(--lignum-achtergrond) !important;
}

/* TEC headings and titles */
.tribe-events .tribe-events-header__title,
.tribe-events-list .tribe-event-schedule-details,
.tribe-common-h2, .tribe-common-h3,
.tribe-events-calendar .tribe-events-month-grid-cell__date {
  color: var(--lignum-blauw) !important;
}

/* Event title links */
.tribe-events-list .tribe-event-url,
.tribe-event-url, .tribe-events-list a.url,
.tribe-block__event__title a,
.tribe-common-anchor-thin {
  color: var(--lignum-blauw) !important;
}
.tribe-events-list .tribe-event-url:hover,
.tribe-common-anchor-thin:hover {
  color: var(--lignum-amber) !important;
}

/* Buttons */
.tribe-common-c-btn,
.tribe-events .tribe-events-c-nav__next-button,
.tribe-events .tribe-events-c-nav__prev-button,
.tribe-common-c-btn-border {
  background-color: var(--lignum-blauw) !important;
  border-color: var(--lignum-blauw) !important;
  color: #FFFCF5 !important;
}
.tribe-common-c-btn:hover,
.tribe-events .tribe-events-c-nav__next-button:hover,
.tribe-events .tribe-events-c-nav__prev-button:hover {
  background-color: var(--lignum-amber) !important;
  border-color: var(--lignum-amber) !important;
}

/* Today button */
.tribe-events .tribe-events-c-nav__today {
  border-color: var(--lignum-blauw) !important;
  color: var(--lignum-blauw) !important;
}

/* Search bar */
.tribe-events .tribe-events-c-search__input-control {
  background-color: var(--lignum-wit) !important;
  border-color: var(--lignum-eiken) !important;
}

/* Event cards */
.tribe-events-list .tribe-events-calendar-list__event-row {
  border-color: var(--lignum-eiken) !important;
  background-color: var(--lignum-wit) !important;
}

/* Date badge */
.tribe-events-list .tribe-events-calendar-list__event-date-tag-daynum,
.tribe-events-calendar-list__event-date-tag-weekday {
  color: var(--lignum-blauw) !important;
}

/* Month separator */
.tribe-events-calendar-list__month-separator-text {
  color: var(--lignum-amber) !important;
  border-color: var(--lignum-eiken) !important;
}

/* ── Media page: 5th video matches column width ── */
.lignum-video-centered {
  max-width: calc(50% - 12px);
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ── Home: concert label — override inline text-transform ── */
.home .wp-block-group p.has-background.has-text-color {
  text-transform: none !important;
  letter-spacing: normal !important;
}

/* ── Home concert poster: keep it compact ── */
.home .wp-block-columns .wp-block-image {
  display: flex;
  justify-content: center;
}
.home .wp-block-columns .wp-block-image img {
  max-height: 360px;
  max-width: 240px;
  width: 100% !important;
  object-fit: contain;
}

/* ── Mobile tweaks ── */
@media (max-width: 600px) {
  .home .wp-block-cover:first-of-type {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .wp-block-columns {
    flex-direction: column;
  }
  /* Concert bar wraps on small screens */
  .home .wp-block-cover .wp-block-group p {
    font-size: 0.82rem !important;
    text-align: center;
  }
}