/* ==================================================
   AFRISURGE – GALLERY PAGE (PROFESSIONAL, MODERN)
   ================================================== */

/* ===============================
   PAGE BASE
   =============================== */

.afrisurge-ui {
  background: #f6f5f2;
}

/* ===============================
   COLLECTION SELECTOR (TOP)
   =============================== */

.afrisurge-gallery-selector {
  background: linear-gradient(
    to bottom,
    #ffffff,
    #f9f8f6
  );
  padding: 3.5rem 1.5rem 3rem;
  text-align: center;
  border-bottom: 1px solid rgba(0,0,0,0.06);
}

/* Title */
.afrisurge-gallery-selector h1 {
  font-family: serif;
  font-size: clamp(2.2rem, 4.5vw, 3.2rem);
  color: #0f5132;
  margin-bottom: 0.8rem;
  letter-spacing: 0.04em;
}

/* Subtitle */
.afrisurge-gallery-selector p {
  max-width: 720px;
  margin: 0 auto 2.4rem;
  font-size: 1.05rem;
  color: #555;
}

/* ===============================
   SELECT CONTROL (UPGRADED)
   =============================== */

.afrisurge-gallery-selector select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  background:
    linear-gradient(135deg, #ffffff, #f4f2ee);
  border: 1px solid rgba(0,0,0,0.15);
  border-radius: 999px;

  padding: 1.1rem 3.2rem 1.1rem 1.8rem;
  font-size: 1.05rem;
  font-weight: 500;
  color: #1a1a1a;

  min-width: 320px;
  max-width: 90%;

  cursor: pointer;

  box-shadow:
    0 12px 28px rgba(0,0,0,0.12);

  transition:
    box-shadow .3s ease,
    border-color .3s ease,
    transform .25s ease;
}

/* Custom arrow */
.afrisurge-gallery-selector select {
  background-image:
    url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24'%3E%3Cpath fill='%230f5132' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1.6rem center;
  background-size: 18px;
}

.afrisurge-gallery-selector select:hover {
  transform: translateY(-1px);
  box-shadow:
    0 18px 42px rgba(0,0,0,0.16);
}

.afrisurge-gallery-selector select:focus {
  outline: none;
  border-color: #0f5132;
  box-shadow:
    0 0 0 4px rgba(15,81,50,0.18),
    0 18px 42px rgba(0,0,0,0.18);
}

/* ===============================
   SEARCH AREA
   =============================== */

.afrisurge-gallery-search {
  padding: 3.5rem 1.5rem 5rem;
}

/* Search container */
.afrisurge-gallery-search-box {
  max-width: 1500px;
  margin: 0 auto;

  background: #ffffff;
  padding: 2.8rem 2.6rem;

  border-radius: 2.6rem;

  box-shadow:
    0 28px 70px rgba(0,0,0,0.14);

  transition: box-shadow .3s ease;
}

/* Slight lift on hover (desktop only) */
@media (hover: hover) {
  .afrisurge-gallery-search-box:hover {
    box-shadow:
      0 36px 90px rgba(0,0,0,0.18);
  }
}

/* ===============================
   TAINACAN CONTENT TUNING
   =============================== */

/* Reduce visual noise inside Tainacan */
.afrisurge-gallery-search-box .tainacan-facets,
.afrisurge-gallery-search-box .tainacan-items-list {
  margin-top: 1.5rem;
}

/* ===============================
   MOBILE REFINEMENTS
   =============================== */

@media (max-width: 768px) {

  .afrisurge-gallery-selector {
    padding: 3rem 1.2rem 2.6rem;
  }

  .afrisurge-gallery-selector select {
    width: 100%;
    min-width: unset;
    padding: 1.1rem 3rem 1.1rem 1.6rem;
  }

  .afrisurge-gallery-search {
    padding: 3rem 1.2rem 4rem;
  }

  .afrisurge-gallery-search-box {
    padding: 2rem 1.6rem;
    border-radius: 2rem;
  }
}






/* =========================================
   TAINACAN ITEM CARD – AFRISURGE HIERARCHY
   ========================================= */

/* Card container */
.tainacan-item {
  border-radius: 1.6rem;
  box-shadow: 0 18px 40px rgba(0,0,0,0.12);
  transition: transform .35s ease, box-shadow .35s ease;
}

.tainacan-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 28px 60px rgba(0,0,0,0.18);
}

/* TITLE – primary focus */
.tainacan-item-title {
  font-family: serif;
  font-size: 1.45rem;
  color: #0f5132;
  margin-bottom: 0.6rem;
}

/* Metadata wrapper */
.tainacan-item-metadata {
  margin-top: 0.6rem;
}

/* Metadata label */
.tainacan-item-metadata__label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #888;
}

/* Metadata value */
.tainacan-item-metadata__value {
  font-size: 0.95rem;
  color: #333;
  margin-bottom: 0.4rem;
}

/* GROUP cultural & geographic fields */
.tainacan-item-metadata[data-metadata-slug="culture"],
.tainacan-item-metadata[data-metadata-slug="chef"],
.tainacan-item-metadata[data-metadata-slug="lieu"] {
  background: rgba(212,163,115,0.08);
  padding: 0.8rem 1rem;
  border-radius: 0.9rem;
  margin-bottom: 0.6rem;
}

/* INVENTORY NUMBER – quiet but visible */
.tainacan-item-metadata[data-metadata-slug="object-number"] {
  font-size: 0.8rem;
  color: #777;
  margin-top: 0.4rem;
}

/* DESCRIPTION */
.tainacan-item-description {
  margin-top: 1rem;
  font-size: 0.95rem;
  line-height: 1.6;
  color: #444;
}

/* SECONDARY / TECHNICAL METADATA */
.tainacan-item-metadata[data-visibility="secondary"] {
  font-size: 0.8rem;
  color: #999;
  margin-top: 0.8rem;
}