/* assets/css/contact.css */

/* Remove default select arrow and add custom icon */
select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.75rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
}

.dark select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
}

/* Smooth transitions for inputs */
input,
textarea,
select {
    transition: border-color 0.2s, box-shadow 0.2s, background-color 0.2s;
}

/* Custom Text Selection */
::selection {
    background-color: #2563eb;
    color: white;
}

/* Hover effects for Bento Cards */
.group:hover {
    box-shadow: 0 10px 40px -10px rgba(59, 130, 246, 0.15);
}