/*
Theme Name: MoneySuperSaver
Description: A modern, responsive WordPress theme for deals, coupons, and cashback websites. Fully compatible with Elementor page builder.
Author: MoneySuperSaver Team
Version: 1.0.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: moneysupersaver
Tags: e-commerce, deals, coupons, cashback, elementor, responsive, mobile-friendly
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 7.4
*/

/* ==========================================================================
   Import Original Styles
   ========================================================================== */

/* Import the original theme styles */
@import url('assets/css/rehub-theme-style.css');
@import url('assets/css/css-style.css');
@import url('assets/css/css-elementor.css');
@import url('assets/css/css-frontend.css');
@import url('assets/css/css-woocommerce.css');

/* ==========================================================================
   WordPress Theme Base Styles
   ========================================================================== */

/* Reset and base styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    height: 100%;
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 15px;
    line-height: 1.6;
    color: #333;
    background-color: #fff;
}

/* ==========================================================================
   WordPress Theme Structure
   ========================================================================== */

.site {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.site-header {
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    position: sticky;
    top: 0;
    z-index: 1000;
}

.site-main {
    flex: 1;
}

.site-footer {
    background: #f8f9fa;
    padding: 2rem 0;
    margin-top: auto;
}

/* ==========================================================================
   Container and Layout
   ========================================================================== */

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}

/* ==========================================================================
   Elementor Compatibility
   ========================================================================== */

.elementor-page .site-main {
    padding: 0;
}

.elementor-page .container {
    max-width: none;
    padding: 0;
}

/* ==========================================================================
   Responsive Design
   ========================================================================== */

@media (max-width: 768px) {
    .container {
        padding: 0 0.5rem;
    }
}

/* ==========================================================================
   Utility Classes
   ========================================================================== */

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

.mb-0 { margin-bottom: 0; }
.mb-1 { margin-bottom: 0.5rem; }
.mb-2 { margin-bottom: 1rem; }
.mb-3 { margin-bottom: 1.5rem; }
.mb-4 { margin-bottom: 2rem; }

.mt-0 { margin-top: 0; }
.mt-1 { margin-top: 0.5rem; }
.mt-2 { margin-top: 1rem; }
.mt-3 { margin-top: 1.5rem; }
.mt-4 { margin-top: 2rem; }