@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//noesuites.com.cy/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.3.9") format("woff2");
}

:root {
	--wd-text-font: "Alegreya", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(118,118,118);
	--wd-text-font-size: 16px;
	--wd-title-font: "Baskervville", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Baskervville", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Bodoni Moda", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 100;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Baskervville", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 16px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(3,92,103);
	--wd-alternative-color: rgb(213,175,52);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(209,174,130);
	--btn-accented-bgcolor-hover: rgb(0,0,0);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: rgb(213,175,52);
	--wd-link-color-hover: rgb(3,92,103);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://noesuites.com.cy/wp-content/uploads/2025/04/dm-outdoor-swimming-pool-with-umbrella-chair-lounge-around-there-leisure-travel.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
	--wd-popup-padding: 15px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(0,0,0);
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #333;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: #0a0a0a;
}

/* ==========================================================================
   NOE SUITES — GLOBAL CSS

   Responsibilities:
   - Fixed global header
   - Correct page offset beneath the fixed header
   - Mobile menu positioning
   - WoodMart page-layout corrections
   - Temporary booking-bar mobile fixes required by plugin v0.2.3

   Keep WoodMart's native sticky-header option disabled.

   Booking functionality and component styling belong inside the booking plugin.
   Homepage booking-bar placement and spacing belong inside its Elementor block.
   ========================================================================== */


/* ==========================================================================
   SHARED HEADER VALUES
   ========================================================================== */

:root {
    --noe-header-height: 88px;
    --noe-admin-bar-height: 0px;
}

@media (max-width: 767px) {
    :root {
        --noe-header-height: 70px;
    }
}


/* ==========================================================================
   FIXED GLOBAL HEADER
   ========================================================================== */

.whb-header {
    position: fixed !important;
    top: var(--noe-admin-bar-height) !important;
    right: 0;
    left: 0;
    z-index: 99999 !important;
    width: 100%;
    background: #ffffff;
    transform: none !important;
}

/* Prevent WoodMart wrappers from clipping the mobile navigation panel. */
.whb-header,
.whb-main-header,
.whb-row,
.whb-general-header,
.whb-column,
.whb-column-inner,
.whb-flex-row,
.whb-html-block-element,
.whb-html-block-element .wd-el-html {
    overflow: visible !important;
}

.noe-header {
    position: relative !important;
    z-index: 100000 !important;
    width: 100%;
    overflow: visible !important;
    background: #ffffff;
}


/* ==========================================================================
   PAGE LAYOUT
   ========================================================================== */

/* Keep page content directly beneath the fixed header. */
body .main-page-wrapper {
    padding-top: var(--noe-header-height) !important;
}

/* Remove WoodMart's default vertical content spacing. */
.wd-content-layout {
    padding-block: 0 !important;
}


/* ==========================================================================
   TABLET AND MOBILE HEADER
   ========================================================================== */

@media (max-width: 980px) {
    .noe-header__inner {
        position: relative;
        z-index: 100003 !important;
        min-height: var(--noe-header-height);
        background: #ffffff;
    }

    .noe-header__mobile-panel {
        position: fixed !important;
        top: calc(
            var(--noe-admin-bar-height) + var(--noe-header-height)
        ) !important;
        right: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        z-index: 100002 !important;

        display: none;
        width: 100% !important;
        max-height: calc(
            100vh - var(--noe-admin-bar-height) - var(--noe-header-height)
        );
        margin: 0 !important;
        overflow-x: hidden;
        overflow-y: auto;

        border-top: 1px solid rgba(3, 92, 103, 0.13);
        background: #ffffff;
        box-shadow: 0 12px 24px rgba(12, 48, 53, 0.12);
    }

    .noe-header.noe-menu-open
    .noe-header__mobile-panel:not([hidden]) {
        display: block !important;
    }

    .noe-header__mobile-panel[hidden] {
        display: none !important;
    }

    .noe-header__mobile-nav {
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 14px 24px 28px;
        background: #ffffff;
    }
}

@media (max-width: 767px) {
    .noe-header__mobile-nav {
        padding-right: 18px;
        padding-left: 18px;
    }
}


/* ==========================================================================
   WORDPRESS ADMIN BAR
   ========================================================================== */

body.admin-bar {
    --noe-admin-bar-height: 32px;
}

@media (max-width: 782px) {
    body.admin-bar {
        --noe-admin-bar-height: 46px;
    }
}


/* ==========================================================================
   TEMPORARY — BOOKING PLUGIN v0.2.3 MOBILE CORRECTIONS

   Keeps date fields left-aligned and restores their date icons on mobile.
   Remove after these rules are integrated into a future plugin release.
   ========================================================================== */

@media (max-width: 768px) {
    .noe-v2 .noe-v2__field--date {
        justify-content: flex-start !important;
        text-align: left !important;
    }

    .noe-v2 .noe-v2__field--date .noe-v2__icon {
        display: block !important;
        visibility: visible !important;
        flex: 0 0 20px !important;
        color: var(--noe-booking-teal, #035c67) !important;
    }

    .noe-v2 .noe-v2__field--date .noe-v2__icon svg {
        display: block !important;
        width: 20px !important;
        height: 20px !important;
    }

    .noe-v2 .noe-v2__field--date .noe-v2__copy {
        align-items: flex-start !important;
        text-align: left !important;
    }

    .noe-v2 .noe-v2__field--date .noe-v2__label,
    .noe-v2 .noe-v2__field--date .noe-v2__value,
    .noe-v2 .noe-v2__field--date .noe-v2__meta {
        text-align: left !important;
    }
}
/* =========================================================
   NOE SUITES — COOKIE CONSENT UI
   WPLP Cookie Consent
   ========================================================= */

/* Require an explicit consent choice. */
#gdpr-cookie-consent-bar #cookie-banner-cancle-img {
    display: none !important;
}

/* Remove plugin promotional credit. */
#gdpr-cookie-consent-bar .powered-by-credits,.powered-by-credits,.gdprmodal-header button.gdpr_action_button.close {
    display: none !important;
}

/* Balanced spacing after removing the credit. */
#gdpr-cookie-consent-bar {
    padding-bottom: 20px !important;
}

/* Accessible keyboard focus. */
#gdpr-cookie-consent-bar .gdpr_action_button:focus-visible,
#gdpr-cookie-consent-bar #cookie_action_link:focus-visible {
    outline: 2px solid #243028 !important;
    outline-offset: 3px !important;
}

/* Preserve approved button contrast against theme hover rules. */
#gdpr-cookie-consent-bar #cookie_action_accept_all:hover,
#gdpr-cookie-consent-bar #cookie_action_accept_all:focus-visible {
    color: #ffffff !important;
    background-color: #344239 !important;
    border-color: #344239 !important;
}

#gdpr-cookie-consent-bar #cookie_action_reject:hover,
#gdpr-cookie-consent-bar #cookie_action_reject:focus-visible,
#gdpr-cookie-consent-bar #cookie_action_settings:hover,
#gdpr-cookie-consent-bar #cookie_action_settings:focus-visible {
    color: #243028 !important;
    background-color: #ffffff !important;
}

/* Mobile presentation. */
@media (max-width: 767px) {
    #gdpr-cookie-consent-bar {
        left: 12px !important;
        right: 12px !important;
        bottom: 12px !important;
        width: auto !important;
        max-width: none !important;
        padding: 18px !important;
    }

    #gdpr-cookie-consent-bar .gdpr-notice-content-body p {
        font-size: 14px !important;
        line-height: 1.55 !important;
        text-align: left !important;
    }

    #gdpr-cookie-consent-bar .cookie_notice_buttons,
    #gdpr-cookie-consent-bar .left_buttons,
    #gdpr-cookie-consent-bar .right_buttons {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        gap: 9px !important;
    }

    #gdpr-cookie-consent-bar .gdpr_action_button {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
        min-width: 0 !important;
        text-align: center !important;
    }
}