/* Staging visual alignment enhancement; scoped to hotel landing-page inquiry forms. */
.promo-custom-form { float: none !important; width: 100%; max-width: 1080px; margin-left: auto; margin-right: auto; }
.promo-custom-form #main-form { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 14px; }
.promo-custom-form .form-left-part { float: none !important; width: 100%; max-width: 900px; margin: 0 auto; }
.promo-custom-form .form-left-part ul { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: center; gap: 12px; margin: 0 auto; padding: 0; list-style: none; }
.promo-custom-form .form-left-part ul > li { float: none !important; flex: 1 1 180px; min-width: 160px; max-width: 290px; margin: 0 !important; }
.promo-custom-form .form-left-part ul > li .form-input { box-sizing: border-box; width: 100%; }
.promo-custom-form .form-right-part { float: none !important; width: auto; max-width: 300px; margin: 0 auto; text-align: center; }
.promo-custom-form .form-right-part .button { max-width: 100%; }
.cf-pricing-disclaimer { max-width: 860px; margin: 8px auto 20px; text-align: center; font-size: 13px; line-height: 1.5; color: #625c54; }
@media (max-width: 767px) {
  .promo-custom-form { padding: 10px 12px; }
  .promo-custom-form #main-form { display: block; }
  .promo-custom-form .form-left-part ul { display: block; }
  .promo-custom-form .form-left-part ul > li { max-width: 100%; min-width: 0; width: 100% !important; margin: 0 0 12px !important; }
  .promo-custom-form .form-right-part { max-width: 100%; width: 100%; }
  .promo-custom-form .form-right-part .button { width: 100%; }
}

/* CORFU SECRET – visual experiments V3; only landing home pages */
body:has(.lp-custom-form) header { position:absolute !important; z-index:500 !important; width:100%; top:56px; left:0; background:transparent !important; }
body:has(.lp-custom-form) header .contact-no { float:right !important; padding:8px 0 !important; position:relative; z-index:600; }
body:has(.lp-custom-form) header .dropdown { position:relative; display:inline-block; }
body:has(.lp-custom-form) header .dropbtn { cursor:pointer; background:#fff9ed !important; color:#3d3328 !important; border-radius:8px; padding:10px 14px !important; font-size:14px !important; font-weight:700; box-shadow:0 4px 18px rgba(0,0,0,.18); opacity:1 !important; }
body:has(.lp-custom-form) header .dropdown-content { position:absolute; display:none; right:0; left:auto; min-width:170px; opacity:1 !important; background:#fff9ed !important; border-radius:8px; box-shadow:0 8px 24px rgba(0,0,0,.25); z-index:700; }
body:has(.lp-custom-form) header .dropdown:hover .dropdown-content,body:has(.lp-custom-form) header .dropdown:focus-within .dropdown-content { display:block; }
body:has(.lp-custom-form) header .dropdown-content a { display:block; font-size:13px !important; line-height:1.5 !important; padding:9px 12px; color:#312d28 !important; white-space:nowrap; }
body:has(.lp-custom-form) header .dropdown-content a:hover { background:#e8dfcf; }
body:has(.lp-custom-form) .banner-main { background-image:linear-gradient(rgba(8,24,32,.40),rgba(8,24,32,.27)),url('../images/banner.jpg') !important; background-size:cover !important; background-position:center center !important; }
body:has(.lp-custom-form) .banner-overlay { background:rgba(12,29,39,.16) !important; }
body:has(.lp-custom-form) .lp-custom-form { clear:both; float:none !important; width:min(100%,520px) !important; max-width:520px !important; padding:18px !important; margin:25px auto 0 !important; position:relative; z-index:3; border-radius:14px; background:rgba(255,250,239,.94); box-shadow:0 18px 38px rgba(0,0,0,.22); }
body:has(.lp-custom-form) .lp-custom-form .form-main { float:none !important; padding:0 !important; background:transparent !important; }
body:has(.lp-custom-form) .lp-custom-form .form-left-part { float:none !important; width:100% !important; max-width:none !important; }
body:has(.lp-custom-form) .lp-custom-form .form-left-part ul { margin:0 0 10px !important; padding:0 !important; list-style:none; }
body:has(.lp-custom-form) .lp-custom-form .form-left-part ul li { float:none !important; width:100% !important; max-width:none !important; padding:0 !important; margin:0 !important; }
body:has(.lp-custom-form) .lp-custom-form input.form-input { display:block; width:100% !important; height:46px !important; border:1px solid #d5cec1 !important; background:#fff !important; border-radius:8px !important; padding:10px 14px 10px 42px !important; color:#302c26 !important; box-sizing:border-box; }
body:has(.lp-custom-form) .lp-custom-form .form-inner { left:10px !important; top:8px !important; }
body:has(.lp-custom-form) .lp-custom-form .button { display:block; width:100% !important; height:auto !important; min-height:48px; padding:11px 15px !important; line-height:1.4 !important; white-space:normal !important; font-size:15px !important; border-radius:8px !important; margin-top:8px !important; background:#70434c !important; }
#cookie-bar,#cookie-bar.fixed { box-sizing:border-box; background:#f5eee3 !important; color:#352e29 !important; height:auto !important; min-height:46px; line-height:1.5 !important; padding:9px 15px !important; font-size:12px !important; box-shadow:0 2px 12px rgba(0,0,0,.12); }
#cookie-bar a { color:#2c2825 !important; font-size:12px; padding:5px 9px !important; margin:2px 3px !important; }
#cookie-bar .cb-enable { background:#47604c !important; color:#fff !important; }
#cookie-bar .cb-disable { background:#575757 !important; color:#fff !important; }
#cookie-bar .cb-policy { background:#e6dccc !important; }
@media(max-width:767px){body:has(.lp-custom-form) header { top:70px !important; }body:has(.lp-custom-form) header .contact-no { float:right !important; margin:0 10px 0 0 !important; }body:has(.lp-custom-form) .banner-main{padding-top:190px !important;}body:has(.lp-custom-form) .lp-custom-form{width:calc(100% - 28px) !important;margin:15px auto !important;padding:14px !important;} }

/* V4: compact ivory logo bar, aligned left; clear hero text */
body:has(.lp-custom-form) header { top:100px !important; }
body:has(.lp-custom-form) header .container { max-width:1200px; width:94%; margin:0 auto; display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
body:has(.lp-custom-form) header .logo { box-sizing:border-box; width:205px !important; min-width:0; max-width:205px; padding:8px 13px !important; margin:0 !important; background:rgba(255,250,242,.95) !important; border-radius:0 0 8px 8px; box-shadow:0 3px 10px rgba(10,25,30,.12); text-align:left; float:none !important; }
body:has(.lp-custom-form) header .logo::before, body:has(.lp-custom-form) header .logo:before { display:none !important; content:none !important; }
body:has(.lp-custom-form) header .logo img { display:block; width:100%; max-width:178px; height:auto; }
body:has(.lp-custom-form) header .contact-no { float:none !important; margin:0 !important; padding:5px 0 !important; width:auto !important; }
body:has(.lp-custom-form) .banner-text div span { color:#fff !important; font-weight:700 !important; text-shadow:0 2px 8px rgba(0,0,0,.86); }
body:has(.lp-custom-form) .banner-text h1 { color:#fff !important; font-weight:800 !important; text-shadow:0 2px 9px rgba(0,0,0,.86); }
body:has(.lp-custom-form) .banner-text p { color:#fff !important; font-weight:650 !important; line-height:1.65 !important; text-shadow:0 2px 6px rgba(0,0,0,.9); }
body:has(.lp-custom-form) .banner-text { max-width:790px; margin:0 auto; }
body:has(.lp-custom-form) header .dropdown-content { max-height:260px; overflow-y:auto; }
@media(max-width:767px) {
 body:has(.lp-custom-form) header { top:160px !important; }
 body:has(.lp-custom-form) header .container { width:95%; flex-wrap:nowrap; gap:8px; }
 body:has(.lp-custom-form) header .logo { width:160px !important; max-width:160px; padding:7px 9px !important; }
 body:has(.lp-custom-form) header .logo img { max-width:144px; }
 body:has(.lp-custom-form) header .contact-no { padding:0 !important; }
 body:has(.lp-custom-form) header .dropbtn { font-size:12px !important; padding:8px !important; }
 body:has(.lp-custom-form) .banner-text div span { font-size:23px !important; line-height:1.4 !important; }
}

/* V4 correction: keep the logo below the cookie notification, never behind it. */
body:has(.lp-custom-form) header .logo { z-index:801 !important; position:relative !important; flex:0 0 205px; }
body:has(.lp-custom-form) header .logo img { position:relative !important; z-index:802 !important; filter:contrast(1.22) saturate(1.05); }
body:has(.lp-custom-form) header .container { position:relative; z-index:800; }
@media(max-width:767px){
 body:has(.lp-custom-form) header .logo { flex:0 1 160px; }
 body:has(.lp-custom-form) .banner-main {padding-top:265px !important;}
}


/* OWNER-APPROVED V4: positioning verified against Nov 6 staging screenshot.
   Keep palm image, language button, cookie bar and all page data unchanged. */
body:has(.lp-custom-form) header .logo {
  border-radius: 8px !important;
  left: -200px !important;
}
@media (min-width:768px) {
  body:has(.lp-custom-form) header .logo { left: -220px !important; }
  body:has(.lp-custom-form) .lp-custom-form {
    width: 420px !important;
    max-width: 420px !important;
    margin: 18px 0 0 5% !important;
  }
}
@media (max-width:767px) {
  body:has(.lp-custom-form) header .logo { left: 0 !important; }
  body:has(.lp-custom-form) .lp-custom-form {
    width: calc(100% - 28px) !important;
    max-width: 420px !important;
    margin: 15px auto !important;
  }
}
/* Consistent tidy language / logo treatment on the pages using other forms. */
body:not(:has(.lp-custom-form)) header .logo {
  border-radius: 8px !important;
  background: rgba(255,250,242,.97) !important;
  padding: 8px 13px !important;
  box-sizing: border-box;
  width: 205px;
  max-width: 205px;
}
body:not(:has(.lp-custom-form)) header .logo img {
  display:block; width:100%; max-width:178px; height:auto;
  filter: contrast(1.22) saturate(1.05);
}
body:not(:has(.lp-custom-form)) header .dropdown-content { max-height:260px; overflow-y:auto; }
body:has(.banner-main):not(:has(.lp-custom-form)) .banner-text span,
body:has(.banner-main):not(:has(.lp-custom-form)) .banner-text h1,
body:has(.banner-main):not(:has(.lp-custom-form)) .banner-text p {
  text-shadow:0 2px 7px rgba(0,0,0,.8);
}