/* ===================================================================
   Retemax — global "Filters" launcher + slide-in drawer
   Loads the native Advanced Search form (index.php?page=search) in an
   iframe, so per-category filter fields are always 100% correct.
   Nothing is removed from the site; this is purely additive.
   =================================================================== */

/* ---- Floating side launcher button ---- */
.rtx-filter-launch{
  position:fixed!important;
  right:0!important;
  top:50%!important;
  -webkit-transform:translateY(-50%)!important;
      -ms-transform:translateY(-50%)!important;
          transform:translateY(-50%)!important;
  z-index:99998!important;
  display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;
  -webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important;
  border:none!important;
  background:#F07D26!important;
  color:#fff!important;
  font-family:'Plus Jakarta Sans',Arial,Helvetica,sans-serif!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1!important;
  cursor:pointer!important;
  padding:14px 16px!important;
  border-radius:8px 0 0 8px!important;
  box-shadow:0 4px 14px rgba(0,0,0,.25)!important;
  -webkit-transition:background .2s ease,padding .2s ease!important;
          transition:background .2s ease,padding .2s ease!important;
}
.rtx-filter-launch:hover,
.rtx-filter-launch:focus{background:#D9661A!important;padding-right:22px!important;outline:none!important;}
.rtx-filter-launch svg{
  width:18px!important;height:18px!important;
  margin-right:8px!important;
  -webkit-box-flex:0!important;-ms-flex:0 0 auto!important;flex:0 0 auto!important;
  display:block!important;
}
.rtx-filter-launch__label{white-space:nowrap!important;}

/* Hide launcher while drawer is open */
body.rtx-filter-open .rtx-filter-launch{
  opacity:0!important;pointer-events:none!important;
}

/* ---- Dim overlay ---- */
.rtx-filter-overlay{
  position:fixed!important;
  top:0!important;left:0!important;right:0!important;bottom:0!important;
  background:rgba(15,32,64,.55)!important;
  z-index:99999!important;
  opacity:0!important;
  visibility:hidden!important;
  -webkit-transition:opacity .25s ease,visibility .25s ease!important;
          transition:opacity .25s ease,visibility .25s ease!important;
}
body.rtx-filter-open .rtx-filter-overlay{opacity:1!important;visibility:visible!important;}

/* ---- Drawer panel ---- */
.rtx-filter-drawer{
  position:fixed!important;
  top:0!important;right:0!important;bottom:0!important;
  width:440px!important;
  max-width:100%!important;
  background:#fff!important;
  z-index:100000!important;
  box-shadow:-6px 0 24px rgba(0,0,0,.28)!important;
  display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;
  -webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;
  -ms-flex-direction:column!important;flex-direction:column!important;
  -webkit-transform:translateX(100%)!important;
      -ms-transform:translateX(100%)!important;
          transform:translateX(100%)!important;
  -webkit-transition:-webkit-transform .28s cubic-bezier(.25,.8,.25,1)!important;
          transition:transform .28s cubic-bezier(.25,.8,.25,1)!important;
}
body.rtx-filter-open .rtx-filter-drawer{
  -webkit-transform:translateX(0)!important;
      -ms-transform:translateX(0)!important;
          transform:translateX(0)!important;
}

/* ---- Drawer header ---- */
.rtx-filter-drawer__head{
  -webkit-box-flex:0!important;-ms-flex:0 0 auto!important;flex:0 0 auto!important;
  display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;
  -webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important;
  -webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important;
  padding:16px 20px!important;
  border-bottom:1px solid #E2E6ED!important;
  background:#fff!important;
}
.rtx-filter-drawer__title{
  font-family:'Plus Jakarta Sans',Arial,Helvetica,sans-serif!important;
  font-size:18px!important;font-weight:700!important;color:#0F2040!important;margin:0!important;
}
.rtx-filter-drawer__close{
  border:none!important;background:transparent!important;
  font-size:28px!important;line-height:1!important;color:#6B7A8D!important;
  cursor:pointer!important;padding:0 4px!important;
  -webkit-transition:color .2s ease!important;transition:color .2s ease!important;
}
.rtx-filter-drawer__close:hover,
.rtx-filter-drawer__close:focus{color:#0F2040!important;outline:none!important;}

/* ---- Drawer body (holds iframe) ---- */
.rtx-filter-drawer__body{
  position:relative!important;
  -webkit-box-flex:1!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;
  min-height:0!important;
  background:#fff!important;
}
.rtx-filter-frame{
  width:100%!important;height:100%!important;
  border:0!important;display:block!important;
  background:#fff!important;
  visibility:hidden!important;            /* hidden until first load completes */
}
.rtx-filter-drawer.is-loaded .rtx-filter-frame{visibility:visible!important;}

/* ---- Loading spinner ---- */
.rtx-filter-spinner{
  position:absolute!important;
  top:50%!important;left:50%!important;
  width:42px!important;height:42px!important;
  margin:-21px 0 0 -21px!important;
  border:4px solid #E2E6ED!important;
  border-top-color:#F07D26!important;
  border-radius:50%!important;
  -webkit-animation:rtxFilterSpin .8s linear infinite!important;
          animation:rtxFilterSpin .8s linear infinite!important;
  z-index:2!important;
}
.rtx-filter-drawer.is-loaded .rtx-filter-spinner{display:none!important;}
@-webkit-keyframes rtxFilterSpin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}
@keyframes rtxFilterSpin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}

/* Lock body scroll while open */
body.rtx-filter-open{overflow:hidden!important;}

/* ---- Mobile ---- */
@media (max-width:600px){
  .rtx-filter-drawer{width:100%!important;}
  .rtx-filter-launch{padding:12px 12px!important;font-size:13px!important;}
}

/* ===================================================================
   Styles injected INTO the iframe document (same-origin) to strip the
   site chrome so only the Advanced Search form shows. Class is added
   to <html> of the framed page by retemax-filter.js.
   =================================================================== */
.rtx-inframe #header,
.rtx-inframe .rm-ticker,
.rtx-inframe .top-links,
.rtx-inframe .site-footer,
.rtx-inframe #footer,
.rtx-inframe .page-title-container,
.rtx-inframe .imagebg-container,
.rtx-inframe .index-terms-conditions,
.rtx-inframe .rt-scroll-btns,
.rtx-inframe .rtx-filter-launch,
.rtx-inframe .rtx-filter-overlay,
.rtx-inframe .rtx-filter-drawer,
.rtx-inframe #travelo-login,
.rtx-inframe .mfp-bg,
.rtx-inframe .mfp-wrap{display:none!important;}
.rtx-inframe,
.rtx-inframe body{background:#fff!important;overflow-x:hidden!important;min-width:0!important;}
.rtx-inframe #content{padding:0!important;margin:0!important;}
.rtx-inframe #content > .container,
.rtx-inframe #content .container{width:auto!important;max-width:none!important;margin:0!important;padding:14px 16px!important;}
.rtx-inframe #content .row{margin:0!important;}
.rtx-inframe #main{width:100%!important;padding:0!important;float:none!important;}
.rtx-inframe .advanced-search-form{border:none!important;box-shadow:none!important;margin:0!important;padding:0!important;}
.rtx-inframe .advanced-search-form > h3{margin-top:0!important;}

/* ===================================================================
   Advanced Search form — "Expand search" collapsible + button.
   Applies on the standalone advanced-search page and inside the drawer.
   =================================================================== */
.rtx-adv-extra{
  height:0;
  overflow:hidden;
  opacity:0;
  -webkit-transition:height .32s ease, opacity .32s ease!important;
          transition:height .32s ease, opacity .32s ease!important;
  will-change:height;
}
.rtx-adv-extra.is-open{opacity:1;}
@media (prefers-reduced-motion: reduce){
  .rtx-adv-extra{-webkit-transition:none!important;transition:none!important;}
}

.rtx-search-actions .rtx-expand-btn{
  margin-top:10px!important;
  background:#fff!important;
  color:#0F2040!important;
  border:1px solid #C9D2DF!important;
  -webkit-box-shadow:none!important;box-shadow:none!important;
  -webkit-transition:border-color .2s ease,background .2s ease,color .2s ease!important;
          transition:border-color .2s ease,background .2s ease,color .2s ease!important;
}
.rtx-search-actions .rtx-expand-btn:hover,
.rtx-search-actions .rtx-expand-btn:focus{
  background:#F4F7FB!important;
  border-color:#1D4E96!important;
  color:#1D4E96!important;
  outline:none!important;
}