footer .footer-logo img { max-height: 100px; }

.page-blocks p a{
  color: #ff5a00;
  text-decoration: underline;
}

/* ===== Pattern / maroon wrapper ===== */
.bg-maroon-pattern{
  position: relative;
  overflow: hidden;
  background-color: #790000;
  color: #FDF0D5;
}

/* Use a CSS variable for the image */
.bg-maroon-pattern::before{
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--pattern-url);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.70;
  z-index: 0;
}



/* Content above overlay */
.bg-maroon-pattern-inner{
  position: relative;
  z-index: 2;
}

/* Prevent theme from painting white blocks inside */
.bg-maroon-pattern section,
.bg-maroon-pattern .container,
.bg-maroon-pattern .container-fluid{
  background: transparent !important;
}

/* Links inside maroon/pattern */
.bg-maroon-pattern a{
  color: #FFD9B3;
  text-decoration: underline;
}
.bg-maroon-pattern a:hover{
  color: #ffffff;
}

/* ===== Hero gradient option ===== */
.bg-home-gradient{
  background: linear-gradient(135deg,#2d0000 0%,#890202 45%,#ff0000 100%);
  color: #FDF0D5;
}

/* ===== Brand utilities ===== */
.text-red-dark { color: #2d0000 !important; }
.bg-red-dark   { background-color: #2d0000 !important; }

.text-red      { color: #890202 !important; }
.bg-red        { background-color: #890202 !important; }

.text-red-bright { color: #ff0000 !important; }
.bg-red-bright   { background-color: #ff0000 !important; }

.text-cream { color: #FDF0D5 !important; }
.bg-cream   { background-color: #FDF0D5 !important; }

/* ===== Figcaption ===== */
.figcaption-custom{ background-color: #C1111F; }
.figcaption-custom-text{ color: #FDF0D5; }
.figcaption-custom a:hover .figcaption-custom-text{ opacity: 0.85; }

/* ===== Social hover: cream text + black arrow ===== */
a.facebook i,
a.instagram i {
  transition: color 0.25s ease;
}

a.facebook:hover,
a.instagram:hover {
  color: #FDF0D5 !important;
}

a.facebook:hover span,
a.instagram:hover span {
  color: #FDF0D5 !important;
}

a.facebook:hover i,
a.instagram:hover i {
  color: #000000 !important;
}

/* Safety: if theme header CSS fails, don't show 3 logos */
.navbar-brand img { display: none !important; }
.navbar-brand img.default-logo { display: inline-block !important; }

/* Optional: if you want mobile logo on small screens */
@media (max-width: 991.98px){
  .navbar-brand img.default-logo { display: none !important; }
  .navbar-brand img.mobile-logo { display: inline-block !important; }
}

figcaption.figcaption-custom {
    z-index: 100 !important;
    pointer-events: auto !important;
}

figcaption.figcaption-custom a {
    pointer-events: auto !important;
    position: relative;
    z-index: 101 !important;
}


/* Sticker Picker Styles */
.sticker-option {
    cursor: pointer;
    padding: 10px;
    border: 3px solid transparent;
    border-radius: 8px;
    transition: all 0.3s ease;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sticker-option:hover {
    border-color: #e0e0e0;
    transform: scale(1.05);
}

.sticker-option.selected {
    border-color: #ff6b9d;
    background-color: #fff0f5;
}

.sticker-option img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.btn-gradient-red {
    background-color: #ff0000 !important; /* Fallback */
    background-image: linear-gradient(to right, #ff0000, #8b0000) !important;
    color: white !important;
    border: none !important;
}

.btn-gradient-red:hover {
    background-color: #cc0000 !important; /* Fallback */
    background-image: linear-gradient(to right, #cc0000, #660000) !important;
    color: black !important;
}