/* ===================================================================
   สโมสรเสือป่า ราชบุรี | Digital Heritage Archive Stylesheet
   =================================================================== */

/* Custom Typography & Parchment Theme */
body {
  background-color: #fbf9f4;
  color: #2b2b2b;
  font-family: 'Sarabun', sans-serif;
}

/* Vintage Ornamental Border */
.vintage-border {
  border: 1px solid rgba(197, 155, 39, 0.35);
  position: relative;
}

.vintage-border::before {
  content: '';
  position: absolute;
  top: 3px; 
  left: 3px; 
  right: 3px; 
  bottom: 3px;
  border: 1px dashed rgba(197, 155, 39, 0.2);
  pointer-events: none;
}

/* Dropcap for opening narrative paragraph */
.dropcap::first-letter {
  font-family: 'Bai Jamjuree', serif;
  font-size: 3.4em;
  float: left;
  line-height: 0.8;
  margin: 0.1em 0.18em 0.05em 0;
  color: #c59b27;
  font-weight: 700;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
}

/* Accessible Font Size Scaling */
html.font-sm { 
  font-size: 15px; 
}
html.font-md { 
  font-size: 17px; 
}
html.font-lg { 
  font-size: 20px; 
}

/* Custom Heritage Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #f1ece1;
}
::-webkit-scrollbar-thumb {
  background: #c59b27;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #8c6b12;
}

/* Image Card Hover Zoom Effect */
.image-card-zoom {
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.group:hover .image-card-zoom {
  transform: scale(1.05);
}

/* Quick Nav Dropdown Animation */
#quick-nav-dropdown {
  transform-origin: top right;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Lightbox Image Transition */
#lightbox-img {
  transition: opacity 0.2s ease-in-out;
}