/**
 * Hero Sections - Unified Styles
 * 全ページ統一ヒーローセクション - 高松メッキ工業
 */

/* ========================================
   Unified Hero Section - All Pages
   全ページ統一ヒーローセクション
======================================== */
.tech-hero {
    position: relative !important;
    width: 100% !important;
    min-height: 60vh !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
    background: #1f2937 !important;
    color: white !important;
    padding-top: 8rem !important;
    z-index: 1 !important;
}

.tech-hero__background {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1 !important;
}

.tech-hero__bg-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    filter: brightness(0.6) contrast(1.1) !important;
}

.tech-hero__overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.4) !important;
    z-index: 2 !important;
}

.tech-hero__content {
    position: relative !important;
    z-index: 999 !important;
    max-width: min(120rem, 90vw) !important;
    margin: 0 auto !important;
    padding: 0 2rem !important;
    text-align: left !important;
    width: 100% !important;
    pointer-events: auto !important;
}

.tech-hero__title {
    font-size: clamp(3.2rem, 6vw, 5.6rem) !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    color: white !important;
    margin-bottom: 2rem !important;
    text-align: left !important;
    position: relative !important;
    z-index: 1000 !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7) !important;
}

.tech-hero__subtitle {
    font-size: clamp(1.6rem, 2.5vw, 2rem) !important;
    line-height: 1.6 !important;
    color: rgba(255, 255, 255, 0.95) !important;
    margin-bottom: 4rem !important;
    max-width: 80rem !important;
    position: relative !important;
    z-index: 1000 !important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7) !important;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .tech-hero {
        min-height: 50vh !important;
        padding-top: 6rem !important;
        text-align: center !important;
    }
    
    .tech-hero__content {
        text-align: center !important;
        padding: 0 1rem !important;
    }
    
    .tech-hero__title {
        text-align: center !important;
    }
    
    .tech-hero__subtitle {
        text-align: center !important;
    }
}

/* Ensure visibility across all themes */
body .tech-hero__content,
main .tech-hero__content,
section .tech-hero__content {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body .tech-hero__title,
main .tech-hero__title,
section .tech-hero__title {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body .tech-hero__subtitle,
main .tech-hero__subtitle,
section .tech-hero__subtitle {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}