/*
Theme Name: Saxmas
Theme URI: https://sjsaxmas.com
Description: Clean, classic styling for Saxophone Christmas — child theme of OceanWP.
Author: Jeff Bell / SaxMas Team
Author URI: https://sjsaxmas.com
Template: oceanwp
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: saxmas
*/

/* ---------- GLOBAL LAYOUT ---------- */

body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background: white;
}

#page {
    max-width: 1000px;      /* Match banner width */
    margin: 0 auto;
    background: white;
}

/* ---------- HEADER / BANNER ---------- */

.saxmas-header-img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

/* ---------- NAVIGATION MENU ---------- */

.saxmas-nav {
    width: 100%;
    background: white;
    text-align: center;
    margin: 0;
    padding: 0;
    border-bottom: 2px solid #990000; /* thin red line like original */
}

.saxmas-nav .menu {
    list-style: none;
    padding: 5px 0;
    margin: 0;
    display: flex;
    justify-content: center;
    gap: 25px;
}

.saxmas-nav .menu li {
    display: inline-block;
}

.saxmas-nav .menu li a {
    color: black !important;     /* always black */
    text-decoration: none;
    font-size: 18px;
    padding: 4px 8px;
}

.saxmas-nav .menu li a:hover,
.saxmas-nav .menu li.current-menu-item > a,
.saxmas-nav .menu li.current_page_item > a {
    color: #990000 !important;   /* holiday red */
    text-decoration: underline;
}

/* ---------- FRONT PAGE HEADLINE FONT ---------- */

@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');

.saxmas-headline {
    font-family: 'Great Vibes', cursive;
    font-size: 42px;
    text-align: center;
    color: #600000;
    margin-top: 20px;
    margin-bottom: 10px;
}

/* Center performance section text */
.saxmas-performances, .saxmas-performances p {
    text-align: center;
}

/* ---------- JOIN US PAGE LAYOUT ---------- */

.joinus img {
    float: left;
    width: 40%;
    margin: 0 20px 10px 0;
}

.joinus p {
    text-align: justify;
    line-height: 1.4;
}

/* ---------- REGISTER FORM CARDS ---------- */

.saxmas-registration-card {
    border: 2px solid #990000;
    padding: 15px;
    margin-top: 20px;
    background: #fafafa;
}

.saxmas-player-card {
    border: 1px solid #ccc;
    padding: 8px;
    background: white;
    margin-top: 8px;
}

/* Buttons */
.saxmas-btn-add {
    background: green;
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    margin-top: 10px;
}

.saxmas-btn-remove {
    background: #b30000;
    color: white;
    border: none;
    padding: 6px;
    cursor: pointer;
    margin-top: 8px;
}

.saxmas-btn-pay {
    background: #0070ba;
    color: white;
    padding: 12px;
    border: none;
    cursor: pointer;
    margin-top: 12px;
}

.saxmas-total-box {
    margin-top: 12px;
    font-size: 22px;
    font-weight: bold;
}

/* -------- LAYOUT PREP FOR FUTURE LEFT SIDEBAR -------- */

.saxmas-layout {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 20px;
}

.saxmas-sidebar {
    width: 240px;
}

/* -------- CLEAR FIXES -------- */

.clearfix::after {
    content: "";
    display: table;
    clear: both;
}
/* --- Optional item rows: inline layout --- */
.saxmas-form-row.optional-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}

.saxmas-form-row.optional-row span {
    white-space: nowrap;
    font-size: 14px;
}

/* Qty box small, size dropdown compact */
#tQty, #sQty {
    width: 50px !important;
}

#tOptSize, #sOptSize {
    width: 90px !important;
}

/* Center total in box */
.saxmas-total-box {
    text-align: center !important;
}
/* Optional rows inline */
.saxmas-form-row.optional-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Qty small, Size compact */
#tQty, #sQty { width: 50px !important; }
#tOptSize, #sOptSize { width: 90px !important; }

/* Summary small indent */
.opt-line {
    font-size: 13px;
    margin-left: 12px;
}

/* Center total box text */
.saxmas-total-box {
    text-align: center !important;
}
/* === Left-Float First Image on Pages Sitewide === */

.page .site-content img:first-of-type,
.single .site-content img:first-of-type {
    float: left;
    margin: 0 20px 15px 0;
    max-width: 45%; /* keeps image from dominating */
    height: auto;
}

/* Ensure wrapping works cleanly */
.page .site-content p,
.single .site-content p {
    text-align: justify;
}

/* Prevent float issues at bottom of page */
.page .site-content::after,
.single .site-content::after {
    content: "";
    display: block;
    clear: both;
}
/* Center Registration Form */
.saxmas-registration-card {
    max-width: 600px;
    margin: 40px auto !important; /* centers + space under hero */
    padding: 20px;
    background: #ffffff;
    border-radius: 8px;
    border: 1px solid #ccc;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

/* Center the entire app wrapper */
#saxmas-app {
    display: flex;
    justify-content: center;
}

/* Ensure any stray block aligns */
.saxmas-form-row, 
.saxmas-registration-card input, 
.saxmas-registration-card select {
    width: 100%;
    max-width: 100%;
}
.saxmas-checkout-btn {
    background-color: #28a745 !important; /* classic green */
    color: #fff !important;
    border: none;
    padding: 0.6em 1.2em;
    font-size: 1.1em;
    font-weight: bold;
    border-radius: 6px;
    cursor: pointer;
    display: inline-block;
    margin-top: 10px;
}

.saxmas-checkout-btn:hover {
    background-color: #218838 !important;
}
/* Force Saxmas registration form below page text */
#saxmas-app {
    display: block;
    width: 100%;
    max-width: 800px;
    margin: 30px auto 60px auto !important;
    padding: 20px;
    clear: both; /* ensures it clears floated images */
}

/* Center registration card */
.saxmas-registration-card {
    margin: 0 auto !important;
    max-width: 750px;
}

/* Ensure it never overlaps floating page images */
.entry-content::after {
    content: "";
    display: block;
    clear: both;
}
/* === Remove duplicate built-in merch size dropdowns === */
#tOptSize,
#sOptSize {
    display: none !important;
}
/* === SaxMas Right Sidebar Layout === */
.saxmas-content-wrap {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 20px;
    margin-top: 20px;
}

.site-main {
    flex: 1 1 auto;
    min-width: 0;
}

#sidebar-right {
    flex: 0 0 250px;
    max-width: 250px;
}

#sidebar-right .widget {
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    .saxmas-content-wrap {
        flex-direction: column;
    }
    #sidebar-right {
        max-width: 100%;
    }
}
/* === SaxMas Right Sidebar Box Styling === */
#sidebar-right {
    flex: 0 0 250px;
    max-width: 250px;
    background: #fafafa;
    border: 2px solid #990000; /* Holiday red border */
    border-radius: 8px;
    padding: 15px 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

#sidebar-right .widget {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ccc;
}

#sidebar-right .widget:last-child {
    border-bottom: none;
}

#sidebar-right .widget-title {
    color: #600000;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 8px;
    text-align: center;
}

@media (max-width: 768px) {
    #sidebar-right {
        max-width: 100%;
        border: 1px solid #ccc;
        border-radius: 6px;
    }
}
/* === SaxMas Join-Us Flyers === */
.saxmas-flyers {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
  margin: 30px 0;
  text-align: center;
}

.saxmas-flyers img {
  max-width: 100%;
  height: auto;
  border: 2px solid #990000;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  transition: transform 0.2s ease;
}

.saxmas-flyers img:hover {
  transform: scale(1.02);
}

.flyer-caption {
  margin-top: 8px;
  font-size: 18px;
  font-weight: bold;
  color: #600000;
}

.flyer-note {
  text-align: center;
  font-size: 14px;
  color: #555;
  margin-top: 12px;
  line-height: 1.4;
  font-style: italic;
}
/* === SaxMas Join-Us Flyers === */
.saxmas-flyers {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
  margin: 30px 0;
  text-align: center;
}

.saxmas-flyers img {
  max-width: 100%;
  height: auto;
  border: 2px solid #990000;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  transition: transform 0.2s ease;
}

.saxmas-flyers img:hover {
  transform: scale(1.02);
}

.flyer-caption {
  margin-top: 8px;
  font-size: 18px;
  font-weight: bold;
  color: #600000;
}

.flyer-note {
  text-align: center;
  font-size: 14px;
  color: #555;
  margin-top: 12px;
  line-height: 1.4;
  font-style: italic;
}
/* === SaxMas Join-Us Flyers === */
.saxmas-flyers {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
  margin: 30px 0;
  text-align: center;
}

.saxmas-flyers img {
  max-width: 100%;
  height: auto;
  border: 2px solid #990000;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  transition: transform 0.2s ease;
}

.saxmas-flyers img:hover {
  transform: scale(1.02);
}

.flyer-caption {
  margin-top: 8px;
  font-size: 18px;
  font-weight: bold;
  color: #600000;
}

.flyer-note {
  text-align: center;
  font-size: 14px;
  color: #555;
  margin-top: 12px;
  line-height: 1.4;
  font-style: italic;
}
.flyer-note a {
  color: #990000;
  font-weight: bold;
  text-decoration: none;
}

.flyer-note a:hover {
  text-decoration: underline;
  color: #cc0000;
}
/* === SaxMas Join-Us Flyers === */
.saxmas-flyers {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
  margin: 30px 0;
  text-align: center;
}

.saxmas-flyers img {
  max-width: 100%;
  height: auto;
  border: 2px solid #990000;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  transition: transform 0.2s ease;
}

.saxmas-flyers img:hover {
  transform: scale(1.02);
}

.flyer-caption {
  margin-top: 8px;
  font-size: 18px;
  font-weight: bold;
  color: #600000;
}

.flyer-note {
  text-align: center;
  font-size: 14px;
  color: #555;
  margin-top: 12px;
  line-height: 1.4;
  font-style: italic;
}

.flyer-note a {
  color: #990000;
  font-weight: bold;
  text-decoration: none;
}

.flyer-note a:hover {
  color: #cc0000;
  text-decoration: underline;
}
/* === SaxMas Join-Us Flyers (Refined Layout) === */
.saxmas-flyers {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 20px; /* almost touching */
  margin: 30px 0 10px 0;
  text-align: center;
  flex-wrap: wrap; /* allows stacking on narrow screens */
}

.flyer {
  text-align: center;
}

.flyer img {
  display: block;
  margin: 0 auto;
  border: 2px solid #990000;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s ease;
}

.flyer img:hover {
  transform: scale(1.03);
}

.flyer-caption {
  margin-top: 8px;
  font-size: 17px;
  font-weight: bold;
  color: #600000;
  text-align: center;
}

.flyer-note {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #333;
  margin-top: 15px;
}

.flyer-note a {
  color: #990000;
  font-weight: bold;
  text-decoration: none;
}

.flyer-note a:hover {
  color: #cc0000;
  text-decoration: underline;
}
/* === SaxMas Join-Us Flyers (Final 2025 Layout) === */
.saxmas-flyers {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
  margin: 30px 0 10px 0;
  text-align: center;
  flex-wrap: wrap; /* stack on small screens */
}

.flyer {
  text-align: center;
}

.flyer img {
  display: block;
  margin: 0 auto;
  border: 2px solid #990000;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  transition: transform 0.2s ease;
  cursor: pointer;
}

.flyer img:hover {
  transform: scale(1.04);
}

.flyer-caption {
  margin-top: 8px;
  font-size: 17px;
  color: #600000;
  line-height: 1.5;
}

.flyer-caption a {
  color: #990000;
  font-weight: bold;
  text-decoration: none;
}

.flyer-caption a:hover {
  color: #cc0000;
  text-decoration: underline;
}

.flyer-note {
  text-align: center;
  font-size: 14px;
  color: #555;
  margin-top: 15px;
  font-style: italic;
}

/* Responsive: stack vertically on narrow screens */
@media (max-width: 600px) {
  .saxmas-flyers {
    flex-direction: column;
    gap: 30px;
  }
}
/* === SaxMas Join-Us Flyers (Fixed Side-by-Side Layout) === */
.saxmas-flyers {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: flex-start;
  gap: 30px; /* small space between flyers */
  margin: 30px 0 10px 0;
  text-align: center;
  flex-wrap: nowrap !important; /* force side-by-side */
}

.flyer {
  flex: 0 0 auto;
  text-align: center;
}

.flyer img {
  display: block;
  margin: 0 auto;
  border: 2px solid #990000;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  transition: transform 0.2s ease;
  cursor: pointer;
}

.flyer img:hover {
  transform: scale(1.04);
}

.flyer-caption {
  margin-top: 8px;
  font-size: 17px;
  color: #600000;
  line-height: 1.5;
}

.flyer-caption a {
  color: #990000;
  font-weight: bold;
  text-decoration: none;
}

.flyer-caption a:hover {
  color: #cc0000;
  text-decoration: underline;
}

.flyer-note {
  text-align: center;
  font-size: 14px;
  color: #555;
  margin-top: 15px;
  font-style: italic;
}

/* Responsive fallback — stack on very narrow screens */
@media (max-width: 600px) {
  .saxmas-flyers {
    flex-wrap: wrap !important;
    flex-direction: column !important;
    gap: 30px;
  }
}
/* === SaxMas Join-Us Flyers (Centered + Print Version) === */
.saxmas-flyers {
  display: flex !important;
  justify-content: center !important;
  align-items: flex-start;
  gap: 40px;              /* space between flyers */
  margin: 30px auto 10px auto;
  max-width: 80%;         /* centers and clears sidebar edge */
  text-align: center;
  flex-wrap: nowrap;
}

.flyer {
  flex: 0 0 auto;
  text-align: center;
}

.flyer img {
  display: block;
  margin: 0 auto;
  border: 2px solid #990000;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  transition: transform 0.2s ease;
  cursor: pointer;
}

.flyer img:hover {
  transform: scale(1.04);
}

.flyer-caption {
  margin-top: 8px;
  font-size: 17px;
  color: #600000;
  line-height: 1.4;
}

/* Single "Click to Print" link */
.flyer-print {
  text-align: center;
  margin-top: 20px;
  font-size: 16px;
  font-weight: bold;
}

.flyer-print a {
  color: #990000;
  text-decoration: none;
}

.flyer-print a:hover {
  color: #cc0000;
  text-decoration: underline;
}

.flyer-note {
  text-align: center;
  font-size: 14px;
  color: #555;
  margin-top: 12px;
  font-style: italic;
}

/* Stack vertically on small screens */
@media (max-width: 700px) {
  .saxmas-flyers {
    flex-direction: column !important;
    max-width: 100%;
    gap: 30px;
  }
}
/* === Flyer Lightbox Viewer === */
.flyer-lightbox {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.8);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.flyer-lightbox-content {
  position: relative;
  max-width: 90%;
  max-height: 90%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.flyer-lightbox-content img {
  max-width: 100%;
  max-height: 85vh;
  border: 3px solid #fff;
  border-radius: 6px;
  margin-bottom: 10px;
}

.flyer-toolbar {
  display: flex;
  gap: 12px;
  background: #222;
  padding: 8px 16px;
  border-radius: 6px;
}

.flyer-toolbar button,
.flyer-toolbar a {
  background: #990000;
  color: #fff;
  border: none;
  padding: 6px 12px;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
  font-weight: bold;
}

.flyer-toolbar button:hover,
.flyer-toolbar a:hover {
  background: #cc0000;
}
/* === SaxMas Join-Us Flyers (Final 2025 Edition) === */
.saxmas-flyers {
  display:flex!important;
  justify-content:center!important;
  align-items:flex-start;
  gap:40px;               /* ensures right flyer clears sidebar */
  margin:30px auto 10px auto;
  max-width:80%;
  text-align:center;
  flex-wrap:nowrap;
}
.flyer { text-align:center; }
.flyer img {
  display:block;
  margin:0 auto;
  border:2px solid #990000;
  border-radius:6px;
  box-shadow:0 2px 6px rgba(0,0,0,0.2);
  transition:transform 0.2s ease;
  cursor:pointer;
}
.flyer img:hover { transform:scale(1.04); }
.flyer-caption {
  margin-top:8px;
  font-size:17px;
  color:#600000;
  line-height:1.4;
}
.flyer-print {
  text-align:center;
  margin-top:20px;
  font-size:16px;
  font-weight:bold;
}
.flyer-print a {
  color:#990000;
  text-decoration:none;
}
.flyer-print a:hover {
  color:#cc0000;
  text-decoration:underline;
}
.flyer-note {
  text-align:center;
  font-size:14px;
  color:#555;
  margin-top:12px;
  font-style:italic;
}

/* === Flyer Lightbox === */
.flyer-lightbox {
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.8);
  display:none;
  justify-content:center;
  align-items:center;
  z-index:9999;
}
.flyer-lightbox-content {
  position:relative;
  max-width:90%;
  max-height:90%;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.flyer-lightbox-content img {
  max-width:100%;
  max-height:85vh;
  border:3px solid #fff;
  border-radius:6px;
  margin-bottom:10px;
}
.flyer-toolbar {
  display:flex;
  gap:12px;
  background:#222;
  padding:8px 16px;
  border-radius:6px;
}
.flyer-toolbar button,
.flyer-toolbar a {
  background:#990000;
  color:#fff;
  border:none;
  padding:6px 12px;
  border-radius:4px;
  cursor:pointer;
  text-decoration:none;
  font-weight:bold;
}
.flyer-toolbar button:hover,
.flyer-toolbar a:hover {
  background:#cc0000;
}

/* Stack vertically on small screens */
@media (max-width:700px){
  .saxmas-flyers{
    flex-direction:column!important;
    max-width:100%;
    gap:30px;
  }
}
/* === SaxMas Join-Us Flyers (Centered + Viewer) === */
.saxmas-flyers {
  display:flex!important;
  justify-content:center!important;
  align-items:flex-start;
  gap:40px;
  margin:30px auto 10px auto;
  max-width:80%;
  text-align:center;
  flex-wrap:nowrap;
}
.flyer {
  text-align:center;
}
.flyer img {
  display:block;
  margin:0 auto;
  border:2px solid #990000;
  border-radius:6px;
  box-shadow:0 2px 6px rgba(0,0,0,0.2);
  transition:transform 0.2s ease;
  cursor:pointer;
}
.flyer img:hover {
  transform:scale(1.04);
}
.flyer-caption {
  margin-top:8px;
  font-size:17px;
  color:#600000;
  line-height:1.4;
}
.flyer-print {
  text-align:center;
  margin-top:20px;
  font-size:16px;
  font-weight:bold;
}
.flyer-print a {
  color:#990000;
  text-decoration:none;
}
.flyer-print a:hover {
  color:#cc0000;
  text-decoration:underline;
}
.flyer-note {
  text-align:center;
  font-size:14px;
  color:#555;
  margin-top:12px;
  font-style:italic;
}

/* === LIGHTBOX === */
.flyer-lightbox {
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.8);
  display:none;
  justify-content:center;
  align-items:center;
  z-index:9999;
}
.flyer-lightbox-content {
  position:relative;
  max-width:90%;
  max-height:90%;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.flyer-lightbox-content img {
  max-width:100%;
  max-height:85vh;
  border:3px solid #fff;
  border-radius:6px;
  margin-bottom:10px;
}
.flyer-toolbar {
  display:flex;
  gap:12px;
  background:#222;
  padding:8px 16px;
  border-radius:6px;
}
.flyer-toolbar button,
.flyer-toolbar a {
  background:#990000;
  color:#fff;
  border:none;
  padding:6px 12px;
  border-radius:4px;
  cursor:pointer;
  text-decoration:none;
  font-weight:bold;
}
.flyer-toolbar button:hover,
.flyer-toolbar a:hover {
  background:#cc0000;
}

/* Stack vertically on narrow screens */
@media (max-width:700px){
  .saxmas-flyers{
    flex-direction:column!important;
    max-width:100%;
    gap:30px;
  }
}
/* === Join Us Page Header Image === */
.joinus-banner {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 25px;
  overflow: hidden;
}

.joinus-banner-img {
  float: right;
  width: 280px;
  height: auto;
  margin-left: 25px;
  margin-right: 10px;
  border: 2px solid #990000;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

/* Ensure content wraps neatly beside */
.saxmas-flyers {
  overflow: hidden;
}
/* === Join Us Banner (Full Width to Sidebar Edge) === */
.joinus-banner {
  width: 100%;
  margin: 15px 0 25px 0;
  text-align: center;
}

.joinus-banner-img {
  display: block;
  width: calc(100% - 20px); /* fills to right sidebar margin */
  max-width: 100%;
  height: auto;             /* preserves aspect ratio */
  margin: 0 auto;
  border: 2px solid #990000;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.25);
}

/* Ensures no floating interference */
.saxmas-flyers {
  clear: both;
  margin-top: 30px;
}
/* === Adjust Flyer Layout to Fit Between Margins & Sidebar === */
.saxmas-flyers {
  display: flex !important;
  justify-content: center;
  align-items: flex-start;
  gap: 40px;                  /* spacing between flyers */
  margin: 0 auto 20px auto;
  max-width: 78%;             /* fits within main content area, clears sidebar */
  text-align: center;
  flex-wrap: nowrap;
  overflow: visible;
}

.flyer {
  flex: 0 0 auto;
  text-align: center;
}

.flyer img.flyer-thumb {
  display: block;
  max-width: 210px;           /* reduced from 232px to prevent clipping */
  height: auto;
  border: 2px solid #990000;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  transition: transform 0.2s ease;
  cursor: pointer;
}

.flyer img.flyer-thumb:hover {
  transform: scale(1.04);
}

.flyer-caption {
  margin-top: 8px;
  font-size: 17px;
  color: #600000;
  line-height: 1.4;
}

/* Stack vertically on mobile screens */
@media (max-width: 800px) {
  .saxmas-flyers {
    flex-direction: column;
    align-items: center;
    max-width: 100%;
    gap: 25px;
  }
  .flyer img.flyer-thumb {
    max-width: 80%;
  }
}