/*
 Theme Name:   Astra Child
 Theme URI:    https://wpastra.com/
 Description:  Astra Child for Naid Mykonos
 Author:       Chris
 Author URI:   https://naiadmykonos.com
 Template:     astra
 Version:      1.0.0
 Text Domain:  astra-child
*/

/* Add your child theme CSS below this line */


/*
* This is a fix for missing date and time form placeholders on mobile.
*
* https://github.com/elementor/elementor/issues/21930
*/

/* Remove native iOS styling */
.custom-cls-form .elementor-date-field,
.custom-cls-form .elementor-time-field {
    -webkit-appearance: none;
    position: relative;
}

/* Fake placeholder */
.custom-cls-form .elementor-date-field::before,
.custom-cls-form .elementor-time-field::before {
    content: attr(placeholder);
    color: rgba(0, 0, 0, 0.45); /* Elementor default placeholder color */
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

/* Remove fake placeholder when value exists */
.custom-cls-form .elementor-date-field.field-selected::before,
.custom-cls-form .elementor-time-field.field-selected::before {
    content: "" !important;
}

/* iOS alignment fix */
.custom-cls-form .elementor-date-field::-webkit-date-and-time-value,
.custom-cls-form .elementor-time-field::-webkit-date-and-time-value {
    text-align: left !important;
    width: 100% !important;
    display: block !important;
     position: absolute;
}

/* Fix overflow issue on transfer reuqest page */
#page {
    overflow-x: hidden;
}