/**
 * Khai Mai Hotel - Module Hotel Frontend CSS
 * NgoiSaoSo Team
 */

.hotel-module .form-input-nss {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.hotel-module .form-input-nss:focus {
    border-color: var(--lh-primary) !important;
    box-shadow: 0 0 0 3px rgba(170, 132, 83, 0.15) !important;
}

/* Custom transitions and styles for payment options */
.hotel-module label input[type="radio"]:checked + div span:first-child {
    color: var(--lh-primary);
}

.hotel-module label input[type="radio"]:checked ~ div {
    border-color: var(--lh-primary);
}

.hotel-module label:has(input[type="radio"]:checked) {
    border-color: var(--lh-primary) !important;
    background-color: rgba(170, 132, 83, 0.03) !important;
    box-shadow: 0 4px 15px rgba(170, 132, 83, 0.05);
}

/* Copyable action for success page bank info */
.hotel-module .copyable {
    transition: color 0.2s ease;
}
.hotel-module .copyable:hover {
    color: var(--lh-primary) !important;
    text-decoration: underline;
}

/* Animation spin for loading icon */
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.hotel-module .animate-spin {
    animation: spin 1s linear infinite;
}

/* Gallery Styles for Room Details */
.hotel-module #detail-main-image {
    transition: opacity 0.15s ease-in-out, transform 0.5s ease !important;
}
.hotel-module .gallery-thumb-item {
    transition: all 0.3s ease;
    border-width: 2px;
}
.hotel-module .gallery-thumb-item.active {
    border-color: var(--lh-primary) !important;
    opacity: 1 !important;
}