/* NICHIIN Public Pages – Hero images, placeholders, Bootstrap overrides */

/* Hero background images (free Unsplash) – overlay keeps text readable */
.hero {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.88) 0%, rgba(30, 41, 59, 0.85) 100%);
    z-index: 0;
}

/* Light mode: custom background gradient */
:root[data-theme="light"] .hero::before {
    background: linear-gradient(135deg, rgb(40 67 131 / 88%) 0%, rgb(1 83 227 / 85%) 100%);
}
.hero .container {
    position: relative;
    z-index: 1;
}

/* Home: business/team collaboration */
body.public-page .hero.hero-home {
    background-image: url('https://images.unsplash.com/photo-1552664730-d307ca884978?w=1920&q=80');
}

/* About: handshake / partnership */
body.public-page .hero.hero-about {
    background-image: url('https://images.unsplash.com/photo-1522071820081-009f0129c71c?w=1920&q=80');
}

/* Services */
body.public-page .hero.hero-services {
    background-image: url('https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?w=1920&q=80');
}

/* Contact */
body.public-page .hero.hero-contact {
    background-image: url('https://images.unsplash.com/photo-1423666639041-f56000c27a9a?w=1920&q=80');
}

/* Case Studies */
body.public-page .hero.hero-case-studies {
    background-image: url('https://images.unsplash.com/photo-1553877522-43269d4ea984?w=1920&q=80');
}

/* Industries */
body.public-page .hero.hero-industries {
    background-image: url('https://images.unsplash.com/photo-1581091226829-a6a2a5aee158?w=1920&q=80');
}

/* Blog */
body.public-page .hero.hero-blog {
    background-image: url('https://images.unsplash.com/photo-1499750310107-5fef28a66643?w=1920&q=80');
}

/* Team */
body.public-page .hero.hero-team {
    background-image: url('https://images.unsplash.com/photo-1522071820081-009f0129c71c?w=1920&q=80');
}

/* FAQ */
body.public-page .hero.hero-faq {
    background-image: url('https://images.unsplash.com/photo-1450101499163-c8848c66ca85?w=1920&q=80');
}

/* Privacy */
body.public-page .hero.hero-privacy {
    background-image: url('https://images.unsplash.com/photo-1555949963-aa79dcee981c?w=1920&q=80');
}

/* Video Gallery */
body.public-page .hero.hero-video {
    background-image: url('https://images.unsplash.com/photo-1536240478700-b869070f9279?w=1920&q=80');
}

/* 404 */
body.public-page .hero.hero-404 {
    background-image: url('https://images.unsplash.com/photo-1589652717521-10c0d092dea9?w=1920&q=80');
}

/* Bootstrap overrides for dark theme */
body.public-page .text-muted {
    color: var(--color-text-muted) !important;
}
body.public-page .bg-primary-subtle {
    background: rgba(56, 189, 248, 0.1);
}
body.public-page .bg-success-subtle {
    background: rgba(34, 197, 94, 0.15);
}
body.public-page .bg-danger-subtle {
    background: rgba(239, 68, 68, 0.15);
}
body.public-page .alert-success {
    background: rgba(34, 197, 94, 0.15);
    border-color: rgba(34, 197, 94, 0.3);
    color: #86efac;
}
body.public-page .alert-danger {
    background: rgba(239, 68, 68, 0.15);
    border-color: rgba(239, 68, 68, 0.3);
    color: #fca5a5;
}
body.public-page .border-secondary.border-opacity-10 {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Footer link underline on hover */
.site-footer a.hover-underline:hover {
    text-decoration: underline !important;
}

/* Card image placeholder (blog/team) – consistent size and object-fit */
.hero-placeholder-img,
.card-img-placeholder {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Contact page – align Get in Touch and form cards with equal padding */
.contact-section .contact-info-card,
.contact-section .contact-form-card {
    padding: 2rem 2.5rem !important;
}
@media (max-width: 768px) {
    .contact-section .contact-info-card,
    .contact-section .contact-form-card {
        padding: 1.5rem 1.5rem !important;
    }
}

/* Contact Get in Touch card – ensure all text is visible on dark background */
.contact-section .contact-info-card,
.contact-section .contact-form-card {
    color: var(--color-text) !important;
}
.contact-section .contact-info-card p,
.contact-section .contact-info-card li,
.contact-section .contact-info-card span {
    color: var(--color-text) !important;
}
.contact-section .contact-info-card .text-muted {
    color: var(--color-text-muted) !important;
}
.contact-section .contact-info-card a:not(.btn) {
    color: var(--color-primary) !important;
}
.contact-section .contact-info-card a:not(.btn):hover {
    color: var(--color-primary);
    opacity: 0.9;
}