/*
Theme Name: First Priority Supply
Theme URI: http://yourwebsite.com/
Author: Your Name
Author URI: http://yourwebsite.com/
Description: A modern, professional e-commerce theme for flooring supply businesses, ready for WooCommerce.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: first-priority-supply
Tags: e-commerce, woocommerce, responsive, custom-header, custom-menu
*/

/* --- CSS Variables (from readme_file.txt) --- */
:root {
    --primary: #e63946;    /* Main red color */
    --primary-dark: #d62828; /* Darker red for hovers */
    --secondary: #1d3557;  /* Dark blue for headers */
    --accent: #457b9d;     /* Light blue accent */
    --light: #f1faee;      /* Light background */
    --gray: #6c757d;       /* Text gray */
    --dark: #212529;      /* Dark text */
    --border: #dee2e6;     /* Border color */
}

/* Base styles for HTML elements can be added here, 
   but it is better practice to put all structural and
   layout styles in the second CSS file (css/style.css) */

/* --- Cart Notification Animations (extracted from cart_js.js) --- */
@keyframes slideIn {
    from {
        transform: translateX(400px);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideOut {
    from {
        transform: translateX(0);
        opacity: 1;
    }
    to {
        transform: translateX(400px);
        opacity: 0;
    }
}

.mini-cart-dropdown.active {
    display: flex !important;
    animation: slideIn 0.3s ease;
}

.cart-count {
    transition: transform 0.2s ease;
}

.cart-notification {
    animation: slideIn 0.3s ease;
}