/*
Theme Name: Innospace Theme
Author: Antigravity
Description: A custom WordPress theme for Innospace.
Version: 1.0.0
Text Domain: innospacetheme
*/

/* Basic Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    color: #333;
}

a {
    text-decoration: none;
    color: inherit;
}

img {
    max-width: 100%;
    height: auto;
}

/* Custom Logo Size */
.navbar-brand img {
    height: 100px;
    width: auto;
    max-height: none;
}

@media (max-width: 991px) {

    /* Initial State: Small */
    .navbar-brand img {
        height: 45px !important;
        width: auto !important;
        max-width: none !important;
        max-height: none !important;
        transition: all 0.3s ease;
    }

    /* Scrolled State: Expand */
    .navbar.scrolled .navbar-brand img {
        height: 50px !important;
    }

    /* Service Page Banner Mobile Fix */
    #page-hero {
        padding-top: 130px !important;
        height: auto !important;
        min-height: 400px;
    }

    #page-hero .hero-caption {
        text-align: center !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    #page-hero .hero-caption h1 {
        font-size: 32px !important;
        line-height: 42px !important;
        margin-bottom: 10px;
    }

    #page-hero .hero-caption p {
        font-size: 16px !important;
        line-height: 24px !important;
        padding: 0 10px;
    }

    /* Specific fix for Plumbing Page due to long title */
    .page-template-page-plumbing-water-meter-php #page-hero,
    .page-template-default.page-id-176 #page-hero {
        /* Fallback just in case, though template class is preferred */
        padding-top: 180px !important;
    }

    /* Mobile Testimonials Refinement */
    .testimonial .author .row {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .testimonial .author .col-lg-4,
    .testimonial .author .col-lg-8 {
        width: 100%;
        text-align: center;
        max-width: 100%;
        flex: 0 0 100%;
    }

    /* Reduce Profile Pic Size */
    .testimonial .author img {
        width: 80px !important;
        /* Start small */
        height: 80px !important;
        object-fit: cover;
        margin: 0 auto 15px auto !important;
    }

    /* Center Align & Increase Font Size */
    .testimonial .author-name-des {
        width: 100% !important;
        text-align: center !important;
        margin-top: 0 !important;
    }

    .testimonial .author-name-des p {
        font-size: 18px !important;
        /* increased from default 13px */
        line-height: 24px;
    }

    /* Center Star Ratings and Message */
    .testimonial .stars {
        text-align: center !important;
    }

    .testimonial p {
        text-align: center;
    }

    /* Pricing Box Spacing on Mobile */
    /* Pricing Box Spacing on Mobile */
    #pricing .pricing-table {
        margin-bottom: 0 !important;
        /* Reset default if any */
    }

    .pricing-col {
        margin-bottom: 40px !important;
    }

    /* About Page Story Section */
    .story-text-col {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* Career Page Banner Mobile Fix */
    #career-hero {
        padding-top: 130px !important;
        height: auto !important;
        min-height: 400px;
    }

    #career-hero .hero-caption {
        text-align: center !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    #career-hero .hero-caption h1 {
        font-size: 32px !important;
        line-height: 42px !important;
        margin-bottom: 10px;
    }

    #career-hero .hero-caption p {
        font-size: 16px !important;
        line-height: 24px !important;
        padding: 0 10px;
    }

    /* Architecture Page Mobile Fix */
    .layer-content-col {
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-top: 30px;
        /* Separates from image above */
    }

    .layer-content-card {
        text-align: center !important;
        padding: 30px 20px !important;
        /* Balanced padding inside the card */
        margin: 0 auto;
        /* Center the box itself if it has max-width */
    }

    .layer-content-card h2,
    .layer-content-card h5,
    .layer-content-card p {
        text-align: center !important;
    }

    .layer-content-card .mt-4 {
        text-align: center !important;
    }

    /* Service Pages Image Fix - Remove Padding Only */
    .layer-image-wrapper img {
        padding: 0 !important;
    }

    /* Reduce Service Section Padding on Mobile */
    .layer-section {
        padding-top: 30px !important;
        padding-bottom: 50px !important;
    }

    /* Construction, Apartment Painting, Plumbing, Process & Benefits Spacing Fix - Target Columns */
    #features .col-md-4,
    #features .col-lg-4,
    #features .col-md-6,
    #features .col-lg-6,
    #features .col-md-12,
    #features .col-lg-12,
    #what-we-do .col-md-6,
    #what-we-do .col-lg-6,
    #process .col-md-6,
    #process .col-lg-4,
    #benefits .col-md-4,
    #benefits .col-sm-6 {
        margin-bottom: 30px !important;
    }

    /* Fix strict equal spacing for the nested list columns */
    #features .location-item .row .col-md-4 {
        margin-bottom: 0 !important;
    }

    #features .location-item ul {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    #features .location-item li {
        margin-bottom: 15px !important;
        list-style: none;
    }

    /* Reset Row Margins on Mobile for Equal Spacing */
    #features .row.mt-4,
    #features .row.mt-5,
    #what-we-do .row.mt-4,
    #what-we-do .row.mt-5,
    #process .row.mt-4,
    #process .row.mt-5 {
        margin-top: 0 !important;
    }

    /* Mobile Content Box Padding */
    .content-box-lg,
    .content-box-md {
        padding: 50px 0 !important;
    }

    /* Mobile Heading Margin */
    .about-heading {
        margin-bottom: 30px !important;
    }
}

/* Default desktop style */
.story-text-col {
    padding-left: 50px;
}