/*
Theme Name: Sailing Child
Theme URI: https://superhosthomes.com/
Template: sailing
Author: Superhost-admin
Author URI: https://superhosthomes.com/
Description: Child theme of sailing hotel
Version: 1.0.1.1772090183
Updated: 2026-02-26 07:16:23

*/

/* Room Facilities List */
.room-facilities-list {
    list-style: none;
    padding: 0px 10px 0px 10px;
    margin: 8px 0 0 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
}

.room-facilities-list li {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    border-radius: 6px;
    padding: 4px 6px;
}

.room-facilities-list li img {
    width: 16px !important;
    height: 16px !important;
    object-fit: contain;
    flex-shrink: 0;
}

.room-facilities-list .facility-item {
    font-size: 14px;
    color: #4F5E71;
    font-weight: 500;
    line-height: 1.3;
}

/* Make facilities and beds/adults sit in same flex row */
.elementor-element-3bb3a92 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

/* Remove default margin from facilities list */
.elementor-element-3bb3a92 .room-facilities-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.elementor-element-3bb3a92 .room-facilities-list li {
    display: flex;
    align-items: center;
    gap: 4px;
}

.elementor-element-3bb3a92 .room-facilities-list .facility-item {
    font-size: 14px;
    font-weight: 500;
    color: #4F5E71;
}

/* Container padding and general text color */
.custom-room-info .elementor-icon-list-items {
    padding: 10px 0; /* Adjust vertical/horizontal padding here */
    color: #b0b0b0;  /* Light gray color */
}

/* Change color of SVG icons */
.custom-room-info .elementor-icon-list-icon svg {
    fill: #b0b0b0;
    width: 14px; /* Adjust icon size if needed */
}

/* Ensure list text stays light gray */
.custom-room-info .elementor-icon-list-text {
    color: #b0b0b0;
    font-size: 13px; /* Optional: adjust font size */
}

/* Target the image icons (Wifi/Parking) to make them look gray/lighter */
.custom-room-info .elementor-icon-list-icon img {
    filter: grayscale(100%) brightness(1.5);
    opacity: 0.7;
}

/* Optional: Add spacing between the horizontal items */
.custom-room-info .elementor-inline-item {
    margin-right: 15px !important;
}

/* Responsive - 2 columns on mobile */
@media (max-width: 767px) {
    .room-facilities-list {
        grid-template-columns: repeat(2, 1fr);
    }
}