/* static/css/main.css */

/* Import order is crucial for CSS cascade */

@import url('variables.css');
@import url('base.css');
@import url('layout.css');
@import url('components.css');
@import url('sections.css');
@import url('pages.css');
@import url('utilities.css');

/* === Roast Results CTA === */
.upsell-cta-section {
    background-color: var(--color-surface-hover, #374151); /* A slightly different background from the card, adjust as needed */
    padding: 30px 35px; /* Increased padding */
    border-radius: 12px; /* Match card radius or adjust */
    margin-top: 30px;
    text-align: center;
    box-shadow: 0 8px 16px rgba(0,0,0,0.15); /* Softer shadow */
}

/* Style for the new static header text */
.upsell-cta-section .upsell-header-text {
    font-size: 1.4rem; /* Increased font size */
    font-weight: 600; /* Bolder */
    color: var(--color-text-bright, #FFFFFF); /* Ensure bright color for contrast */
    line-height: 1.5;
    margin-bottom: 25px; /* More space before the button */
}

.upsell-cta-section .upsell-text strong {
    font-size: 1.15rem; /* Slightly larger */
    color: var(--color-text-primary, #F3F4F6); /* Ensure good contrast */
    line-height: 1.6;
    display: block;
    margin-bottom: 20px;
}

.upsell-cta-section .optimize-roast-cta {
    width: auto; /* Match roast-submit-button */
    padding: 18px 50px !important; /* Match roast-submit-button */
    font-size: 1.25rem !important; /* Match roast-submit-button */
    font-weight: 700 !important; /* Match roast-submit-button */
    color: var(--color-text-absolute-white, #FFFFFF) !important; /* Match roast-submit-button */
    background: linear-gradient(135deg, var(--color-accent-orange-bright, #FFA500), var(--color-accent-orange, #F97316)) !important;  /* Match roast-submit-button */
    border: none; /* Match roast-submit-button */
    border-radius: 10px; /* Match roast-submit-button */
    box-shadow: 0 5px 18px rgba(var(--color-accent-orange-rgb, 249,115,22), 0.35); /* Match roast-submit-button */
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-size 0.3s ease; /* Match roast-submit-button */
    background-size: 100% 100%; /* Match roast-submit-button */
    position: relative; /* Match roast-submit-button */
    z-index: 1; /* Match roast-submit-button */
    /* margin-top is not needed here as it's handled by header's margin-bottom */
}

/* Override the ::before pseudo-element from .btn-primary for this specific button */
.upsell-cta-section .optimize-roast-cta::before {
    background: none !important; /* Match roast-submit-button */
    display: none !important; /* Match roast-submit-button */
}

.upsell-cta-section .optimize-roast-cta:hover {
    transform: translateY(-2px) scale(1.02); /* Match roast-submit-button */
    box-shadow: 0 7px 22px rgba(var(--color-accent-orange-rgb, 249,115,22), 0.45); /* Match roast-submit-button */
    background-size: 115% 115%; /* Match roast-submit-button */
}

/* === Roast Results Specific Styles === */
.roast-results-header {
    text-align: center;
    margin-bottom: 25px; /* Add some space below the header */
}

/* Ensure it's appended, so add a newline if file isn't empty */