/* ============================================
   No Results Page Styles
   ============================================ */

.no-results-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    min-height: 60vh;
    padding: 60px 20px;
    position: relative;
    overflow: hidden;
}

/* Background decoration */
.no-results-decoration {
    position: absolute;
    width: 596px;
    height: 483px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="596" height="553" viewBox="0 0 596 553" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M322.44 0.654285C398.042 8.20064 434.969 90.6103 485.182 147.659C530.162 198.762 589.118 242.656 595.144 310.483C601.576 382.875 571.389 456.971 516.936 505.076C465.003 550.955 391.521 556.638 322.44 551.396C259.341 546.607 206.043 515.556 155.368 477.637C92.147 430.331 7.29909 389.173 0.475666 310.483C-6.52864 229.706 65.2183 167.775 123.626 111.569C180.477 56.8611 243.949 -7.18034 322.44 0.654285Z" fill="%23E8FEE2"/></svg>');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity: 0.8;
}

/* Main content wrapper */
.no-results-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    max-width: 890px;
    width: 100%;
    z-index: 10;
    position: relative;
}

/* Icon */
.no-results-icon {
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120" fill="none"><path d="M10 60C10 36.4298 10 24.6447 17.3223 17.3223C24.6447 10 36.4298 10 60 10C83.5702 10 95.3553 10 102.678 17.3223C110 24.6447 110 36.4298 110 60C110 83.5702 110 95.3553 102.678 102.678C95.3553 110 83.5702 110 60 110C36.4298 110 24.6447 110 17.3223 102.678C10 95.3553 10 83.5702 10 60Z" stroke="%2326700D" stroke-width="5"/><path d="M40 60L50 52.5L40 45" stroke="%2326700D" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><path d="M80 60L70 52.5L80 45" stroke="%2326700D" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><path d="M80 80L73.3333 75L66.6667 80L60 75L53.3333 80L46.6667 75L40 80" stroke="%2326700D" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

/* Text container */
.no-results-messages {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
    text-align: center;
    width: 100%;
}

.no-results-title {
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    color: #26700D;
    margin: 0;
    text-transform: none;
}

.no-results-subtitle {
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    color: #26700D;
    margin: 0;
    text-transform: none;
}

/* CTA Section */
.no-results-cta {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    margin-top: 16px;
    width: 100%;
}

.no-results-button {
    background-color: #3eb318;
    color: #1f242e;
    border: none;
    border-radius: 12px;
    padding: 14px 40px;
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    white-space: nowrap;
}

.no-results-button:hover {
    background-color: #2d9010;
    box-shadow: 0 4px 12px rgba(62, 179, 24, 0.3);
    transform: translateY(-2px);
}

.no-results-button:active {
    transform: translateY(0);
}

.no-results-link {
    color: #3eb318;
    text-decoration: underline;
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: color 0.3s ease;
}

.no-results-link:hover {
    color: #2d9010;
}

/* Responsive Design */
@media (max-width: 768px) {
    .no-results-container {
        padding: 40px 35px;
                height: 40vh;
                min-height: 40vh !important;
    }

    .no-results-decoration {
        width: 400px;
        height: 373px;
        opacity: 0.6;
    }

    .no-results-icon {
        width: 100px;
        height: 100px;
    }

    .no-results-title {
        font-size: 20px;
        line-height: 28px;
    }

    .no-results-subtitle {
        font-size: 16px;
        line-height: 24px;
    }

    .no-results-content {
        max-width: 100%;
        gap: 12px;
    }

    .no-results-cta {
        gap: 12px;
        margin-top: 12px;
    }
}

@media (max-width: 480px) {
    .no-results-container {
        padding: 30px 18px;
    }

    .no-results-icon {
        width: 80px;
        height: 80px;
    }

    .no-results-title {
        font-size: 20px;
        line-height: 28px;
    }

    .no-results-subtitle {
        font-size: 16px;
        line-height: 24px;
    }

    .no-results-button {
        padding: 12px 24px;
        font-size: 14px;
        width: 100%;
        box-sizing: border-box;
    }

    .no-results-decoration {
        width: 280px;
        height: 244px;
        opacity: 0.5;
    }

    .no-results-content {
        gap: 10px;
    }

    .no-results-cta {
        gap: 10px;
        margin-top: 10px;
    }
}