/* Typography & Setup */
.serif-font {
    font-family: 'Playfair Display', 'Georgia', serif;
    color: #1a2b49; /* Deep Navy Blue */
}

.sub-banner-text {
    letter-spacing: 0.15em;
    color: #1a2b49; /* Elegant Dull Gold */
    font-weight: 600;
    font-size: 0.85rem;
}

/* Base Card Styling */
.featured-card, 
.cards-grid .card {
    border-radius: 4px !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: none !important;
}

/* .featured-card:hover, 
.cards-grid .card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 20px rgba(26, 43, 73, 0.15) !important;
} */

/* Image Wrapper and Dark Overlays */
.card-image-wrapper {
    position: relative;
   /* background-color: #111e38 !important; /* Base Deep Navy behind image */
}

/* Image opacity modifications to let navy show through */
/* .card-image-wrapper img {
    opacity: 0.35 !important;
    mix-blend-mode: multiply;
} */

/* Bottom Text Gradient Overlay Mask */
.custom-gradient-bg {
    background: linear-gradient(
        to top, 
        rgba(17, 30, 56, 0.95) 0%, 
        rgba(17, 30, 56, 0.7) 50%, 
        rgba(17, 30, 56, 0) 100%
    ) !important;
    padding-top: 60px !important; /* Gives room for smooth transition */
}

/* Typography Inside Cards */
.featured-card h2,
.cards-grid h3 {
    font-family: 'Playfair Display', 'Georgia', serif;
    color: #1a2b49;
    font-weight: 500;
}

/* Subtle  Highlights on card descriptions */
.featured-card p,
.cards-grid p {
    color: #000 !important; /* Soft  Tint for readability */
}

/* Footer Section Styling */
footer.site-footer {
    background-color: #1a2b49; /* Deep Navy Blue */
    color: #ffffff;
    font-size: 0.9rem;
}

footer.site-footer a {
    color: #c5a059; /* Gold Links */
    text-decoration: none;
}

footer.site-footer a:hover {
    color: #ffffff;
    text-decoration: underline;
}