[class*="ui-icon-services"]::before {
    content: "\e927" !important;
    font-family: "icomoon" !important; /* Forces the correct font set */
}
.rating-review-item__customer__provided, .services__header__title, .header__content__primary__left__items div:first-child a {display: none !important;}


.footer-logo.small {max-height: 48px !important;}


.el-textarea__inner{height: 82px;}
.booking-details-body__item__content .text-graphite, .locations-card__details__wh__up, .service-card-dc, .service-dg-dcl__item, .bs-service-card-dc, .bs-extra__extras__item__footer__left__duration{display: none !important}

.booking-time-controls__title {
    /* 1. Hide the original text by making it invisible */
    font-size: 0 !important;
}

.booking-time-controls__title::after {
    /* 2. Inject the new text */
    content: "Check-in time";
    
    /* 3. Restore the font size and styling */
    font-size: 1.2rem; /* Adjust this to match your site's heading size */
    visibility: visible;
    display: block;
}


/* Hide the stopwatch icon */
.ui-icon-stopwatch {
    display: none !important;
}

/* Hide the span.sub-med that comes immediately after it */
.ui-icon-stopwatch + span.sub-med {
    display: none !important;
}

.footer{background: var(--theme-color-primary) !important;}



/* 1. Apply the unified wave background to the main wrapper */
.dl {
    /* Using the SVG base64 you provided earlier */
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyMCIgaGVpZ2h0PSIxMDgwIiB2aWV3Qm94PSIwIDAgMTkyMCAxMDgwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzcyXzQ3MjcxKSI+CiAgICAgICAgPHJlY3Qgd2lkdGg9IjE5MjAiIGhlaWdodD0iMTA4MCIgZmlsbD0iIzM0M0E0MCIvPgogICAgICAgIDxnIG9wYWNpdHk9IjAuMiIgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF83Ml80NzI3MSkiPgogICAgICAgICAgICA8cGF0aCBkPSJNMTkyMCAzODRDMTE3MC4zIDEyMjguOTIgMzI3LjYyNCA4NDEuMTI2IDAgNTQxLjYxM1YxMDgwSDE5MjBWMzg0WiIgZmlsbD0iIzY2OUNGNSIvPgogICAgICAgIDwvZz4KICAgICAgICA8cGF0aCBvcGFjaXR5PSIwLjU2IiBkPSJNMTkyMCA1ODhDMTYzMi41NCA5MzcuMiA1MjAuMjIzIDk0Mi44MzMgMCA5MDJWMTA4MEgxOTIwVjU4OFoiIGZpbGw9IiNFNkVGRkUiLz4KICAgICAgICA8cGF0aCBvcGFjaXR5PSIwLjQiIGQ9Ik0wIDEwODAuNUgxOTIwVjg1Mi45NjdDMTY1NiA5NDAuNzE2IDExNjkuOTggMTAwOC40NCA3NDYuMjQ1IDc2MC43OThDNDA5LjQxNCA1NjMuOTQxIDE1NS42MDYgNjgyLjAwNCAwIDg0Ni4wMzRWMTA4MC41WiIgZmlsbD0iIzY2OUNGNSIvPgogICAgPC9nPgogICAgPGRlZnM+CiAgICAgICAgPGZpbHRlciBpZD0iZmlsdGVyMF9kXzcyXzQ3MjcxIiB4PSItNCIgeT0iMzg0IiB3aWR0aD0iMTkyOCIgaGVpZ2h0PSI3MDQiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KICAgICAgICAgICAgPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KICAgICAgICAgICAgPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CiAgICAgICAgICAgIDxmZU9mZnNldCBkeT0iNCIvPgogICAgICAgICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyIi8+CiAgICAgICAgICAgIDxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4yNSAwIi8+CiAgICAgICAgICAgIDxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzcyXzQ3MjcxIi8+CiAgICAgICAgICAgIDxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzcyXzQ3MjcxIiByZXN1bHQ9InNoYXBlIi8+CiAgICAgICAgPC9maWx0ZXI+CiAgICAgICAgPGNsaXBQYXRoIGlkPSJjbGlwMF83Ml80NzI3MSI+CiAgICAgICAgICAgIDxyZWN0IHdpZHRoPSIxOTIwIiBoZWlnaHQ9IjEwODAiIGZpbGw9IiNFNkVGRkUiLz4KICAgICAgICA8L2NsaXBQYXRoPgogICAgPC9kZWZzPgo8L3N2Zz4K');
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    min-height: 100vh;
    
    /* Optional: Uncomment the line below for a cool parallax effect when scrolling! */
    /* background-attachment: fixed; */ 
}

/* 2. Make the child sections transparent so the main background shows through */
.hero,
.dl__scroll,
.dl__wrapper,
.dl__wrapper__background {
    background-color: transparent !important;
    background-image: none !important;
}

/* 3. Hide the secondary, overlapping wave SVG that is currently inside the hero section */
.hero__background {
    display: none !important;
}





/* CSS για να ειναι το premium badge κάτω από την τιμή */
/* 1. Standardize the Tags */
.ui-tag, 
.ui-price-tag {
    /* Set identical font size */
    font-size: 14px !important;
    font-weight: 600 !important;
       
    /* Set a matching corner roundness */
    border-radius: 6px !important;
    
    /* Center text and force height */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    line-height: 1 !important;

    height: 28px !important; /* Forces them to be the exact same thickness */
    padding: 6px 10px !important;
}

/* 2. Target the text inside specifically to ensure they match */
.ui-tag__content,
.ui-price-tag__current {
    font-size: 14px !important;
    line-height: 1 !important;
    display: block !important;
}

/* 3. Container cleanup for the vertical stack */
.service-card-grid__header__badges {
    display: flex !important;
    flex-direction: column-reverse !important;
    align-items: flex-end !important;
    gap: 6px !important; /* Space between the two */
    position: absolute;
    top: 16px;
    right: 16px;
}


/* CSS για το Each next night (x2) στο booking details */
.booking-details__body .ui-tag {
    height: 20px !important;
    padding: 0 5px !important;
    display: inline-flex; /* Ensures content centers correctly at small heights */
    align-items: center;  /* Keeps the 'x3' text vertically aligned */
}

/* Optional: If the text inside ('sub-med') has a large line-height, 
   you might need this to prevent the text from being cut off */
.booking-details__body .ui-tag__content {
    line-height: 1 !important;
}