body {
    background-color: whitesmoke !important;
}

:root {
    --aow-primary: #2D5F8B;
}

.bg-aow {
    background: var(--aow-primary) !important;
}

.color-aow {
    color: var(--aow-primary) !important;
}

.border-aow {
    border: 2px solid var(--aow-primary) !important;
}

.vh-50 {
    height: 50vh;
}

.grecaptcha-badge {
    visibility: hidden !important;
}

.object-position-center {
    object-position: center;
}

/* Navbar styles */
.navbar-custom {
    background-color: rgba(0, 0, 0, 0.5);
}

@media (min-width: 768px) {
    .navbar-brand img {
        width: 120px;
    }

    .navbar-brand h5 {
        font-size: 1.5rem;
    }
}

@media (max-width: 767.98px) {
    .navbar-brand img {
        width: 70px;
    }

    .navbar-brand h5 {
        font-size: 1.1rem;
    }
}

/* WhatsApp button styles */
@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

.whatsapp-link img {
    animation: pulse 2s infinite;
}

/* Onze-Camper styles */
.gallery-item {
    transition: transform 0.3s ease;
}

.gallery-item:hover {
    transform: scale(1.02);
}

.gallery-item:hover::after {
    opacity: 1;
}

.hero-section img {
    transition: transform 0.6s ease;
}

.hero-section img:hover {
    transform: scale(1.03);
}

.hover-shadow {
    transition: all 0.3s ease;
}

.hover-shadow:hover {
    transform: translateY(-5px);
    border-color: var(--aow-primary) !important;
}

/* Datepicker styles */
.air-datepicker-cell.-day-:not(.-other-month-):not(.full-day):not(.half-afternoon):not(.half-morning):not(.-disabled-) {
    color: #008000 !important;
    background-color: rgba(0, 128, 0, 0.1) !important;
    pointer-events: none;
}

.air-datepicker-cell {
    border-radius: 0 !important;
}

.air-datepicker-body--day-names .air-datepicker-body--day-name {
    color: black !important;
}

.air-datepicker-cell.full-day {
    color: #ff0000 !important;
    background-color: rgba(255, 0, 0, 0.25) !important;
}

.air-datepicker-cell.half-morning {
    color: #008000 !important;
    background: transparent linear-gradient(
            to top right,
            rgba(255, 0, 0, 0.25) 0%,
            rgba(255, 0, 0, 0.25) 50%,
            rgba(0, 128, 0, 0.1) 50%,
            rgba(0, 128, 0, 0.1) 100%
    ) !important;
}

.air-datepicker-cell.half-afternoon {
    color: #008000 !important;
    background: linear-gradient(
            to bottom right,
            rgba(0, 128, 0, 0.1) 0%,
            rgba(0, 128, 0, 0.1) 50%,
            rgba(255, 0, 0, 0.25) 50%,
            rgba(255, 0, 0, 0.25) 100%
    ) !important;
}