/* ===================================
   VISUAL FIXES - Image Issues Resolution
   Hampton Venue - Bug Fixes
   =================================== */

/* ============================================
   FIX 1: Custom Menu Design Badge Positioning
   ============================================ */

/* Fix overlapping badge on catering images */
.catering-image-tag,
.custom-menu-badge {
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 2;
    pointer-events: none;
}

/* Ensure parent container has relative positioning */
.catering-image-card,
.gallery-item,
.gallery-item-enhanced {
    position: relative;
}

/* Reduce badge size if needed */
.catering-image-tag {
    padding: 0.4rem 0.9rem;
    font-size: 0.8rem;
}

/* ============================================
   FIX 2: Hero Section Badge Positioning
   ============================================ */

/* Ensure hero badges don't overlap scroll indicator */
.hero-trust-badges {
    bottom: 120px;
    z-index: 3;
}

/* Adjust scroll indicator position - disabled to avoid visual overlap */
.scroll-indicator {
    display: none;
}

/* Hide scroll label text (kept for safety if indicator is re-enabled later) */
.scroll-text {
    display: none;
}

/* Ensure slider dots have proper spacing */
.slider-dots {
    bottom: 3rem;
    z-index: 3;
}

/* ============================================
   FIX 3: Service Card Button Fix
   ============================================ */

/* Prevent any CSS from adding duplicate content */
.service-cta span,
.service-card .btn-primary span {
    display: inline;
}

/* Ensure only one text instance */
.service-cta::before,
.service-cta::after,
.service-card .btn-primary::before,
.service-card .btn-primary::after {
    content: none !important;
}

/* Standard button sizing */
.service-cta,
.service-card .btn-primary {
    font-size: 0.95rem;
    padding: 0.875rem 1.75rem;
}

/* ============================================
   FIX 4: Contact Section Spacing
   ============================================ */

/* Reduce excessive spacing in contact section */
.office-hours-box {
    margin-top: 1.5rem;
    margin-bottom: 0;
}

/* Reduce contact info cards spacing */
.contact-info-card {
    margin-bottom: 1rem;
}

/* Compact contact section padding */
#contact .container {
    padding-bottom: 2rem;
}

/* ============================================
   FIX 5: Button Size Standardization
   ============================================ */

/* Standardize all primary buttons */
.btn-primary {
    font-size: 1rem !important;
    padding: 0.875rem 2rem !important;
}

/* Navigation button slightly smaller */
nav .btn-primary {
    font-size: 0.95rem !important;
    padding: 0.75rem 1.75rem !important;
}

/* Large CTA buttons (hero, pricing) */
.btn-lg {
    font-size: 1.05rem !important;
    padding: 1rem 2.25rem !important;
}

/* ============================================
   FIX 6: Pricing Card Button Consistency
   ============================================ */

/* Remove duplicate arrow from pricing buttons */
.pricing-btn::after {
    content: '' !important;
}

/* Uniform pricing button size */
.pricing-btn {
    font-size: 1rem !important;
    padding: 1rem 2rem !important;
}

/* ============================================
   FIX 7: Form Field Spacing
   ============================================ */

/* Reduce form field vertical spacing */
.form-field {
    margin-bottom: 1.5rem;
}

/* Reduce label spacing */
.form-field label {
    margin-bottom: 0.5rem;
}

/* Compact input padding */
.form-field input,
.form-field textarea,
.form-field select {
    padding: 0.875rem 1.15rem;
}

/* ============================================
   FIX 8: Map and Contact Info Alignment
   ============================================ */

/* Ensure map doesn't push content down */
.contact-map {
    height: 400px;
    max-height: 400px;
}

/* Contact info sidebar compact */
.contact-info-sidebar {
    padding: 1.5rem;
}

/* Reduce contact item spacing */
.contact-info-item {
    margin-bottom: 1.5rem;
}

/* ============================================
   FIX 9: Gallery Image Overlay Fix
   ============================================ */

/* Ensure gallery overlays don't block interaction */
.gallery-overlay,
.gallery-overlay-enhanced {
    pointer-events: none;
}

.gallery-overlay button,
.gallery-overlay-enhanced button {
    pointer-events: auto;
}

/* ============================================
   FIX 10: Service Badge Positioning
   ============================================ */

/* Fix service badges overlapping content */
.service-badge {
    top: 12px;
    right: 12px;
    padding: 0.4rem 0.9rem;
    font-size: 0.8rem;
    z-index: 2;
}

/* Ensure service card header has space */
.service-card-enhanced {
    position: relative;
    padding-top: 3rem;
}

/* ============================================
   FIX 11: Responsive Adjustments
   ============================================ */

@media (max-width: 768px) {
    /* Reduce hero badges on mobile */
    .hero-trust-badges {
        bottom: 100px;
        gap: 1rem;
    }
    
    .trust-badge {
        padding: 0.5rem 1rem;
        font-size: 0.8rem;
    }
    
    /* Reduce button sizes on mobile */
    .btn-primary {
        font-size: 0.9rem !important;
        padding: 0.75rem 1.5rem !important;
    }
    
    /* Contact map height on mobile */
    .contact-map {
        height: 300px;
        margin-top: 2rem;
    }
    
    /* Service cards compact on mobile */
    .service-card,
    .service-card-enhanced {
        padding: 2rem 1.5rem;
    }
}

/* ============================================
   FIX 12: Z-Index Management
   ============================================ */

/* Ensure proper stacking order */
.hero-overlay-dark {
    z-index: 1;
}

.hero-content {
    z-index: 2;
}

.hero-trust-badges {
    z-index: 3;
}

.slider-nav {
    z-index: 15;
    pointer-events: auto;
}

.slider-dots {
    z-index: 10;
    pointer-events: auto;
}

nav {
    z-index: 100;
}

/* ============================================
   FIX 13: Prevent Content Overflow
   ============================================ */

/* Ensure sections don't overflow */
section {
    overflow-x: hidden;
}

/* Prevent images from breaking layout */
img {
    max-width: 100%;
    height: auto;
}

/* Container consistency */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
}

/* ============================================
   FIX 14: Button Hover States Fix
   ============================================ */

/* Ensure hover states don't break layout */
.btn-primary:hover {
    transform: translateY(-2px);
}

.service-cta:hover {
    transform: translateY(-2px);
}

/* Prevent extreme transforms - handled by individual elements */