/*
Theme Name: BecksCarCare Car Wash
Description: A professional car wash and detailing WordPress theme with WooCommerce integration. Features a modern design with customizable options for car wash businesses.
Author: Kgotso Mampa
Author URI: mailto:kotskie99@gmails.co.za
Version: 1.0.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: beckscarcare
Tags: business, automotive, car-wash, woocommerce, responsive, custom-header, custom-background, custom-menu, featured-images, threaded-comments, translation-ready

BecksCarCare Car Wash WordPress Theme, Copyright 2025 Kgotso Mampa
BecksCarCare Car Wash is distributed under the terms of the GNU GPL

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 2 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
*/

/* Import global color variables first */
@import url("css/global-colors.css");

/* Import the main stylesheet */
@import url("css/style.css");

/* Import modular CSS files */
@import url("css/blog.css");
@import url("css/404.css");
@import url("css/search.css");
@import url("css/comments.css");
@import url("css/page.css");
@import url("css/forms.css");
@import url("css/shop-improvements.css");

/* WordPress specific styles */
.alignleft {
    float: left;
    margin: 0 20px 20px 0;
}

.alignright {
    float: right;
    margin: 0 0 20px 20px;
}

.aligncenter {
    display: block;
    margin: 0 auto;
}

.wp-caption {
    max-width: 100%;
    height: auto;
}

.wp-caption-text {
    text-align: center;
    font-size: 14px;
    color: var(--beckscarcare-wp-caption-text);
    margin-top: 5px;
}

.sticky {
    background: var(--beckscarcare-wp-sticky-bg);
    padding: 20px;
    border-left: 4px solid var(--beckscarcare-wp-sticky-border);
}

.bypostauthor {
    background: var(--beckscarcare-wp-bypostauthor-bg);
}

.gallery {
    margin: 20px 0;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

/* WooCommerce specific styles */
.woocommerce-page .page-header {
    background: linear-gradient(135deg, rgba(26, 26, 26, 0.8), rgba(0, 212, 255, 0.2)), url('../car-wash-website-template/img/banner1.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
    padding: 120px 0;
    position: relative;
    overflow: hidden;
}

.woocommerce .price {
    color: var(--beckscarcare-woocommerce-price);
    font-weight: bold;
}

.woocommerce .button {
    background: var(--beckscarcare-woocommerce-btn-bg);
    color: var(--beckscarcare-woocommerce-btn-text);
    border: none;
    padding: 10px 20px;
    border-radius: 30px;
    transition: all 0.3s ease;
}

.woocommerce .button:hover {
    background: var(--beckscarcare-woocommerce-btn-hover-bg);
    color: var(--beckscarcare-woocommerce-btn-hover-text);
}

.woocommerce form .form-row {
    padding: 3px;
    margin: 0 0 6px;
    display: block !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .top-bar {
        display: none;
    }
    
    .navbar-brand {
        font-size: 24px;
    }
}