/*
 Theme Name:   Rubit's GeneratePress child theme
 Theme URI:    https://rubit.ee
 Description:  GeneratePress child theme by Rubit OÜ
 Author:       Rubit OÜ
 Author URI:   https://rubit.ee
 Template:     generatepress
 Version:      3.2
*/

/*
 * MODULAR CSS WITH @IMPORT
 * 
 * This approach gives you organized development with separate CSS files,
 * but loads everything as one file for the browser.
 * Perfect for sites where most CSS is used site-wide.
 */

/* Import organized CSS modules */
@import url('assets/css/layout.css');
@import url('assets/css/header.css');
@import url('assets/css/contact.css');
@import url('assets/css/woocommerce.css');
@import url('assets/css/checkout.css');
@import url('assets/css/cart.css');

/* 
 * MINIMAL FALLBACK STYLES
 * These basic styles ensure the site functions even if modular CSS fails to load
 */

/* Basic typography */
ol, ul {
    margin-left: 2em;
}

/* Discounted products styling */
.product del {
    color: var(--global-grey);
    text-decoration-color: var(--global-red);
}

/* Basic button styling */
.button, .btn {
    background-color: var(--accent-1, #007cba);
    color: var(--global-white, #ffffff);
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
}

.button:hover, .btn:hover {
    background-color: var(--global-dark-grey, #333333);
}

/* Basic form styling */
input[type="text"], input[type="email"], textarea, select {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 14px;
    background-color: #fff;
}

input[type="text"]:focus, input[type="email"]:focus, textarea:focus, select:focus {
    border-color: var(--accent-1, #007cba);
    outline: none;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
}

/* Basic WooCommerce styling */
.woocommerce .price {
    font-weight: 600;
    color: var(--global-dark-grey, #333);
}

.woocommerce .single_add_to_cart_button, .woocommerce a.button {
    background-color: var(--accent-1, #007cba);
    color: var(--global-white, #ffffff);
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    border: none;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
}

.woocommerce .single_add_to_cart_button:hover, .woocommerce a.button:hover {
    background-color: var(--global-dark-grey, #333333);
}