/*
Theme Name: ReadyGlaze Glass Products
Description: A modern WordPress theme for glassing product websites showcasing showers, robes, mirrors, custom glass, glass floors, and balustrades. Built with Tailwind CSS.
Version: 1.0
Author: ReadyGlaze Team
*/

/* Tailwind CSS will be loaded via CDN in functions.php */

/* Custom Logo Styles */
.readyglaze-logo {
    position: relative;
    max-width: 200px;
    width: 200px;
    height: auto;
    overflow: hidden;
    border-radius: 8px;
}

.readyglaze-logo::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: #3B82F6; /* Vibrant blue */
    border-radius: 8px 0 0 8px;
}

.readyglaze-logo::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: #1E3A8A; /* Dark blue */
    border-radius: 0 8px 8px 0;
}

.logo-curve {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, #3B82F6 0%, #3B82F6 50%, transparent 50%, transparent 100%);
    clip-path: polygon(0% 0%, 25% 0%, 35% 20%, 45% 10%, 55% 30%, 65% 15%, 75% 25%, 85% 10%, 100% 0%, 100% 100%, 0% 100%);
}

.logo-teardrop {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 8px;
    height: 8px;
    background: #3B82F6;
    border-radius: 50%;
}

/* Responsive logo sizing */
@media (max-width: 768px) {
    .readyglaze-logo {
        max-width: 150px;
        width: 150px;
    }
}

@media (max-width: 480px) {
    .readyglaze-logo {
        max-width: 120px;
        width: 120px;
    }
}