.elementor-1739 .elementor-element.elementor-element-0fc665f{--display:flex;--min-height:85vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.68;}.elementor-1739 .elementor-element.elementor-element-0fc665f::before, .elementor-1739 .elementor-element.elementor-element-0fc665f > .elementor-background-video-container::before, .elementor-1739 .elementor-element.elementor-element-0fc665f > .e-con-inner > .elementor-background-video-container::before, .elementor-1739 .elementor-element.elementor-element-0fc665f > .elementor-background-slideshow::before, .elementor-1739 .elementor-element.elementor-element-0fc665f > .e-con-inner > .elementor-background-slideshow::before, .elementor-1739 .elementor-element.elementor-element-0fc665f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#05070280;--background-overlay:'';}.elementor-1739 .elementor-element.elementor-element-0fc665f:not(.elementor-motion-effects-element-type-background), .elementor-1739 .elementor-element.elementor-element-0fc665f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://terraza.com/wp-content/uploads/2025/09/att.A1ZikMTDY75FGQv7BvUziWN6YC4zXweauaAMGHhw59A-1.jpg") 50% 50%;background-size:cover;}.elementor-1739 .elementor-element.elementor-element-c3b1c58{border-radius:5px 5px 5px 5px;}.elementor-1739 .elementor-element.elementor-element-7d169f3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1739 .elementor-element.elementor-element-7d169f3:not(.elementor-motion-effects-element-type-background), .elementor-1739 .elementor-element.elementor-element-7d169f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-1739 .elementor-element.elementor-element-33edd95{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-073187f );--border-color:var( --e-global-color-073187f );}.elementor-1739 .elementor-element.elementor-element-7f46965{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1739 .elementor-element.elementor-element-3d175a0 .elementor-icon-list-icon i{color:var( --e-global-color-073187f );transition:color 0.3s;}.elementor-1739 .elementor-element.elementor-element-3d175a0 .elementor-icon-list-icon svg{fill:var( --e-global-color-073187f );transition:fill 0.3s;}.elementor-1739 .elementor-element.elementor-element-3d175a0{--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-1739 .elementor-element.elementor-element-3d175a0 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1739 .elementor-element.elementor-element-3d175a0 .elementor-icon-list-item > a{font-family:"Oswald", Sans-serif;font-size:18px;font-weight:300;}.elementor-1739 .elementor-element.elementor-element-3d175a0 .elementor-icon-list-text{color:var( --e-global-color-073187f );transition:color 0.3s;}.elementor-1739 .elementor-element.elementor-element-8ded7fc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 0px 1px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:1px;border-color:var( --e-global-color-073187f );--border-color:var( --e-global-color-073187f );}.elementor-1739 .elementor-element.elementor-element-4ef8388{--display:flex;--min-height:62vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:120px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-1739 .elementor-element.elementor-element-2c4b57e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--border-radius:10px 10px 10px 10px;--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;--padding-top:75px;--padding-bottom:75px;--padding-left:75px;--padding-right:75px;}.elementor-1739 .elementor-element.elementor-element-2c4b57e:not(.elementor-motion-effects-element-type-background), .elementor-1739 .elementor-element.elementor-element-2c4b57e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-1739 .elementor-element.elementor-element-fe66ac0 .elementor-heading-title{font-size:32px;color:var( --e-global-color-073187f );}.elementor-1739 .elementor-element.elementor-element-f9dfd21{color:var( --e-global-color-073187f );}.elementor-1739 .elementor-element.elementor-element-25ef008 .elementor-button{background-color:#947C3E;font-size:15px;fill:#FFFFFF;color:#FFFFFF;}.elementor-1739 .elementor-element.elementor-element-25ef008 .elementor-button:hover, .elementor-1739 .elementor-element.elementor-element-25ef008 .elementor-button:focus{background-color:var( --e-global-color-073187f );color:var( --e-global-color-accent );}.elementor-1739 .elementor-element.elementor-element-25ef008 .elementor-button:hover svg, .elementor-1739 .elementor-element.elementor-element-25ef008 .elementor-button:focus svg{fill:var( --e-global-color-accent );}.elementor-1739 .elementor-element.elementor-element-9d7de2b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:10px 10px 10px 10px;--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;}.elementor-1739 .elementor-element.elementor-element-9d7de2b:not(.elementor-motion-effects-element-type-background), .elementor-1739 .elementor-element.elementor-element-9d7de2b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://terraza.com/wp-content/uploads/2025/11/4Q5A2598-scaled.jpg");background-size:cover;}.elementor-1739 .elementor-element.elementor-element-78af923{--spacer-size:50px;}.elementor-1739 .elementor-element.elementor-element-60af2f0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:10px 10px 10px 10px;--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;}.elementor-1739 .elementor-element.elementor-element-60af2f0:not(.elementor-motion-effects-element-type-background), .elementor-1739 .elementor-element.elementor-element-60af2f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://terraza.com/wp-content/uploads/2025/11/6P0A5679-scaled.jpg");background-position:-83px 0px;background-size:cover;}.elementor-1739 .elementor-element.elementor-element-c47ee8b{--spacer-size:50px;}.elementor-1739 .elementor-element.elementor-element-b718317{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:10px 10px 10px 10px;--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;--padding-top:75px;--padding-bottom:75px;--padding-left:75px;--padding-right:75px;}.elementor-1739 .elementor-element.elementor-element-b718317:not(.elementor-motion-effects-element-type-background), .elementor-1739 .elementor-element.elementor-element-b718317 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-1739 .elementor-element.elementor-element-8009b0b .elementor-heading-title{font-size:32px;color:var( --e-global-color-073187f );}.elementor-1739 .elementor-element.elementor-element-d28294c{color:var( --e-global-color-073187f );}.elementor-1739 .elementor-element.elementor-element-f878c71 .elementor-button{font-size:15px;fill:#FFFFFF;color:#FFFFFF;}.elementor-1739 .elementor-element.elementor-element-f878c71 .elementor-button:hover, .elementor-1739 .elementor-element.elementor-element-f878c71 .elementor-button:focus{color:var( --e-global-color-accent );}.elementor-1739 .elementor-element.elementor-element-f878c71 .elementor-button:hover svg, .elementor-1739 .elementor-element.elementor-element-f878c71 .elementor-button:focus svg{fill:var( --e-global-color-accent );}.elementor-1739 .elementor-element.elementor-element-d3ce092{--display:flex;--min-height:62vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:20px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-1739 .elementor-element.elementor-element-fddd6e4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--overlay-opacity:0.65;--border-radius:10px 10px 10px 085px;--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;--padding-top:75px;--padding-bottom:75px;--padding-left:75px;--padding-right:75px;}.elementor-1739 .elementor-element.elementor-element-fddd6e4:not(.elementor-motion-effects-element-type-background), .elementor-1739 .elementor-element.elementor-element-fddd6e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );background-image:url("https://terraza.com/wp-content/uploads/2025/09/thumbnail-4.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1739 .elementor-element.elementor-element-fddd6e4::before, .elementor-1739 .elementor-element.elementor-element-fddd6e4 > .elementor-background-video-container::before, .elementor-1739 .elementor-element.elementor-element-fddd6e4 > .e-con-inner > .elementor-background-video-container::before, .elementor-1739 .elementor-element.elementor-element-fddd6e4 > .elementor-background-slideshow::before, .elementor-1739 .elementor-element.elementor-element-fddd6e4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1739 .elementor-element.elementor-element-fddd6e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-1739 .elementor-element.elementor-element-fddd6e4.e-con:hover{--e-con-transform-scale:1.02;}.elementor-1739 .elementor-element.elementor-element-f737b9b .elementor-heading-title{font-size:55px;font-weight:800;color:var( --e-global-color-073187f );}.elementor-1739 .elementor-element.elementor-element-da1bdda{color:var( --e-global-color-073187f );}.elementor-1739 .elementor-element.elementor-element-b27da33 .elementor-button{font-size:13px;}.elementor-1739 .elementor-element.elementor-element-ca776e3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--overlay-opacity:0.5;--border-radius:10px 85px 10px 10px;--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;--padding-top:75px;--padding-bottom:75px;--padding-left:75px;--padding-right:75px;}.elementor-1739 .elementor-element.elementor-element-ca776e3:not(.elementor-motion-effects-element-type-background), .elementor-1739 .elementor-element.elementor-element-ca776e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );background-image:url("https://terraza.com/wp-content/uploads/2025/11/2e4235cb-f5a5-4b2b-b116-6bf9677b6eec-1.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1739 .elementor-element.elementor-element-ca776e3::before, .elementor-1739 .elementor-element.elementor-element-ca776e3 > .elementor-background-video-container::before, .elementor-1739 .elementor-element.elementor-element-ca776e3 > .e-con-inner > .elementor-background-video-container::before, .elementor-1739 .elementor-element.elementor-element-ca776e3 > .elementor-background-slideshow::before, .elementor-1739 .elementor-element.elementor-element-ca776e3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1739 .elementor-element.elementor-element-ca776e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-1739 .elementor-element.elementor-element-ca776e3.e-con:hover{--e-con-transform-scale:1.02;}.elementor-1739 .elementor-element.elementor-element-bc986d4 .elementor-heading-title{font-size:55px;font-weight:800;color:var( --e-global-color-073187f );}.elementor-1739 .elementor-element.elementor-element-0df07af{color:var( --e-global-color-073187f );}.elementor-1739 .elementor-element.elementor-element-62b1cfa .elementor-button{font-size:13px;}.elementor-1739 .elementor-element.elementor-element-e869964{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.7;border-style:solid;--border-style:solid;border-width:0px 0px 2px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:2px;--border-left-width:0px;border-color:var( --e-global-color-073187f );--border-color:var( --e-global-color-073187f );--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-1739 .elementor-element.elementor-element-e869964:not(.elementor-motion-effects-element-type-background), .elementor-1739 .elementor-element.elementor-element-e869964 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-image:url("https://terraza.com/wp-content/uploads/2025/11/LY4A8138-scaled.jpg");background-position:center center;background-size:cover;}.elementor-1739 .elementor-element.elementor-element-e869964::before, .elementor-1739 .elementor-element.elementor-element-e869964 > .elementor-background-video-container::before, .elementor-1739 .elementor-element.elementor-element-e869964 > .e-con-inner > .elementor-background-video-container::before, .elementor-1739 .elementor-element.elementor-element-e869964 > .elementor-background-slideshow::before, .elementor-1739 .elementor-element.elementor-element-e869964 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1739 .elementor-element.elementor-element-e869964 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-1739 .elementor-element.elementor-element-dd71189{padding:0px 0px 0px 15px;}.elementor-1739 .elementor-element.elementor-element-dd71189 .elementor-heading-title{color:var( --e-global-color-073187f );}@media(max-width:1024px){.elementor-1739 .elementor-element.elementor-element-60af2f0:not(.elementor-motion-effects-element-type-background), .elementor-1739 .elementor-element.elementor-element-60af2f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(min-width:768px){.elementor-1739 .elementor-element.elementor-element-0fc665f{--content-width:1200px;}.elementor-1739 .elementor-element.elementor-element-7d169f3{--content-width:1200px;}.elementor-1739 .elementor-element.elementor-element-33edd95{--width:50%;}.elementor-1739 .elementor-element.elementor-element-7f46965{--width:50%;}.elementor-1739 .elementor-element.elementor-element-8ded7fc{--width:50%;}.elementor-1739 .elementor-element.elementor-element-4ef8388{--width:1280px;}.elementor-1739 .elementor-element.elementor-element-2c4b57e{--width:55%;}.elementor-1739 .elementor-element.elementor-element-9d7de2b{--width:35%;}.elementor-1739 .elementor-element.elementor-element-60af2f0{--width:35%;}.elementor-1739 .elementor-element.elementor-element-b718317{--width:55%;}.elementor-1739 .elementor-element.elementor-element-d3ce092{--content-width:1200px;}.elementor-1739 .elementor-element.elementor-element-fddd6e4{--width:48%;}.elementor-1739 .elementor-element.elementor-element-ca776e3{--width:48%;}.elementor-1739 .elementor-element.elementor-element-e869964{--content-width:1200px;}}@media(max-width:767px){.elementor-1739 .elementor-element.elementor-element-0fc665f{--min-height:70vh;}.elementor-1739 .elementor-element.elementor-element-7d169f3{--padding-top:8px;--padding-bottom:8px;--padding-left:8px;--padding-right:8px;}.elementor-1739 .elementor-element.elementor-element-33edd95{border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-1739 .elementor-element.elementor-element-7f46965{--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-1739 .elementor-element.elementor-element-8ded7fc{border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-1739 .elementor-element.elementor-element-4ef8388{--padding-top:15vw;--padding-bottom:20vw;--padding-left:0vw;--padding-right:0vw;}.elementor-1739 .elementor-element.elementor-element-2c4b57e{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-1739 .elementor-element.elementor-element-78af923{--spacer-size:150px;}.elementor-1739 .elementor-element.elementor-element-60af2f0:not(.elementor-motion-effects-element-type-background), .elementor-1739 .elementor-element.elementor-element-60af2f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-1739 .elementor-element.elementor-element-c47ee8b{--spacer-size:150px;}.elementor-1739 .elementor-element.elementor-element-b718317{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-1739 .elementor-element.elementor-element-d3ce092{--padding-top:15vw;--padding-bottom:20vw;--padding-left:0vw;--padding-right:0vw;}.elementor-1739 .elementor-element.elementor-element-fddd6e4{--border-radius:10px 10px 10px 10px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-1739 .elementor-element.elementor-element-ca776e3{--border-radius:10px 10px 10px 10px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-1739 .elementor-element.elementor-element-e869964{--padding-top:010vw;--padding-bottom:25vw;--padding-left:0vw;--padding-right:0vw;}.elementor-1739 .elementor-element.elementor-element-dd71189{text-align:center;}}/* Start custom CSS for html, class: .elementor-element-c3b1c58 *//* =========================
   Hoist / Terraza – layout + rundade hörn
   ========================= */

.besearchmask * { box-sizing: border-box; }

/* Bakgrundsrutan */
.besearchmask .searchmask-container{
  border-radius: 14px;
  padding: 18px;
}

/* Rundade hörn på fält + knappar */
.besearchmask .sm-form-control,
.besearchmask .occupancy-summary,
.besearchmask .be-button,
.besearchmask .plus-minus-.elementor-1739 .elementor-element.elementor-element-c3b1c58{
  border-radius: 10px !important;
}

/* Ser till att rundningen faktiskt syns även om något barn-element “spiller” */
.besearchmask .sm-input-wrap,
.besearchmask .dropdown-wrapper{
  border-radius: 10px;
  overflow: hidden;
}

/* Desktop/tablet: allt på en rad */
@media (min-width: 768px){

  /* Yttersta raden: fältblock + SÖK-knapp */
  .besearchmask .sm-fields > .row.sm-row{
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    gap: 12px;              /* <-- detta styr avståndet mellan fältblocket och SÖK */
  }

  /* Vänster block (alla fält) ska få ta utrymme, knappen ska inte tryckas ner */
  .besearchmask .sm-fields > .row.sm-row > .sm-col:first-child{
    flex: 1 1 auto;
    min-width: 0;
  }
  .besearchmask .sm-fields > .row.sm-row > .sm-col:last-child{
    flex: 0 0 auto;
  }

  /* Inre raden med fälten */
  .besearchmask .sm-fields > .row.sm-row > .sm-col:first-child > .row.sm-row{
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    gap: 10px;             /* <-- avstånd mellan själva fälten */
  }

  /* Tar bort “kolumn-padding” som ofta skapar onödiga glapp */
  .besearchmask .sm-col{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Valfria min-bredder så allt håller sig snyggt på en rad */
  .besearchmask #SMJSON-classification{ min-width: 120px; }
  .besearchmask #SMJSON-arrivalDate,
  .besearchmask #SMJSON-departureDate{ min-width: 140px; }
  .besearchmask .bindToggleOccupancy{ min-width: 260px; }
}

/* Bonus: enhetlig höjd på alla fält + knapp */
.besearchmask .sm-form-control,
.besearchmask .occupancy-summary,
.besearchmask .sm-book-button{
  height: 44px;
  line-height: 44px;
}

/* Så occupancy-fältet centrerar texten fint */
.besearchmask .occupancy-summary{
  display: flex;
  align-items: center;
  padding: 0 12px;
}

/* SÖK-knappen: ingen extra “radkänsla” */
.besearchmask .sm-book-wrap{ margin-top: 0 !important; }
.besearchmask .sm-book-button{ white-space: nowrap; }
/* =========================
   Finjustering: mindre glapp + bättre SÖK + bredare datumfält
   ========================= */

@media (min-width: 768px){

  /* Mindre glapp mellan fältblocket och SÖK-knappen */
  .besearchmask .sm-fields > .row.sm-row{
    gap: 6px !important;   /* <-- justera vid behov (t.ex. 4–10px) */
  }

  /* Se till att den inre raden (med fälten) fyller hela ytan */
  .besearchmask .sm-fields > .row.sm-row > .sm-col:first-child > .row.sm-row{
    width: 100%;
  }

  /* Datumkolumnerna: gör dem lite bredare och “låsta” */
  .besearchmask .bindTriggerArrival,
  .besearchmask .bindTriggerDeparture{
    flex: 0 0 155px;       /* <-- öka/minska (t.ex. 165px) */
  }

  .besearchmask #SMJSON-arrivalDate,
  .besearchmask #SMJSON-departureDate{
    min-width: 155px;
    padding-right: 34px;   /* plats för kalender-ikon om den ligger ovanpå */
  }

  /* Occupancy-kolumnen (Antal rum och gäster): låt den växa och ta upp “tomrummet” */
  .besearchmask .sm-fields .bindToggleOccupancy{
    width: 100%;
  }

  /* Targetar själva kolumnen som innehåller occupancy (col-lg-4 i din HTML) */
  .besearchmask .sm-fields .col-lg-4.sm-col{
    flex: 1 1 auto;
    min-width: 260px;
  }

  /* SÖK-kolumnen: ingen extra padding och fin align */
  .besearchmask .sm-fields > .row.sm-row > .sm-col:last-child{
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: flex;
    align-items: flex-end;
  }

  /* SÖK-knappen: exakt centrering + tydlig storlek */
  .besearchmask .sm-book-wrap{
    margin: 0 !important;
  }

  .besearchmask .sm-book-button{
    min-width: 130px;      /* <-- justera om du vill ha bredare knapp */
    height: 44px;
    line-height: normal !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
  }
}
/* =========================
   HARD FIX: ta bort bootstrap-glapp + få plats i rutorna
   ========================= */

@media (min-width: 768px){

  /* Ytterrad: (fältblock) + (SÖK) */
  .besearchmask .sm-fields > .row.sm-row{
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-end !important;
    gap: 8px !important;              /* avstånd mellan fältblock och SÖK */
  }

  /* Vänster kolumn (col-lg-10): låt den bli "auto", inte 10/12 */
  .besearchmask .sm-fields > .row.sm-row > .col-12.col-lg-10.sm-col{
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  /* Höger kolumn (SÖK): inga procentbredder */
  .besearchmask .sm-fields > .row.sm-row > .col-12.col-lg-2.sm-col{
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
  }

  /* Inre raden med fälten: gör den flex och fyll hela bredden */
  .besearchmask .sm-fields > .row.sm-row > .col-12.col-lg-10.sm-col > .row.sm-row{
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-end !important;
    width: 100% !important;
    gap: 10px !important;             /* avstånd mellan fälten */
  }

  /* NOLLSTÄLL bootstrap padding som ofta skapar extra glapp */
  .besearchmask .sm-col{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* DATUM: ge dem riktig bredd så text + ikon får plats */
  .besearchmask .col-6.col-lg-2.sm-col{
    flex: 0 0 175px !important;       /* öka vid behov: 185px */
    max-width: none !important;
  }

  .besearchmask #SMJSON-arrivalDate,
  .besearchmask #SMJSON-departureDate{
    width: 100% !important;
    min-width: 175px !important;
    padding-right: 42px !important;   /* plats för kalenderikon */
  }

  /* ANTAL RUM OCH GÄSTER: ta resten av utrymmet (detta tar bort "långa mellanrummet") */
  .besearchmask .col-12.col-lg-4.sm-col{
    flex: 1 1 auto !important;
    max-width: none !important;
    min-width: 320px !important;
  }

  .besearchmask .occupancy-summary{
    width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    padding-right: 40px !important;   /* plats för pil/ikon */
  }

  /* SÖK: stabil storlek + perfekt centrering */
  .besearchmask .sm-book-wrap{ margin: 0 !important; }
  .besearchmask .sm-book-button{
    min-width: 150px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20 18px !important;
    margin: 0 !important;
  }
}
/* =========================
   Ta bort pilen vid "Antal rum och gäster"
   ========================= */

/* 1) Ta bort ev. ny pil som vi råkat skapa tidigare */
.besearchmask .bindToggleOccupancy::after{
  content: none !important;
}

/* 2) Ta bort pilar/ikoner som kan ligga i eller runt occupancy */
.besearchmask .col-12.col-lg-4.sm-col svg,
.besearchmask .col-12.col-lg-4.sm-col i,
.besearchmask .col-12.col-lg-4.sm-col .caret,
.besearchmask .col-12.col-lg-4.sm-col .dropdown-arrow,
.besearchmask .col-12.col-lg-4.sm-col .arrow,
.besearchmask .col-12.col-lg-4.sm-col [class*="arrow"],
.besearchmask .col-12.col-lg-4.sm-col [class*="caret"],
.besearchmask .col-12.col-lg-4.sm-col [class*="chevron"]{
  display: none !important;
}

/* 3) Ta bort bakgrundspilar (om det är en select-liknande styling) */
.besearchmask .bindToggleOccupancy{
  background-image: none !important;
}
/* Döljer alla “extra element” som råkar ligga efter occupancy-summary (men behåller dropdownen) */
.besearchmask .col-12.col-lg-4.sm-col .bindToggleOccupancy ~ *:not(.occupancy-dropdown-wrap){
  display: none !important;
}
/* =========================
   NUKA PILEN på "Antal rum och gäster"
   (Den skapas via background/pseudo-element)
   ========================= */

/* 1) Ta bort ev. caret som ritas med ::before/::after */
#appForm .besearchmask .bindToggleOccupancy::before,
#appForm .besearchmask .bindToggleOccupancy::after,
#appForm .besearchmask .occupancy-summary::before,
#appForm .besearchmask .occupancy-summary::after{
  content: none !important;
  display: none !important;
}

/* 2) Ta bort ev. pil som är en bakgrundsbild (många teman gör så på combobox) */
#appForm .besearchmask .bindToggleOccupancy,
#appForm .besearchmask .bindToggleOccupancy[role="combobox"]{
  background-image: none !important;
  background: #fff !important;          /* behåll vit ruta, men utan bakgrundspil */
  background-repeat: no-repeat !important;
  background-position: 0 0 !important;
}

/* 3) Du hade lagt extra högerpadding för pil tidigare – ta bort den så det inte blir “tom yta” */
#appForm .besearchmask .occupancy-summary{
  padding-right: 12px !important;
}
/* Mer luft i bakgrundsrutan */
.besearchmask .searchmask-container{
  padding: 26px 22px !important;   /* top/bottom, left/right */
}
/* Wrapper ska INTE klippa dropdown */
#appForm .besearchmask .searchmask-wrapper{
  position: relative;
  border-radius: 14px !important;
  overflow: visible !important;   /* <-- dropdown får sticka ut */
  background: transparent !important; /* bakgrund flyttas till ::before */
}

/* Bakgrunden (beige rutan) ritas som ett lager bakom */
#appForm .besearchmask .searchmask-wrapper::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 14px !important;
  background: #d8ccad;            /* samma beige som du har */
  z-index: 0;
}

/* Allt innehåll över bakgrunden */
#appForm .besearchmask .searchmask-wrapper > *{
  position: relative;
  z-index: 1;
}

/* 2) SAMMA HÖJD som in-/utcheckning (44px) + snygg centrering */
#appForm .besearchmask #SMJSON-arrivalDate,
#appForm .besearchmask #SMJSON-departureDate,
#appForm .besearchmask .bindToggleOccupancy.occupancy-summary{
  height: 44px !important;
  min-height: 44px !important;
}
/* Lite mer mellanrum mellan Antal rum & gäster och SÖK (desktop) */
@media (min-width: 768px){
  #appForm .besearchmask .sm-fields > .row.sm-row > .col-12.col-lg-2.sm-col{
    margin-left: 10px !important; /* testa 8–14px */
  }
}
/* NUKA "inner-rectangle" i Antal rum & gäster */
#appForm .besearchmask .bindToggleOccupancy.occupancy-summary,
#appForm .besearchmask .bindToggleOccupancy.occupancy-summary .occupancy-summary-texts{
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Extra hårt: om någon span råkat få border/box-shadow */
#appForm .besearchmask .bindToggleOccupancy.occupancy-summary .occupancy-summary-texts *{
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Ta bort fokus-ram (som kan se ut som en inner-box när man klickar) */
#appForm .besearchmask .bindToggleOccupancy.occupancy-summary:focus,
#appForm .besearchmask .bindToggleOccupancy.occupancy-summary:focus-visible,
#appForm .besearchmask .bindToggleOccupancy.occupancy-summary:focus-within{
  outline: none !important;
  box-shadow: none !important;
}

/* Bygg upp fältet så det ser ut som de andra (endast en "ytter-box") */
#appForm .besearchmask .bindToggleOccupancy.occupancy-summary{
  height: 44px !important;
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 12px !important;
  background: #fff !important;
  border-radius: 10px !important;
}

/* Inre textwrap: ingen egen padding/ram */
#appForm .besearchmask .bindToggleOccupancy.occupancy-summary .occupancy-summary-texts{
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  gap: 6px;
}/* End custom CSS */