/*
Theme Name: Valor Exterior Partners
Theme URI: https://www.valorexteriorpartners.com/
Author: Valor Exterior Partners
Author URI: https://www.valorexteriorpartners.com/
Description: Custom theme replicating the Valor Exterior Partners website. Includes home, about, services, contact and free-estimate pages with the original Cinzel + Gothic A1 typography and navy/cyan brand palette.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: valor-exterior
Tags: business, custom-colors, custom-menu, featured-images, full-width-template, theme-options
*/

/* Theme-specific custom CSS (Tailwind utilities loaded via CDN in header.php) */

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: 'Gothic A1', ui-sans-serif, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #ffffff;
    color: #0a2c5a;
    padding-bottom: 52px; /* room for sticky bottom call bar */
}

.font-cinzel {
    font-family: 'Cinzel', serif;
    letter-spacing: 0.02em;
}

/* Marquee animation */
@keyframes valor-marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.valor-marquee-track {
    animation: valor-marquee 30s linear infinite;
}

/* Transitions only on interactive elements */
a,
button {
    transition-property: color, background-color, border-color, box-shadow,
        transform, opacity;
    transition-timing-function: ease-out;
    transition-duration: 200ms;
}

/* WordPress alignment classes */
.alignleft { float: left; margin-right: 1.5rem; }
.alignright { float: right; margin-left: 1.5rem; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignwide { max-width: 1100px; margin-left: auto; margin-right: auto; }
.alignfull { width: 100%; }
.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}