/* Use Cases Background Images - All Pages */

/* Compliance Page */
.use-case-hero.compliance::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('compliancebg.jpg');
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    z-index: -1;
}

/* Proposals Page */
.use-case-hero.proposals::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('proposalbg.jpg');
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    z-index: -1;
}

/* Invoices Page */
.use-case-hero.invoices::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('invoicebg1.jpg');
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    z-index: -1;
}

/* Analysis Page */
.use-case-hero.analysis::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('researchbg1.jpg');
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    z-index: -1;
}

/* Contracts Page */
.use-case-hero.contracts::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('contracts1.jpg');
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    z-index: -1;
}

/* Vendors Page */
.use-case-hero.vendors::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('vendor1.jpg');
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    z-index: -1;
}

/* Shared gradient overlay for all use case pages */
.use-case-hero.compliance::after,
.use-case-hero.proposals::after,
.use-case-hero.invoices::after,
.use-case-hero.analysis::after,
.use-case-hero.contracts::after,
.use-case-hero.vendors::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(
        to bottom,
        rgba(248, 250, 252, 0) 0%,     /* 100% transparent at top */
        rgba(248, 250, 252, 1) 80%     /* 0% transparent (fully opaque) at 80% */
    );
    z-index: 0;
    pointer-events: none;
}

/* Shared hero styling for all use case pages */
.use-case-hero.compliance,
.use-case-hero.proposals,
.use-case-hero.invoices,
.use-case-hero.analysis,
.use-case-hero.contracts,
.use-case-hero.vendors {
    background: transparent !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    position: relative;
    overflow: hidden;
}

/* Shared problem section styling */
.use-case-hero.compliance + .use-case-problem,
.use-case-hero.proposals + .use-case-problem,
.use-case-hero.invoices + .use-case-problem,
.use-case-hero.analysis + .use-case-problem,
.use-case-hero.contracts + .use-case-problem,
.use-case-hero.vendors + .use-case-problem {
    background: rgba(248, 250, 252, 0.9) !important;
    position: relative;
    padding-top: 5rem;
}

/* Shared problem section cards */
.use-case-hero.compliance + .use-case-problem .problem-item,
.use-case-hero.proposals + .use-case-problem .problem-item,
.use-case-hero.invoices + .use-case-problem .problem-item,
.use-case-hero.analysis + .use-case-problem .problem-item,
.use-case-hero.contracts + .use-case-problem .problem-item,
.use-case-hero.vendors + .use-case-problem .problem-item {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease;
}

.use-case-hero.compliance + .use-case-problem .problem-item:hover,
.use-case-hero.proposals + .use-case-problem .problem-item:hover,
.use-case-hero.invoices + .use-case-problem .problem-item:hover,
.use-case-hero.analysis + .use-case-problem .problem-item:hover,
.use-case-hero.contracts + .use-case-problem .problem-item:hover,
.use-case-hero.vendors + .use-case-problem .problem-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

/* Shared container styling */
.use-case-hero.compliance .container,
.use-case-hero.proposals .container,
.use-case-hero.invoices .container,
.use-case-hero.analysis .container,
.use-case-hero.contracts .container,
.use-case-hero.vendors .container {
    position: relative;
    z-index: 10;
    padding-top: 120px;
    padding-bottom: 80px;
}

/* Shared hero content box styling */
.use-case-hero.compliance .use-case-hero-content,
.use-case-hero.proposals .use-case-hero-content,
.use-case-hero.invoices .use-case-hero-content,
.use-case-hero.analysis .use-case-hero-content,
.use-case-hero.contracts .use-case-hero-content,
.use-case-hero.vendors .use-case-hero-content {
    background: rgba(255, 255, 255, 0.95);
    padding: 3rem;
    border-radius: 20px;
    border: 1px solid #6c757d;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    max-width: 900px;
    margin: 0 auto;
}

/* Shared content z-index */
.use-case-hero.compliance + .use-case-problem > *,
.use-case-hero.proposals + .use-case-problem > *,
.use-case-hero.invoices + .use-case-problem > *,
.use-case-hero.analysis + .use-case-problem > *,
.use-case-hero.contracts + .use-case-problem > *,
.use-case-hero.vendors + .use-case-problem > * {
    position: relative;
    z-index: 2;
}

/* Remove header gaps */
#common-header + .use-case-hero.compliance,
#common-header + .use-case-hero.proposals,
#common-header + .use-case-hero.invoices,
#common-header + .use-case-hero.analysis,
#common-header + .use-case-hero.contracts,
#common-header + .use-case-hero.vendors {
    margin-top: 0 !important;
}

/* Ensure body has no margin */
body {
    margin-top: 0 !important;
}