﻿/* --- Package Section --- */
.package-details .main-image img {
    aspect-ratio: 2 / 1;
    object-fit: cover;
    border-radius: 8px;
}

.package-details table td,
.package-details table th {
    padding: .75rem;
    background-color: var(--light-gray-blue);
}

.package-details .category {
    color: var(--accent-color);
}

/* --- Gallery --- */
.gallery-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}

    .gallery-wrapper img {
        width: 100%;
        height: 100%;
        aspect-ratio: 4 / 3;
        object-fit: cover;
        border-radius: 5px;
        transition: transform 0.3s ease, filter 0.3s ease;
    }

    .gallery-wrapper:hover img {
        transform: scale(1.08);
        filter: brightness(0.80);
    }

    .gallery-wrapper .preview-link {
        position: absolute;
        inset: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
        transition: opacity .3s ease;
    }

    .gallery-wrapper:hover .preview-link {
        opacity: 1;
    }

.inquiry-form {
    padding: 24px;
    border-radius: 5px 5px 5px 5px;
    background-color: var(--light-gray-blue);
}

    .inquiry-form label {
        font-size: 12px !important;
    }

    .inquiry-form input,
    .inquiry-form textarea {
        font-size: 14px !important;
    }

.hover-overlay {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s ease;
    border-radius: 5px;
}

.gallery-wrapper:hover .hover-overlay {
    opacity: 1;
    visibility: visible;
}

.preview-link i {
    color: var(--accent-color);
    font-size: 24px;
}

.product-item .text-price {
    color: var(--accent-color);
}
