/*
Theme Name:     Traveler Childtheme
Description:    Traveler Child Theme
Theme URI:      https://travelerwp.com/
Author:         the ShineTheme
Author URI:     http://shinetheme.com
Version:        1.0
Template:       traveler
*/

.item-infor {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 30px;
}

.owner-info {
  display: none !important;
}

a.service-avatar {
  display: none !important;
}
.facilities .item span {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    text-align: center !important;
}
#st-content-wrapper .facilities .item {
    margin-bottom: 20px;
    font-size: 14px;
    color: var(--grey-color, #5E6D77);
    display: flex;
    align-items: center;
}

#st-content-wrapper .facilities .item .fa {
    margin-right: 15px;
    font-size: 24px;
}

#st-content-wrapper .st-heading-section {
    margin-bottom: 20px;
    font-size: 24px;
    color: var(--heading-color, #1A2B48);
    font-weight: 500;
}

.facilities-icons {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    margin-bottom: 15px;
    margin-top: 10px;
}

.facilities-icons  span.item-facility {
    margin-right: 10px;
}

.item.service-border.st-border-radius .content-inner {
    min-height: 108px;
}

.item-facility .input-icon g,.facilities .item .input-icon g, #st-content-wrapper .facilities .item>.fa {
    fill: #00A6E6 !important;
    stroke: #00A6E6 !important;
    color: #00A6E6 !important;
    border-color: #00A6E6 !important;
}

.input-icon{
  border-color: #00A6E6 !important;
}

.boarding-accordion {
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.boarding-title {
    padding: 15px;
    margin: 0;
    cursor: pointer;
    background-color: #f5f5f5;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.boarding-title:hover {
    background-color: #eee;
}

.boarding-content {
    padding: 15px;
    background-color: #fff;
}

.toggle-icon {
    font-weight: bold;
    font-size: 1.2em;
}

#st-content-wrapper .st-list-rooms .item {
    margin-bottom: 0;
    border: 0;
    border-bottom: 1px solid #d7dce3 !important;
}

#st-content-wrapper .st-list-rooms .item:last-child {
    border-bottom: 0 !important;
}

/* Accordion title styling */
.boarding-title {
    position: relative;
    padding-right: 2rem; /* Space for icon */
    cursor: pointer;
}

/* Plus/Minus icon using SVG background */
.boarding-title::after {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.25rem;
    height: 1.25rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: transform 0.2s ease-in-out;
    
    /* Default state (plus icon) */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'/%3E%3C/svg%3E");
}

/* closed state (minus icon) */
.boarding-title.closed::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M19 13H5v-2h14v2z'/%3E%3C/svg%3E");
    transform: translateY(-50%) rotate(0deg);
}

/* Optional: Add rotation animation */
.boarding-title.closed::after {
    transform: translateY(-50%) rotate(180deg);
}

/* Booking page */
.reservation-summary {
    background: #f8f9fa;
    padding: 50px;
    margin: 50px;
    border-radius: 8px;
}

.reservation-summary h2 {
    margin-top: 0;
    color: #333;
}

.reservation-summary ul {
    list-style: none;
    padding: 0;
}

.reservation-summary li {
    margin-bottom: 8px;
    font-size: 16px;
}

.reservation-summary strong {
    display: inline-block;
    color: #555;
}

/* Style pour les options de paiement */
#input_1_30 .gchoice {
    padding: 10px;
    margin: 5px 0;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
}

#input_1_30 .gchoice:hover {
    background-color: #f8f9fa;
}

#input_1_30 .gf-option-active {
    background-color: #e9f5ff;
    border-color: #204ce5;
}

#input_1_30 .gfield-choice-input {
    margin-right: 10px;
}
.boarding-tabs button.nav-link{
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}

.boarding-tabs button.nav-link.active {
    background: #3b71fe !important;
    color: #fff !important;
    border-bottom: 1px;
}

.boarding-tabs .nav-tabs button.nav-link:focus, .boarding-tabs .nav-tabs button.nav-link:hover {
    border-color: #e9ecef #e9ecef #3b71fe !important;
}

.boarding-tabs .nav-tabs {
    border-bottom: 1px solid #3b71fe !important;
}

.retour a svg {
    position: absolute;
    top: 6px;
    left: 0;
    height: 15px;
    width: 15px;
    fill: #3b71fe;
}

.retour {
    position: relative;
    padding-left: 20px;
    margin-bottom: 20px;
}