@media(max-width: 767px) {
    .single-addon-item .addon-label {
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: 200px;
    }
/*    .safari-booking-info .left-content {
        width: calc(100%);
    }*/
    .safari-booking-info .left-content {

        width: 93%;
        margin-left: 1%;
        margin-right: 1%;
    }

    .booking-card-activity-row {
        margin-left: 0 ;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0 ;
    }
    /* quick: increase right padding so content doesn't butt up to arrow */
    /* desktop only so mobile native pickers stay unchanged */

      

        /* OR target just your booking select:
  select#safari-person.form-control { padding-right: 3rem; }
  */

    select#safari-person.form-control,
  select#safari-person.form-control:focus {
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
        padding-right: 1rem !important; /* room for fake arrow */
        background-color: transparent !important;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8'><path fill='%230b2b1b' d='M5 8L0 0h10z'/></svg>") !important;
        background-repeat: no-repeat !important;
        background-position: right 15px center !important;
        background-size: 10px 8px !important;
    }

        /* WebKit (Chrome, Safari, Edge Chromium) - hide internal indicators */
   
       select#safari-person.form-control::-webkit-clear-button,
        select#safari-person.form-control::-webkit-inner-spin-button,
       select#safari-person.form-control::-webkit-search-cancel-button {
            display: none !important;
            -webkit-appearance: none !important;
            width: 0 !important;
            height: 0 !important;
            opacity: 0 !important;
        }

        /* Firefox */
        form#form1 select#safari-person.form-control::-moz-focus-inner {
            border: 0 !important;
        }

        /* IE / old Edge */
        form#form1 select#safari-person.form-control::-ms-expand {
            display: none !important;
        }

    /* extra specificity fallback */
    html body form#form1 select#safari-person.form-control {
        -webkit-appearance: none !important;
        appearance: none !important;
    }



}
/* target all bootstrap selects */
/* Desktop-only: replace native caret with an identical-looking SVG and move it inward */
/*@media (min-width: 992px) {
    form#form1 select#safari-person.form-control,
    form#form1 select#safari-person.form-control:focus {
        -webkit-appearance: none;*/ /* hide native chrome on WebKit */
        /*-moz-appearance: none;*/ /* Firefox */
        /*appearance: none;
        padding-right: 3rem;*/ /* room for the arrow */
        /*background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='%230b2b1b' d='M5 6L0 0h10z'/></svg>");
        background-repeat: no-repeat;
        background-position: right 18px center;*/ /* <- move arrow inward by changing 18px */
        /*background-size: 10px 6px;*/ /* scale of the arrow */
        /*background-color: transparent;
    }*/

        /* hide IE/Edge built-in caret */
        /*form#form1 select#safari-person.form-control::-ms-expand {
            display: none;
        }
}*/
/* Chrome, Safari, Edge (WebKit) */
/* ===== Force-hide native dropdown/calendar indicators (all browsers) ===== */
@media(max-width:767px) {
    select#safari-person, select#safari-time,
    select#safari-person:focus, select#safari-time:focus {
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
        padding-right: 1rem !important; /* room for fake arrow */
        background-color: transparent !important;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8'><path fill='%230b2b1b' d='M5 8L0 0h10z'/></svg>") !important;
        background-repeat: no-repeat !important;
        background-position: right 15px center !important;
        background-size: 10px 8px !important;
        font-size: 16px;
    }

        /* WebKit (Chrome, Safari, Edge Chromium) - hide internal indicators */
        /*    form#form1 select#safari-person.form-control::-webkit-calendar-picker-indicator,*/
        select#safari-person.form-control::-webkit-clear-button,
        select#safari-person.form-control::-webkit-inner-spin-button,
        select#safari-person.form-control::-webkit-search-cancel-button, select#safari-time.form-control::-webkit-clear-button,
        select#safari-time.form-control::-webkit-inner-spin-button,
        select#safari-time.form-control::-webkit-search-cancel-button {
            display: none !important;
            -webkit-appearance: none !important;
            width: 0 !important;
            height: 0 !important;
            opacity: 0 !important;
        }

        /* Firefox */
        select#safari-person.form-control::-moz-focus-inner, select#safari-time.form-control::-moz-focus-inner {
            border: 0 !important;
        }

        /* IE / old Edge */
        select#safari-person.form-control::-moz-focus-inner, select#safari-time.form-control::-ms-expand {
            display: none !important;
        }

        /* extra specificity fallback */
        select#safari-person.form-control {
            -webkit-appearance: none !important;
            appearance: none !important;
        }
/*    .room-price.price-label {
        flex: 1;
    }*/
    .price-table li:nth-child(-n+3) > div:first-of-type:is(.room-price, .price-label, .addon-label) {
        flex: 1;
    }
    .addons-wrap .addon-title {
        font-size: 18px;
    }

}