/*
Theme Name: LIMEX Sheet Interactive Theme
Theme URI: https://yourwebsite.com/limex-sheet-theme/
Author: LimitX Group
Author URI: https://yourwebsite.com
Description: A custom WordPress theme for the LIMEX Sheet interactive web application.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: limex-sheet-theme
Tags: custom-layout, single-page, responsive, marketing
*/

/* Custom styles from the SPA HTML */
body {
    background-color: #FDFDFB; /* This will be the base background */
    color: #334155; /* Base text color */
}
/* Ensure the body font-family is set in functions.php via Google Fonts */

.chart-container {
    position: relative;
    width: 100%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    height: 300px;
    max-height: 350px;
}
@media (min-width: 768px) {
    .chart-container {
        height: 350px;
        max-height: 400px;
    }
}
.nav-link {
    position: relative;
    transition: color 0.3s;
}
.nav-link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #84CC16;
    transition: width 0.3s;
}
.nav-link:hover::after,
.nav-link.active::after {
    width: 100%;
}
.hero-bg {
    background-image: linear-gradient(to bottom, rgba(253, 253, 251, 0), #FDFDFB), url('https://images.unsplash.com/photo-1615758428546-f4b0673b687f?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');
    background-size: cover;
    background-position: center;
}
.benefit-card {
    transition: transform 0.3s, box-shadow 0.3s;
}
.benefit-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}
.fade-in {
    animation: fadeIn 0.8s ease-in-out forwards;
    opacity: 0;
}
@keyframes fadeIn {
    to {
        opacity: 1;
    }
}