/*
Theme Name: Capstone Museum Child
Template: kadence
Version: 1.0
*/


/* =========================
   ROOT VARIABLES
   ========================= */
:root {
  /* Colors */
  --color-header-bg: rgba(18, 12, 8, 0.85);
  --color-header-border: rgba(212, 175, 55, 0.25);

  /* Gold tones */
  --gold-light: #f3d67a;
  --gold-mid: #caa84b;
  --gold-dark: #b8892d;

  /* Gradients */
  --gold-gradient: linear-gradient(
    135deg,
    #caa84b 0%,
    #f3d67a 45%,
    #b8892d 100%
  );
}

/* =========================
   SITE BACKGROUND
   ========================= */
body.home,
body.page,
body.wp-theme-kadence,
body.wp-child-theme-capstone-museum-child {
  background:
    radial-gradient(circle at 15% 20%, rgba(120, 70, 20, 0.35), transparent 25%),
    radial-gradient(circle at 85% 10%, rgba(20, 70, 50, 0.35), transparent 25%),
    radial-gradient(circle at 75% 85%, rgba(90, 30, 30, 0.25), transparent 25%),
    #0f0c0f;
  color: #f3ede4;
}

/* Keep major wrappers transparent */
#wrapper,
#inner-wrap,
.site,
.site-main,
.content-wrap,
.content-container,
.site-container,
#primary,
#main {
  background: transparent;
}

/* Remove Kadence's light content box on pages */
article.entry.content-bg,
article.single-entry,
article.page,
.entry-content-wrap {
  background: transparent;
  box-shadow: none;
}

/* Optional: keep the page from feeling boxed in */
.entry-content-wrap {
  padding-top: 0;
  padding-bottom: 0;
}

#primary.content-area {
    margin-top: 1.3rem;
}

/* =========================
   HEADER BASE
   ========================= */

/* outer wrapper stays neutral */
#masthead {
    background: transparent;
}

/* normal header row */
#masthead .site-header-row-container-inner {
  
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

/* sticky header row */
#masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) > .site-header-row-container-inner,
#masthead .kadence-sticky-header.item-is-fixed.item-at-start > .site-header-row-container-inner {
   
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

/* keep inner structural wrappers transparent */
#masthead .site-header-wrap,
#masthead .site-header-upper-wrap,
#masthead .site-main-header-wrap {
    background: transparent;
}
 /* gold border bottom */
#masthead [data-section="kadence_customizer_header_main"] > .site-header-row-container-inner {
    border-bottom: 1px solid rgba(200, 169, 109, 0.2);
}

#masthead .site-branding {
    margin-top: -45px;
    padding-bottom: 30px;
}

#masthead .header-html a.header-secondary-btn,
#main-header a.button.header-button.button-size-medium.button-style-filled {
    margin-top: 20px;
}

@media (max-width: 1024px) {
    #masthead .site-branding {
        margin-top: 0;
        padding-top: 20px;
    }
}

/* =========================
   HEADER TEXT COLOR
   ========================= */

/* Main navigation links */
#masthead .site-navigation a,
#masthead .main-navigation a {
  color: #f3e7c2;
  text-decoration: none;
  transition: color 0.2s ease, text-shadow 0.2s ease, background 0.2s ease;
}

/* Main nav hover / focus */
#masthead .site-navigation a:hover,
#masthead .main-navigation a:hover,
#masthead .site-navigation a:focus,
#masthead .main-navigation a:focus {
  color: #f7d24a;
  text-shadow: 0 0 6px rgba(202, 168, 75, 0.35);
}

/* Current / active nav item */
#masthead .site-navigation .current-menu-item > a,
#masthead .site-navigation .current_page_item > a,
#masthead .site-navigation .current-menu-ancestor > a,
#masthead .main-navigation .current-menu-item > a,
#masthead .main-navigation .current_page_item > a,
#masthead .main-navigation .current-menu-ancestor > a {
  color: #caa84b;
}

/* =========================
   DROPDOWN MENUS
   ========================= */

/* Dropdown container */
#masthead .site-navigation .sub-menu,
#masthead .main-navigation .sub-menu,
#masthead .main-navigation ul ul {
  background: rgba(18, 12, 8, 0.96);
  border: 1px solid rgba(202, 168, 75, 0.25);
  border-radius: 12px;
  padding: 8px 0;
  min-width: 220px;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.35);
}

/* Dropdown links */
#masthead .site-navigation .sub-menu a,
#masthead .main-navigation .sub-menu a,
#masthead .main-navigation ul ul a {
  color: #f3e7c2;
  padding: 0.65rem 1rem;
  display: block;
  line-height: 1.4;
  text-decoration: none;
  background: transparent;
}

/* Dropdown hover / focus */
#masthead .site-navigation .sub-menu a:hover,
#masthead .main-navigation .sub-menu a:hover,
#masthead .site-navigation .sub-menu a:focus,
#masthead .main-navigation .sub-menu a:focus,
#masthead .main-navigation ul ul a:hover,
#masthead .main-navigation ul ul a:focus {
  background: rgba(202, 168, 75, 0.12);
  color: #f7d24a;
  text-shadow: none;
}

/* Current item inside dropdown */
#masthead .site-navigation .sub-menu .current-menu-item > a,
#masthead .main-navigation .sub-menu .current-menu-item > a,
#masthead .main-navigation ul ul .current-menu-item > a {
  color: #caa84b;
}

/* =========================
   HEADER BUTTON CONTAINER
   ========================= */
.site-header .header-button-wrap,
.site-header .header-html {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

/* =========================
   BUTTON SYSTEM
   ========================= */
   
   /* GOLD BUTTON  */
.btn-gold .wp-block-button__link,
.btn-gold .wp-block-button__link:link,
.btn-gold .wp-block-button__link:visited {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0.8rem 1.7rem;
    background: var(--gold-gradient);
    color: #1a120a;
    border: 1px solid rgba(191, 151, 66, 0.95);
    border-radius: 999px;
    font-family: "Josefin Sans", sans-serif;
    font-size: 0.98rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1;
    text-decoration: none;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.20),
        0 6px 18px rgba(0, 0, 0, 0.25);
    transition: all 0.25s ease;
}

.btn-gold .wp-block-button__link:hover,
.btn-gold .wp-block-button__link:focus {
    background: linear-gradient(
        135deg,
        #d6b364 0%,
        #f7df92 45%,
        #c59438 100%
    );
    color: #1a120a;
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.25),
        0 8px 20px rgba(0, 0, 0, 0.30);
}

/* -------------------------
   PRIMARY BUTTON (DEFAULT)
   Dark with gold border
------------------------- */
#masthead .header-html a.header-secondary-btn,
#masthead .header-html a.header-secondary-btn:link,
#masthead .header-html a.header-secondary-btn:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0.78rem 1.45rem;
  border: 1px solid rgba(212, 175, 55, 0.45);
  border-radius: 999px;
  background: rgba(18, 12, 8, 0.65);
  color: #f3e7c2;
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-decoration: none;
  transition: all 0.25s ease;
}

/* Hover */
#masthead .header-html a.header-secondary-btn:hover,
#masthead .header-html a.header-secondary-btn:focus {
  background: rgba(30, 22, 15, 0.85);
  border-color: rgba(243, 214, 122, 0.7);
  color: #fff6da;
  text-decoration: none;
  transform: translateY(-1px);
}

/* =========================
   GOLD CTA BUTTON
   Get the Password
   ========================= */
#main-header a.button.header-button.button-size-medium.button-style-filled,
#main-header a.button.header-button.button-size-medium.button-style-filled:link,
#main-header a.button.header-button.button-size-medium.button-style-filled:visited {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0.8rem 1.7rem;
    background: var(--gold-gradient);
    color: #1a120a;
    border: 1px solid rgba(191, 151, 66, 0.95);
    border-radius: 999px;
    font-family: "Josefin Sans", sans-serif;
    font-size: 0.98rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1;
    text-decoration: none;
    box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.20),
            0 6px 18px rgba(0, 0, 0, 0.25);

    transition: all 0.25s ease;
}

/* Hover */
#main-header a.button.header-button.button-size-medium.button-style-filled:hover,
#main-header a.button.header-button.button-size-medium.button-style-filled:focus {
    background: linear-gradient(
            135deg,
            #d6b364 0%,
            #f7df92 45%,
            #c59438 100%
    );
    color: #1a120a;
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.25),
            0 8px 20px rgba(0, 0, 0, 0.30);
}

/* =========================
   BUTTON SPACING
   ========================= */
.site-header .header-html {
    margin-right: 0.75rem;
}

/* =========================
   HERO COVER
   ========================= */
   
.wp-block-cover.hero-cover {
    position: relative;
    min-height: 550px;
    border-radius: 20px;
    overflow: hidden;
}

/* Image */
.wp-block-cover.hero-cover .wp-block-cover__image-background {
    object-fit: cover;
    object-position: center top;
}

/* Remove Gutenberg overlay */
.wp-block-cover.hero-cover .wp-block-cover__background {
    background: transparent;
    opacity: 0;
}

/* Bottom overlay only */
.wp-block-cover.hero-cover::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 40%;
    background: linear-gradient(
        to top,
        rgba(18, 12, 8, 0.92),
        rgba(18, 12, 8, 0.55) 45%,
        rgba(18, 12, 8, 0) 100%
    );
    pointer-events: none;
    z-index: 1;
}

/* Text container at bottom */
.wp-block-cover.hero-cover .wp-block-cover__inner-container {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 30px;
    z-index: 2;
    display: block;
    margin: 0;
}

.wp-block-cover.hero-cover .wp-block-cover__inner-container p {
    color: #f3e7c2;
    margin: 0 0 0.5rem 0;
    letter-spacing: 0.08em;
    font-size: 0.9rem;
}

/* Headline */
.wp-block-cover.hero-cover .wp-block-cover__inner-container h1 {
    color: #f3e7c2;
    max-width: 650px;
    line-height: 1.2;
    margin: 0;
}

/* =========================
   HERO CARD
   ========================= */
.hero-card {
    background: #141013;
    border: 1px solid rgba(200, 169, 109, 0.3);
    border-radius: 20px;
    padding: 30px;
    position: relative;
    overflow: hidden;
}

/* inner border */
.hero-card::after {
    content: "";
    position: absolute;
    inset: 10px;
    border: 1px solid rgba(200, 169, 109, 0.2);
    border-radius: inherit;
    pointer-events: none;
}

/* keep content above inner border layer */
.hero-card > * {
    position: relative;
    z-index: 2;
}

/* heading */
.hero-card h2 {
    color: #f3e7c2;
    margin: 0 0 1rem 0;
    line-height: 1.15;
}

/* body text */
.hero-card p {
    color: #f3ede4;
    line-height: 1.6;
}

/* button spacing */
.hero-card .wp-block-button {
    margin-top: 1.5rem;
}

/* Hero columns only */
.hero-columns {
    align-items: stretch;
}

/* Only the right hero column should flex */
.hero-card-column {
    display: flex;
}

/* Make the card fill the right column */
.hero-card {
    width: 100%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.wp-block-cover.hero-cover .eyebrow {
    color: #f3e7c2; 
}

.eyebrow {
    font-size: 0.75rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #caa84b;
    margin-bottom: 0.2rem;
    display: block;
}

/* =========================
   FEATURE SECTION INTRO
   ========================= */
.feature-section {
    max-width: 760px;
    margin: 0 0 2rem 0;
}

.feature-section .wp-block-heading,
.feature-section h2 {
    color: #f3ede4;
    margin: 0 0 0.6rem 0;
    line-height: 1.08;
}

.feature-section p:not(.eyebrow) {
    color: rgba(243, 237, 228, 0.78);
    font-size: 1.05rem;
    line-height: 1.65;
    max-width: 52rem;
    margin-top: 0;
}

.feature-section .eyebrow {
    margin-bottom: 0.2rem;
}

/* =========================
   FEATURE CARD TEXT
   ========================= */
.feature-card-content {
    padding: 0 22px 26px;
}

.feature-card .eyebrow {
    margin: 0 0 0.35rem 0;
    font-size: 0.7rem;
    letter-spacing: 0.16em;
    color: #caa84b;
}

.feature-card h3,
.feature-card .wp-block-heading {
    color: #f3ede4;
    margin: 0 0 0.75rem 0;
    line-height: 1.15;
}

.feature-card p:not(.eyebrow) {
    color: rgba(243, 237, 228, 0.78);
    margin: 0;
    line-height: 1.6;
    font-size: 0.95rem;
}

/* =========================
   FEATURE CARD (GRADIENT BORDER)
   ========================= */
.feature-card {
    background:
        linear-gradient(180deg, #151116, #151116) padding-box,
        linear-gradient(
            135deg,
            rgba(49, 77, 109, 0.78),
            rgba(209, 176, 115, 0.62),
            rgba(96, 37, 47, 0.82)
        ) border-box;
    border: 1px solid transparent;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* =========================
   CLICKABLE FEATURE CARD
   ========================= */
  
.feature-card {
    position: relative;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.feature-card:hover {
    transform: translateY(-4px);
    cursor: pointer;
}

/* make the title link look normal */
.feature-card h3 a,
.feature-card .wp-block-heading a {
    color: inherit;
    text-decoration: none;
}

/* stretch ONLY the title link across the whole card */
.feature-card h3 a::after,
.feature-card .wp-block-heading a::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 5;
}

/* Make all feature card images the same size */
.feature-card img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    display: block;
}

/* =========================
   INFO PANELS
   ========================= */

/* spacing between cards */
.info-panels {
    margin-top: 2.5rem;
    padding-top: 1.3rem;
}

/* the panel itself */
.info-panel {
    position: relative;
    padding: 26px 26px 28px;
    border-radius: 20px;
    background: rgba(18, 12, 8, 0.75);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    height: 100%;
}

/* outer subtle border */
.info-panel {
    border: 1px solid rgba(202, 168, 75, 0.25);
}

/* inner line (the double border look) */
.info-panel.panel-label::after {
    content: "";
    position: absolute;
    inset: 6px;
    border-radius: 16px;
    border: 1px solid rgba(202, 168, 75, 0.18);
    pointer-events: none;
}

/* heading */
.info-panel h3 {
    color: #f3ede4;
    margin: 0 0 0.5rem 0;
    line-height: 1.2;
}

/* paragraph */
.info-panel p {
    color: rgba(243, 237, 228, 0.75);
    margin: 0;
    line-height: 1.6;
    font-size: 0.95rem;
}

/* =========================
   CLICKABLE INFO PANEL
   ========================= */

.info-panel {
    position: relative;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.info-panel:hover {
    transform: translateY(-4px);
    cursor: pointer;
}

/* keep title link styling clean */
.info-panel h3 a {
    color: inherit;
    text-decoration: none;
}

/* stretch link across entire panel */
.info-panel h3 a::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 5;
}

/* =========================
   FOOTER
   ========================= */

.site-footer {
    border-top: 1px solid rgba(200, 169, 109, 0.2);
}

.site-footer .site-top-footer-wrap img {
    max-height: 80px;
    width: auto;
}

.site-footer .menu {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* =========================
   FOOTER NAV LINKS
   ========================= */

#colophon .footer-navigation .footer-menu-container > ul li > a,
#colophon .footer-navigation .footer-menu-container > ul li > a:link,
#colophon .footer-navigation .footer-menu-container > ul li > a:visited {
    color: #caa84b !important;
    text-decoration: none;
}

#colophon .footer-navigation .footer-menu-container > ul li > a:hover,
#colophon .footer-navigation .footer-menu-container > ul li > a:focus {
    color: #f7d24a !important;
}

#colophon .footer-navigation .footer-menu-container > ul li.current-menu-item > a,
#colophon .footer-navigation .footer-menu-container > ul li.current_page_item > a,
#colophon .footer-navigation .footer-menu-container > ul li.current-menu-ancestor > a {
    color: #b8892d !important;
}

/* =========================
   PAGE PANEL (IVORY + DOUBLE BORDER)
   ========================= */

.page-panel {
    position: relative;
    max-width: 1100px;
    margin: 40px auto;
    padding: 40px 48px;
    border-radius: 20px;

    background:
    linear-gradient(#f3ede4, #f3ede4) padding-box,
    linear-gradient(
        135deg,
        rgba(120, 90, 30, 0.9),
        rgba(202, 168, 75, 0.9),
        rgba(120, 90, 30, 0.95)
    ) border-box;

    border: 1px solid transparent;
}

/* inner subtle border (double gold effect) */
.page-panel::after {
    content: "";
    position: absolute;
    inset: 10px;
    border-radius: 16px;
    border: 1px solid rgba(180, 140, 60, 0.9);
    pointer-events: none;
}

/* =========================
   TEXT 
   ========================= */

.page-panel {
    color: #1f1610;
}

.page-panel h1,
.page-panel h2,
.page-panel h3,
.page-panel h4 {
    color: #1f1610;
}

.entry-content .page-panel h2 {
    margin-top: 2rem;
    margin-bottom: 0.75rem;
}

.entry-content .page-panel h2:first-of-type {
    margin-top: 0;
}

.page-panel p,
.page-panel li {
    color: #3a2e26;
}

.entry-content .page-panel p {
    margin-top: 0;
    margin-bottom: 0.8rem;
}

.entry-content .page-panel p:last-child {
    margin-bottom: 0;
}
/* =========================
   IMAGES
   ========================= */

/* single large images */
.page-image img {
    width: 100%;
    max-height: 420px;
    object-fit: cover;
    border-radius: 16px;
    display: block;
    margin: 20px 0 30px;
}

/* two-column image rows */
.page-image-row {
    margin: 20px 0 30px;
    gap: 20px;
}

.page-image-row img {
    width: 100%;
    border-radius: 16px;
}

/* =========================
   PAGE PANEL LINKS
   ========================= */

.entry-content .page-panel a {
    color: #caa84b;
    text-decoration: none;
    font-weight: 500;
    border-bottom: 1px solid rgba(202, 168, 75, 0.4);
    transition: all 0.2s ease;
}

.entry-content .page-panel a:hover {
    color: #a8842f;
    border-bottom-color: #a8842f;
}

/* =========================
   PANEL CTA LINK
   ========================= */

.entry-content .page-panel .panel-cta {
    display: inline-block;
    margin-top: 1rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #caa84b;
    text-decoration: none;
    position: relative;
}

/* subtle underline bar */
.entry-content .page-panel .panel-cta::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 1px;
    background: rgba(202, 168, 75, 0.5);
    transition: all 0.25s ease;
}

/* hover effect */
.entry-content .page-panel .panel-cta:hover {
    color: #a8842f;
}

.entry-content .page-panel .panel-cta:hover::after {
    background: #a8842f;
    transform: scaleX(1.05);
}

/* =========================
   PAGE PANEL LISTS
   ========================= */

.entry-content .page-panel ul {
    list-style: none;
    padding-left: 0;
    margin: 1rem 0;
}

.entry-content .page-panel ul li {
    position: relative;
    padding-left: 1.2rem;
    margin-bottom: 0.5rem;
    color: #3a2e26;
}

/* custom gold bullet */
.entry-content .page-panel ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.6em;
    width: 6px;
    height: 6px;
    background: #caa84b;
    border-radius: 50%;
}

/* =========================
   WPFORMS SUBMIT BUTTON
   ========================= */

.entry-content div.wpforms-container-full .wpforms-form input[type="submit"].wpforms-submit,
.entry-content div.wpforms-container-full .wpforms-form button[type="submit"].wpforms-submit {
    background-color: #caa84b;
    background-image: none;
    color: #1f1610;
    border: 1px solid rgba(191, 151, 66, 0.95);
    border-radius: 999px;
    padding: 0.8rem 1.7rem;
    font-family: "Josefin Sans", sans-serif;
    font-size: 0.98rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1;
    text-transform: none;
    width: auto;
    height: auto;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.20),
                0 6px 18px rgba(0, 0, 0, 0.25);
    cursor: pointer;
    transition: all 0.25s ease;
}

.entry-content div.wpforms-container-full .wpforms-form input[type="submit"].wpforms-submit:hover,
.entry-content div.wpforms-container-full .wpforms-form button[type="submit"].wpforms-submit:hover {
    background-color: #a8842f;
    background-image: none;
    color: #ffffff;
    border-color: #a8842f;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25),
                0 8px 20px rgba(0, 0, 0, 0.30);
}

/* =========================
   FAQ ACCORDION
   ========================= */

/* Accordion item (card) — MATCHES page-panel */
.page-panel .museum-faq .wp-block-accordion-item {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 18px;

  background:
    linear-gradient(#f3ede4, #f3ede4) padding-box,
    linear-gradient(
      135deg,
      rgba(120, 90, 30, 0.9),
      rgba(202, 168, 75, 0.9),
      rgba(120, 90, 30, 0.95)
    ) border-box;

  border: 1px solid transparent;
}

.page-panel .museum-faq .wp-block-accordion-item::after {
  content: "";
  position: absolute;
  inset: 6px;
  border-radius: 12px;
  border: 1px solid rgba(180, 140, 60, 0.9);
  pointer-events: none;
}

/* Accordion header (question) */
.page-panel .museum-faq .wp-block-accordion-heading__toggle {
  background: transparent;
  color: #1f1610; /* default body text */
  font-family: inherit;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: normal;
  text-transform: none;
  border: none;
  padding: 18px 22px 14px;
  transition: color 0.2s ease;
}

/* Hover state */
.page-panel .museum-faq .wp-block-accordion-heading__toggle:hover {
  color: #caa84b; /* gold */
}

/* Title + icon inherit */
.page-panel .museum-faq .wp-block-accordion-heading__toggle-title {
  font: inherit;
  color: inherit;
}

.page-panel .museum-faq .wp-block-accordion-heading__toggle-icon {
  color: inherit;
}

/* Answer panel */
.page-panel .museum-faq .wp-block-accordion-panel {
  padding: 14px 20px 10px;
  color: #1f1610;
}

/* Paragraph text */
.page-panel .museum-faq .wp-block-accordion-panel p {
  margin-top: 0;
  font-size: 0.95rem;
  line-height: 1.6;
}

.page-panel .museum-faq .wp-block-accordion-heading__toggle {
  box-shadow: none;
  border-bottom: none;
}

/* Hover glow (very light) */
.page-panel .museum-faq .wp-block-accordion-item:hover {
  box-shadow:
    inset 0 0 0 2px rgba(243, 214, 122, 0.9),
    0 0 10px rgba(243, 214, 122, 0.35);
}

/* =========================
   ULTIMATE MEMBER BUTTONS 
   ========================= */

/* GOLD BUTTON (REGISTER) */
.page-panel .um input[type="submit"].um-button:not(.um-alt),
.page-panel .um button.um-button:not(.um-alt),
.page-panel .um a.um-button:not(.um-alt) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0.8rem 1.7rem;
  background: var(--gold-gradient);
  color: #1a120a;
  border: 1px solid rgba(191, 151, 66, 0.95);
  border-radius: 999px;
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.98rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1;
  text-decoration: none;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.20),
    0 6px 18px rgba(0, 0, 0, 0.25);
  transition: all 0.25s ease;
}

/* GOLD HOVER */
.page-panel .um input[type="submit"].um-button:not(.um-alt):hover,
.page-panel .um button.um-button:not(.um-alt):hover,
.page-panel .um a.um-button:not(.um-alt):hover {
  background: linear-gradient(
    135deg,
    #d6b364 0%,
    #f7df92 45%,
    #c59438 100%
  );
  color: #1a120a;
  text-decoration: none;
  transform: translateY(-1px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.25),
    0 8px 20px rgba(0, 0, 0, 0.30);
}

/* ALT BUTTON (LOGIN — MATCH "I Know the Password") */
.page-panel .um a.um-button.um-alt,
.page-panel .um a.um-alt,
.page-panel .um input[type="submit"].um-button.um-alt,
.page-panel .um button.um-button.um-alt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0.78rem 1.45rem;
  border: 1px solid rgba(212, 175, 55, 0.45);
  border-radius: 999px;
  background: #120c08;
  color: #f3e7c2;
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  line-height: 1;
  text-decoration: none;
  box-shadow: none;
  transition: all 0.25s ease;
}

/* ALT HOVER */
.page-panel .um a.um-button.um-alt:hover,
.page-panel .um a.um-alt:hover,
.page-panel .um input[type="submit"].um-button.um-alt:hover,
.page-panel .um button.um-button.um-alt:hover {
  background: rgba(30, 22, 15, 0.85);
  border-color: rgba(243, 214, 122, 0.7);
  color: #fff6da;
  text-decoration: none;
  transform: translateY(-1px);
}

/* UM help icon hover */
.page-panel .um .um-icon-help-circled {
  color: #1f1610; 
  transition: color 0.2s ease;
}

.page-panel .um .um-icon-help-circled:hover {
  color: #caa84b; 
  text-shadow: 0 0 6px rgba(202, 168, 75, 0.4);
}

/* =========================
   HIDDEN FACT CARD
   ========================= */

.page-panel .hidden-fact-card {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  margin: 2rem 0;

  background:
    linear-gradient(#f3ede4, #f3ede4) padding-box,
    linear-gradient(
      135deg,
      rgba(120, 90, 30, 0.9),
      rgba(202, 168, 75, 0.9),
      rgba(120, 90, 30, 0.95)
    ) border-box;

  border: 1px solid transparent;
  min-height: 220px;
  cursor: pointer;
}

/* inner gold line */
.page-panel .hidden-fact-card::after {
  content: "";
  position: absolute;
  inset: 8px;
  border-radius: 12px;
  border: 1px solid rgba(180, 140, 60, 0.9);
  pointer-events: none;
  z-index: 3;
}

/* both inner groups fill the card */
.page-panel .hidden-fact-card .hidden-fact-cover,
.page-panel .hidden-fact-card .hidden-fact-reveal {
  position: absolute;
  inset: 0;
  padding: 24px;
}

/* COVER */
.page-panel .hidden-fact-card .hidden-fact-cover {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 2;

  background: rgba(18, 12, 8, 0.82);
  color: #f3e7c2;
  text-align: center;

  transition:
    transform 0.35s ease,
    opacity 0.35s ease,
    box-shadow 0.35s ease;
}

/* small label */
.page-panel .hidden-fact-card .hidden-fact-cover p:first-child {
  margin: 0 0 0.5rem 0;
  font-size: 0.75rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #caa84b;
}

/* main cover text */
.page-panel .hidden-fact-card .hidden-fact-cover p:last-child {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  color: #f3ede4;
}

/* REVEAL */
.page-panel .hidden-fact-card .hidden-fact-reveal {
  z-index: 1;
  background: transparent;
  color: #3a2e26;

  opacity: 0;
  transform: translateY(100%);
  transition:
    transform 0.35s ease,
    opacity 0.35s ease;
}

/* reveal title */
.page-panel .hidden-fact-card .hidden-fact-reveal p:first-child {
  margin: 0 0 0.75rem 0;
  font-size: 1rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #aa6c39;
}

/* reveal paragraphs */
.page-panel .hidden-fact-card .hidden-fact-reveal p {
  margin-top: 0;
  margin-bottom: 0.8rem;
  line-height: 1.6;
}

/* CLICK / TAP INTERACTION */
.page-panel .hidden-fact-card.is-open .hidden-fact-cover {
  transform: translateY(-100%);
  opacity: 0;
  box-shadow: 0 0 14px rgba(202, 168, 75, 0.22);
}

.page-panel .hidden-fact-card.is-open .hidden-fact-reveal {
  opacity: 1;
  transform: translateY(0);
}

/* optional subtle glow */
.page-panel .hidden-fact-card.is-open {
  box-shadow: 0 0 12px rgba(202, 168, 75, 0.18);
}

.page-panel .hidden-fact-card:hover {
  box-shadow: 0 0 8px rgba(202, 168, 75, 0.14);
}

/* make the outer card a firm height */
.page-panel .hidden-fact-card {
  min-height: 320px;
}

/* make both inner groups truly fill the card */
.page-panel .hidden-fact-card .hidden-fact-cover,
.page-panel .hidden-fact-card .hidden-fact-reveal {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  margin: 0;
}

/* remove Gutenberg group spacing weirdness */
.page-panel .hidden-fact-card .hidden-fact-cover.wp-block-group,
.page-panel .hidden-fact-card .hidden-fact-reveal.wp-block-group {
  min-height: 100%;
  margin: 0;
}

/* keep reveal content aligned nicely */
.page-panel .hidden-fact-card .hidden-fact-reveal {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* =========================
   EXHIBITIONS / EVENTS PANEL
   ========================= */

.page-panel .museum-event-panel {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  margin: 2rem 0;

  /* darker gradient border */
 background:
  linear-gradient(#f3ede4, #f3ede4) padding-box,
  linear-gradient(
    135deg,
    #5a4618,
    #caa84b,
    #5a4618
  ) border-box;

  border: 2px solid transparent;
}

/* spacing inside */
.page-panel .museum-event-panel .wp-block-columns {
  margin: 0;
}

.page-panel .museum-event-panel .wp-block-column {
  padding: 24px;
}

/* image styling */
.page-panel .museum-event-panel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

/* eyebrow */
.page-panel .museum-event-panel p:first-child {
  margin: 0 0 0.5rem 0;
  font-size: 0.75rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #caa84b;
}

/* heading */
.page-panel .museum-event-panel h2,
.page-panel .museum-event-panel h3 {
  margin-top: 0;
  margin-bottom: 0.6rem;
  color: #1f1610;
}

/* paragraph */
.page-panel .museum-event-panel p {
  color: #3a2e26;
  line-height: 1.6;
}

/* =========================
   MOBILE: FULL-WIDTH PAGE PANEL
   ========================= */

@media (max-width: 768px) {
  .page-panel {
    margin: 0;
    border-radius: 0;
    padding: 24px 20px;

    /* remove gradient border */
    background: #f3ede4;
    border: none;
  }

  /* remove inner border */
  .page-panel::after {
    display: none;
  }
}