/*
Theme Name: Oofa Luffa
Description: A beautiful, responsive WordPress theme for handmade natural products business. Features custom product categories, e-commerce functionality, and a pastel rainbow design inspired by stationery aesthetics. Built for WooCommerce and Gutenberg block editor compatibility.
Version: 1.0.0
Author: Oofa Luffa
Text Domain: oofa-luffa
Domain Path: /languages
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 7.4
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: e-commerce, two-columns, right-sidebar, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, woocommerce, full-site-editing
*/

/* Import main stylesheet from assets folder */
@import url('assets/css/styles.css');

/* Ensure proper body styling */
body {
    background: linear-gradient(135deg, var(--luffa-cream) 0%, var(--luffa-pink) 100%) !important;
    font-family: 'Poppins', sans-serif !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix container and layout issues */
.container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

/* Ensure proper header styling */
.site-header {
    background: white !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1) !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 50 !important;
}

/* Fix any WordPress admin bar issues */
.admin-bar .site-header {
    top: 32px !important;
}

@media screen and (max-width: 782px) {
    .admin-bar .site-header {
        top: 46px !important;
    }
}

/* WordPress-specific styles */
.wp-block-image {
    margin: 1rem 0;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
    float: left;
    margin-right: 1rem;
}

.alignright {
    float: right;
    margin-left: 1rem;
}

/* Gutenberg block editor compatibility */
.wp-block-group {
    margin-bottom: 1rem;
}

.wp-block-columns {
    margin-bottom: 1rem;
}

/* WooCommerce compatibility */
.woocommerce .woocommerce-breadcrumb {
    margin-bottom: 2rem;
}

.woocommerce .woocommerce-breadcrumb a {
    color: var(--luffa-purple);
    text-decoration: none;
}

.woocommerce .woocommerce-breadcrumb a:hover {
    color: var(--luffa-purple-dark);
}

.woocommerce .woocommerce-breadcrumb {
    background: none;
    padding: 0;
}

/* WordPress admin bar compatibility */
.admin-bar .sticky {
    top: 32px;
}

@media screen and (max-width: 782px) {
    .admin-bar .sticky {
        top: 46px;
    }
}

/* Block editor styles */
.editor-styles-wrapper {
    font-family: 'Poppins', sans-serif;
}

.editor-styles-wrapper .wp-block {
    max-width: 1200px;
}

.editor-styles-wrapper .wp-block[data-align="wide"] {
    max-width: 1400px;
}

.editor-styles-wrapper .wp-block[data-align="full"] {
    max-width: none;
}