/* Movenpick Phu Quoc v2 — child theme custom styles. */

/* ---------------------------------------------------------------------------
   Property selector (Resort / Residences)

   The field reuses the theme's native .field > .label + .select_wrap markup,
   so the vertical (sidebar) form picks up the sibling styling for free.
   The horizontal bar needs two fixes: the parent hardcodes 33.333% for the
   three general_info fields (we add a fourth), and it scopes the main label
   colour to arrival/departure/rooms by class name.
   --------------------------------------------------------------------------- */

.bookingform.bookingform_horizontal .wrap.general_info_wrap .inner_wrap .field {
    width: 25%;
}

.bookingform.bookingform_horizontal .wrap.general_info_wrap .field.property_field .label_title {
    color: var(--booking_form_main_labelColor);
}

.bookingform .property_field .select_wrap select {
    width: 100%;
    border: 0;
    background: transparent;
    color: var(--font_color);
    cursor: pointer;
    border: 1px solid var(--header_border);
}

/* ---------------------------------------------------------------------------
   Social links — Naver / XiaoHongShu

   Neither network has a Font Awesome glyph, so the icon class registered in
   functions.php (fa-naver / fa-xiaohongshu) is a placeholder hook: swap its
   empty ::before for the supplied SVG logo.
   --------------------------------------------------------------------------- */

/* Not scoped to a container: the links render inside .social (header/footer)
   and .socials (social media block). The anchor + icon class pair is unique. */

a.naver .fa-naver,
a.xiaohongshu .fa-xiaohongshu {
    position: relative;
}

a.naver .fa-naver:before,
a.xiaohongshu .fa-xiaohongshu:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 55%;
}

a.naver .fa-naver:before {
    background-image: url('logos/naver.svg');
}

a.xiaohongshu .fa-xiaohongshu:before {
    background-image: url('logos/xiaohongshu.svg');
}

/* ---------------------------------------------------------------------------
   Highlight menu — keep each item on one line on large screens

   The parent caps #header .container at 1160px up to 1699px, which forces
   "Fitness & Wellness" and "Meetings & Weddings" onto two lines. From 1440px
   the full 1350px fits logo, menu and the sticky Book now button. Below that
   the sticky header has no room, so the parent behaviour is kept.
   --------------------------------------------------------------------------- */

@media (min-width: 1440px) {
    #header > .container {
        max-width: 1350px;
    }

    #menu-highlight-menu > li > a {
        white-space: nowrap;
    }
}