/* ============================================
   PRODUCT PAGES - HERO & LAYOUT STYLES
   Extracted from inline styles
   ============================================ */

/* Hero Section Base */
.hero-section {
    background-size: cover;
    background-position: center;
    position: relative;
    min-height: 400px;
}

/* Hero Overlay */
.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

/* Hero Content Container */
.hero-section .container-lg {
    position: relative;
    z-index: 2;
}

/* Hero Title and Subtitle */
.hero-section .hero-title {
    color: #ffffff !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.hero-section .hero-subtitle {
    color: #ffffff !important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.hero-section h1,
.hero-section h2,
.hero-section .display-4 {
    color: #ffffff !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

/* Category-Specific Hero Backgrounds */
#heroSection.chicken-hero {
    background-image: url('../WC-Images/Wisdom-chicken/Hatchery/Hatchery-9.jpg');
}

#heroSection.feeds-hero {
    background-image: url('../WC-Images/Wisdom-feeds-Bags-and-logos/Logo-and-banner/Feeds-Banner.png');
}

#heroSection.nursery-hero {
    background-image: url('../WC-Images/Wisdom-nursery/Environment/Nursery-environment-24.jpg');
}

#heroSection.honey-hero {
    background-image: url('../WC-Images/Honey-production/Farm-Honey-1.jpg');
}

/* Category-Specific Overlays */
.hero-overlay.chicken-overlay {
    background: linear-gradient(135deg, rgba(220, 38, 38, 0.7) 0%, rgba(185, 28, 28, 0.8) 100%);
}

.hero-overlay.feeds-overlay {
    background: linear-gradient(135deg, rgba(0, 61, 92, 0.7) 0%, rgba(0, 40, 60, 0.8) 100%);
}

.hero-overlay.nursery-overlay {
    background: linear-gradient(135deg, rgba(34, 139, 34, 0.7) 0%, rgba(0, 100, 0, 0.8) 100%);
}

.hero-overlay.honey-overlay {
    background: linear-gradient(135deg, rgba(218, 165, 32, 0.7) 0%, rgba(184, 134, 11, 0.8) 100%);
}

/* Feature Icon Circle */
.feature-icon-circle {
    width: 80px;
    height: 80px;
}

/* Nursery Page Specific */
.wisdom-nursery .card-img-top {
    height: 400px;
    object-fit: cover;
}