/* ==========================================================================
   Core app - shared hero background
   ========================================================================== */

/* The default hero photo reused across 404, 500, home, services, and about */
.hero-bg-default {
    background-image: url('https://res.cloudinary.com/df3pwsyzy/image/upload/q_auto,f_auto,w_1920/v1768508333/Front_photo_hh5z61.jpg');
}

/* ==========================================================================
   Home - Category Tiles
   (each tile uses a fixed, known background image, so these are just
   named modifiers on the existing .category-tile component)
   ========================================================================== */

.category-tile--things-to-do {
    background-image: url('https://res.cloudinary.com/df3pwsyzy/image/upload/q_auto,f_auto,w_1920/v1768514103/DSC_0139_tnzfxh.jpg');
}

.category-tile--eat-drink {
    background-image: url('https://res.cloudinary.com/df3pwsyzy/image/upload/q_auto,f_auto,w_1920/v1768513935/130330-ORJ90W-556_pvikro.jpg');
}

.category-tile--lifestyle {
    background-image: url('https://res.cloudinary.com/df3pwsyzy/image/upload/q_auto,f_auto,w_1920/v1768513951/evans-towne-center-park_fdu7xx.jpg');
}

.category-tile--wellness {
    background-image: url('https://res.cloudinary.com/df3pwsyzy/image/upload/q_auto,f_auto,w_1920/v1768513978/spa_bzsslz.jpg');
}

.category-tile--travel {
    background-image: url('https://res.cloudinary.com/df3pwsyzy/image/upload/v1768795527/north-ga-mountains_xkwp2y.jpg');
}

.category-tile--people {
    background-image: url('https://res.cloudinary.com/df3pwsyzy/image/upload/v1768588798/blog/blog/meet-schuster-braun-building-tech-community-one-small-business-at-a-time/IMG_0633.jpeg.jpg');
}

/* ==========================================================================
   Home - Image placeholder heights
   (fixed pixel heights used behind bg-light/bg-white + flex centering
   for missing images, kept as-is rather than switching to aspect-ratio
   so nothing shifts visually)
   ========================================================================== */

.placeholder-200 { height: 200px; }
.placeholder-280 { height: 280px; }
.placeholder-300 { height: 300px; }
.placeholder-400 { height: 400px; }

/* ==========================================================================
   Home - Upcoming Events card thumbnails
   ========================================================================== */

.event-thumb {
    object-fit: cover;
    min-height: 160px;
}

/* ==========================================================================
   Buttons / small utilities
   ========================================================================== */

/* "View All Events" / "View All Stories" CTA button - gold background,
   navy left border, same treatment as .btn-accent but with its own
   padding/letter-spacing so the existing look is preserved exactly. */
.btn-view-all {
    background-color: var(--color-gold);
    color: var(--color-navy);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-left: 4px solid var(--color-navy);
    border-radius: 0;
    padding: 12px 40px;
}

.btn-view-all:hover {
    color: var(--color-navy);
}

/* Newsletter CTA subtext opacity (not covered by Bootstrap's opacity-* steps) */
.opacity-85 {
    opacity: 0.85;
}

/* Small inline icon sized relative to surrounding text (e.g. next to view counts) */
.icon-fs-sm {
    font-size: 0.9em;
}

/* Newsletter bar header input - narrower than the default form-control */
.newsletter-bar .form-control {
    max-width: 250px;
}