/*
Theme Name: San Marino Sportswear
Theme URI: https://example.com/sanmarino
Author: San Marino
Author URI: https://example.com
Description: San Marino Sportswear theme built for Elementor. Includes page templates for Home, About, Shop, Services, and Contact pages. Requires Elementor plugin.
Version: 1.0.0
Requires at least: 5.6
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sanmarino
Tags: elementor, full-width-template, custom-colors, custom-menu, e-commerce, portfolio
*/

/* === Global Reset & Base === */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

:root {
    --color-bg:        #050505;
    --color-dark:      #141412;
    --color-accent:    #d42b1e;
    --color-text:      #f5f5f0;
    --color-muted:     #929289;
    --font-heading:    'Bebas Neue', sans-serif;
    --font-body:       'Barlow', sans-serif;
    --font-condensed:  'Barlow Condensed', sans-serif;
    --container-width: 1400px;
}

html {
    scroll-behavior: smooth;
}

body {
    background-color: var(--color-bg);
    color: var(--color-text);
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

/* === Typography === */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    color: var(--color-text);
    line-height: 1.1;
    letter-spacing: 0.02em;
}

p {
    color: var(--color-text);
    margin-bottom: 1rem;
}

a {
    color: var(--color-accent);
    text-decoration: none;
    transition: color 0.2s ease;
}

a:hover {
    color: var(--color-text);
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* === Layout === */
.container {
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 20px;
}

/* === Elementor Full-Width Support === */
.elementor-section.elementor-section-stretched {
    width: 100vw !important;
    left: 50% !important;
    margin-left: -50vw !important;
}

/* Hide default WP header/footer areas for Elementor pages */
.elementor-page #masthead,
.elementor-page #colophon {
    display: none;
}

/* === WordPress Core Elements === */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.wp-block-image img {
    max-width: 100%;
}

/* === WooCommerce Base Overrides === */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
    background-color: var(--color-accent);
    color: var(--color-text);
    font-family: var(--font-condensed);
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border: none;
    border-radius: 0;
    padding: 12px 28px;
    transition: background-color 0.2s ease;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover {
    background-color: #b02318;
    color: var(--color-text);
}

.woocommerce ul.products li.product .price {
    color: var(--color-accent);
    font-family: var(--font-condensed);
    font-weight: 700;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-family: var(--font-heading);
    color: var(--color-text);
}

/* === Scrollbar === */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: var(--color-dark);
}
::-webkit-scrollbar-thumb {
    background: var(--color-accent);
    border-radius: 3px;
}