/* =================================================
   Hull BSAC – Site Overrides
   -------------------------------------------------
   Purpose:
   - Minimal, safe overrides to legacy Weebly CSS
   - Enforce consistent layout and behaviour
   - Fix known Weebly export defects
   - Avoid page-specific hacks
================================================= */


/* -------------------------------------------------
   Base document defaults
-------------------------------------------------- */
body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
}


/* -------------------------------------------------
   Image safety
   Prevent images from breaking layout on resize
-------------------------------------------------- */
img {
  max-width: 100%;
  height: auto;
}


/* -------------------------------------------------
   Logo / banner normalization
   Defensive rule retained for safety in case
   Weebly-generated heading markup appears
-------------------------------------------------- */
#logo h1,
#logo h1 span {
  font-size: inherit;
  line-height: inherit;
}


/* -------------------------------------------------
   FIX: Ghosted Weebly highlight buttons
   -------------------------------------------------
   Problem:
   Exported Weebly sites miss editor-only CSS,
   causing highlight buttons to appear faded.

   Solution:
   Force full opacity and normal text rendering
   globally, including page-scoped overrides.
-------------------------------------------------- */
.wsite-button-highlight,
.wsite-page-about .wsite-button-highlight {
  opacity: 1 !important;
  text-shadow: none !important;
  filter: none !important;
}


/* -------------------------------------------------
   FIX: Weebly paragraph truncation (ellipsis bug)
   -------------------------------------------------
   Problem:
   Weebly applies -webkit-line-clamp to paragraph
   spans, truncating long historical text.

   Solution:
   Explicitly disable truncation behaviour.
-------------------------------------------------- */
.wsite-content .paragraph .wsite-content-text {
  display: block;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  -webkit-line-clamp: unset;
  -webkit-box-orient: unset;
}


/* =================================================
   GALLERY SYSTEM (CLEAN & MAINTAINABLE)
   ================================================= */

.gallery-section {
  margin: 3rem 0;
}

.gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 1rem;
}

.gallery-item {
  display: block;
  position: relative;
  overflow: hidden;
}

.gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* =================================================
   Weebly Highlight Button
   -------------------------------------------------
   Problem:
   Exported Weebly sites miss editor-only CSS,
   causing highlight buttons to appear faded.

   Affected buttons:
   - "How it all Began" (About page)
   - "Send message" (Contact page)

   Solution:
   Force full opacity and reset legacy effects
   across all pages.
================================================= */

.wsite-button,
.wsite-button-highlight {
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
  background-image: none !important;
  appearance: auto !important;
  -webkit-appearance: auto !important;
}

/* =================================================
   Weebly Button Ghosting
   -------------------------------------------------
   Root cause:
   Weebly applies opacity to .wsite-button-inner,
   which survives static export and causes faded
   buttons.

   Fix:
   Force inner wrapper to full opacity.
================================================= */

.wsite-button-inner {
  opacity: 1 !important;
}

.wsite-button-wrap {
  opacity: 1 !important;
}