/*
Theme Name: Niish-WP-Tireshop theme
Theme URI: www.codelabprojects.com
Author: CLP Software Engineers
Author URI: We the people
Description: Quick spin off for Ameritech Tire Shop
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive
Tags: one-pager
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */



/*
Theme Name: Ameritech Tires Theme
Theme URI: https://example.com/ameritech-tires
Author: Your Name
Author URI: https://example.com
Description: A custom one-page Bootstrap 5 theme for Ameritech Tires, optimized for high contrast.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ameritech-tires
*/

/* ---------------------------------- */
/* Custom Styles for Ameritech Theme */
/* ---------------------------------- */

/* Custom Color Variables (Dark Blue, Bright Red, White) */
:root {
    --primary-custom: #002d5c; /* Dark Blue */
    --red-sale: #e74c3c;      /* Bright Red for Sales/CTA */
    --light-bg: #f8f9fa;      /* Very Light Gray for body background */
    --black-text: #212529;    /* Dark Gray/Black for default text */
}

/* Set default body background for better distinction from pure white elements */
body {
    background-color: var(--light-bg);
    color: var(--black-text); /* Ensure default text is black */
}

/* Custom Utilities based on variables */
.bg-primary-custom {
    background-color: var(--primary-custom) !important;
}

.text-primary-custom {
    color: var(--primary-custom) !important;
}

/* Button Styling for contrast */
.btn-primary-custom {
    background-color: var(--primary-custom);
    border-color: var(--primary-custom);
    color: #ffffff;
    transition: background-color 0.3s;
}

.btn-primary-custom:hover {
    background-color: #00428f;
    border-color: #00428f;
}

.btn-warning {
    color: var(--primary-custom) !important; /* Yellow button text should be dark blue for contrast */
    font-weight: bold;
}

.text-red-sale {
    color: var(--red-sale) !important;
}

/* Hero Section Styling (Ensuring WHITE text has a DARK background) */
.hero-section {
    height: 70vh;
    /* Placeholder Image URL for contrast */
    background: url('https://placehold.co/1920x800/002d5c/ffffff?text=Premium+Tires') no-repeat center center;
    background-size: cover;
    position: relative;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.hero-section::before {
    /* Dark overlay to ensure text contrast */
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.65); /* Increased opacity for better contrast */
    z-index: 1;
}

.hero-section .container {
    position: relative;
    z-index: 2; /* Keep content above the overlay */
}

/* Specific component background fixes */
.carousel-inner .carousel-item {
    background-color: rgba(0, 0, 0, 0.2); /* Subtle dark background on the content box */
    border-radius: 1.5rem;
    backdrop-filter: blur(2px);
}

/* Icons */
.location-icon {
    font-size: 2.5rem;
    color: var(--red-sale);
}

.shadow-lifted {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05) !important;
}