/**
 * @file
 * Page-level layout: main container, page-header banner, lower content, footer
 * shell. Interior look reproduced from campsaturna_fluid with tokens.
 */

.main-container {
  padding-top: var(--space-lg);
}
.path-frontpage .main-container {
  padding-top: 0;
}

.main-container a:not(.saturna-btn-white-green):not(:has(img)) {
  border-bottom: 1px dotted var(--color-green-dark);
}
.main-container a:hover {
  border-color: var(--color-green-bright);
}
.main-container li {
  margin-bottom: 15px;
}
.main-container ul {
  margin-bottom: var(--space-lg);
}

.lower-content {
  margin-top: var(--space-xl);
}

/* Page-header banner (interior pages) */
[role="page-header"] {
  position: relative;
}
.page-node-type-page .big-blue,
.page-node-type-webform-page .big-blue {
  background: var(--color-green-dark);
}
.page-node-type-page .big-blue,
.page-node-type-page .big-blue .row,
.page-node-type-page .big-blue .container,
.page-node-type-webform-page .big-blue,
.page-node-type-webform-page .big-blue .row,
.page-node-type-webform-page .big-blue .container {
  min-height: 250px;
}
@media (min-width: 992px) {
  .page-node-type-page .big-blue,
  .page-node-type-page .big-blue .row,
  .page-node-type-page .big-blue .container,
  .page-node-type-webform-page .big-blue,
  .page-node-type-webform-page .big-blue .row,
  .page-node-type-webform-page .big-blue .container {
    min-height: 400px;
  }
}

.no-background {
  margin-top: -90px;
  background-color: var(--color-green-muted-60);
  height: 200px;
}

.custom-header h1.page-header {
  margin: var(--space-md) 0 var(--space-lg) 0;
  position: absolute;
  bottom: 0;
}

.page-node-type-page .big-blue .page-header,
.page-node-type-webform-page .big-blue .page-header {
  color: var(--color-white);
  border: 0;
  padding-bottom: 0;
  margin-bottom: var(--space-md);
  text-shadow: 1px 1px black;
}

/* Footer shell */
.footer {
  margin-top: var(--space-2xl);
  margin-bottom: 0;
  padding: 0;
  font-size: 14px;
}
.footer .lower-footer {
  background-color: var(--color-green-muted-60);
  color: var(--color-white);
  padding-top: var(--space-lg);
}
.footer .lower-footer a { color: var(--color-white); }
.footer .container-footer { position: relative; }

/* Local task tabs (e.g. /user/login) */
.block-camp-local-tasks ul:not(.contextual-links) {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0 0 var(--space-md);
  padding: 0;
  list-style: none;
  border-bottom: 2px solid var(--color-green-dark);
}
.block-camp-local-tasks li a {
  display: block;
  padding: 8px 16px;
  border-radius: 3px 3px 0 0;
  color: var(--color-green-dark);
}
.block-camp-local-tasks li a:hover { background: var(--color-green-light); }
.block-camp-local-tasks li a.is-active { background: var(--color-green-dark); color: var(--color-white); }