/*
Theme Name: Cleverstone
Theme URI: https://cleverstone.nl
Author: Cleverstone
Description: Custom WordPress thema voor Cleverstone vastgoedadvies
Version: 1.0
Text Domain: cleverstone
*/

/* Base resets and custom styles that Tailwind doesn't cover */
*, *::before, *::after { box-sizing: border-box; }

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    vertical-align: middle;
}

.glass-effect {
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

/* Mobile menu */
#mobile-menu {
    display: none;
}
#mobile-menu.open {
    display: flex;
}

/* Smooth scroll */
html { scroll-behavior: smooth; }

/* WordPress alignment helpers */
.aligncenter { display: block; margin: 0 auto; }
.alignleft { float: left; margin: 0 1rem 1rem 0; }
.alignright { float: right; margin: 0 0 1rem 1rem; }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 0.85rem; color: #534248; }

/* Project grid hover effect */
.project-card .project-overlay { transition: opacity 0.3s ease; }
.project-card:hover img { transform: scale(1.05); }
.project-card img { transition: transform 0.7s ease; }

/* Logo grid grayscale */
.klant-logo img {
    filter: grayscale(100%);
    opacity: 0.6;
    transition: filter 0.3s, opacity 0.3s;
}
.klant-logo:hover img {
    filter: grayscale(0%);
    opacity: 1;
}

/* Contact form */
.cs-form-success { display: none; }
.cs-form-success.show { display: block; }