/* Original Varaus owns layout, colors, spacing and responsive breakpoints. */
.teplo-wordmark{display:inline-block;color:#20c997;font-family:inherit;font-size:38px;font-weight:700;line-height:1;letter-spacing:-1px}
.teplo-wordmark>span{display:block;font-size:9px;letter-spacing:2px;font-weight:500;line-height:2.4}
.wpo-footer-top .teplo-wordmark{color:white}
/* Mirror the original h2 styles on the semantic h1, including its mobile line-height. */
.hero-style-1 .slide-caption h1{font-size:95px;font-weight:700;line-height:120px;color:white;margin:0 0 .45em}
.page-title h1{font-size:60px;color:white;font-weight:700}
.page-title{background-image:url('/assets/hero.jpg')}
.wpo-about-img img{width:100%;height:auto;aspect-ratio:7/6;object-fit:cover}
.destination-img img{width:100%;object-fit:cover}
.Room-area .gallery-container .grid{width:50%}
.room-item>img{width:100%;height:auto;aspect-ratio:5/4;object-fit:cover}
.room-text-show h2 a{color:inherit}
.teplo-gallery .destination-item{margin-bottom:30px}
.room-item:focus-within .room-text-hide{opacity:1;visibility:visible;bottom:4%}
.room-item:focus-within .room-text-show{opacity:0;visibility:hidden}
[data-partner-booking]{scroll-margin-top:100px}
[data-partner-booking] input,[data-partner-booking] select{max-width:100%;min-width:0}
[data-partner-booking] select{display:block!important;width:100%;background:transparent;border:0;font:inherit;color:inherit;min-height:50px}
[data-partner-booking] .nice-select{display:none!important}
[data-partner-booking] input[type=date],[data-partner-booking] input[name=childrenAges]{background:transparent;font:inherit;color:inherit;width:100%;border:0;min-height:50px}
.native-booking-note,.native-booking-extra,[data-booking-error]{clear:both;font-size:12px;line-height:1.5;padding-top:10px}
.native-booking-extra summary{cursor:pointer}
.native-booking-extra label{display:flex;gap:15px;align-items:center;max-width:300px}
[data-booking-error]{color:#a21b1b}
[data-booking-error]:empty{display:none}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,.room-item:focus-visible{outline:2px solid #20c997;outline-offset:4px}
.contact-area .info-item h2{font-size:19px;line-height:1.5;overflow-wrap:anywhere}
@media(max-width:1200px){.hero-style-1 .slide-caption h1{font-size:70px;line-height:85px}}
@media(max-width:991px){.hero-style-1 .slide-caption h1{font-size:45px}}
@media(max-width:767px){.hero-style-1 .slide-caption h1{font-size:35px;line-height:45px}.page-title h1{font-size:36px}.teplo-wordmark{font-size:30px}.Room-area .gallery-container .grid{width:100%}}

/* Keep Varaus's booking strip; compact its fields instead of stacking tall rows. */
.wpo-select-area form[data-partner-booking]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(150px,.9fr);gap:16px;align-items:end}
.wpo-select-area form[data-partner-booking]:before,.wpo-select-area form[data-partner-booking]:after{display:none}
.wpo-select-area [data-partner-booking] .select-sub{width:auto;min-width:0;margin:0;border:0}
.wpo-select-area [data-partner-booking] .select-sub:before{display:none}
.wpo-select-area [data-partner-booking] .select-sub>span{font-size:12px;line-height:1.4;margin-bottom:6px}
.wpo-select-area [data-partner-booking] .select-sub>span i{margin-right:4px}
.wpo-select-area [data-partner-booking] .form-group{margin:0}
.wpo-select-area [data-partner-booking] .input-group{display:block;width:100%;min-width:0}
.wpo-select-area [data-partner-booking] input,.wpo-select-area [data-partner-booking] select{font-size:16px;padding:0;border-bottom:1px solid #ddd;border-radius:0;min-height:44px;height:44px}
.wpo-select-area [data-partner-booking] button{position:relative;top:auto;right:auto;width:100%;height:48px;padding:12px;text-transform:none}
.wpo-select-area [data-partner-booking] button:before{pointer-events:none}
.wpo-select-area [data-partner-booking] .native-booking-extra,.wpo-select-area [data-partner-booking] .native-booking-note,.wpo-select-area [data-partner-booking] [data-booking-error],.wpo-select-area [data-partner-booking]>noscript{grid-column:1/-1;margin:0;padding:0}
.wpo-select-area{padding:24px}
.wpo-select-area [data-partner-booking] .native-booking-extra label{margin-top:10px}
.wpo-about-text h2,.wpo-section-title h2,.room-text-show h2,.room-text-hide h2{text-wrap:balance;line-height:1.2}
.theme-btn,.theme-btn-s2,.wpo-site-footer .widget-title h3{text-transform:none}
.wpo-site-footer .footer-middle{padding-top:30px}
.wpo-site-footer .wpo-upper-footer{padding:30px 0}
.wpo-site-footer .widget-title{margin-bottom:15px}
.wpo-site-footer .wpo-footer-top .widget-title{margin-bottom:0}
.wpo-site-footer .wpo-upper-footer .col{min-height:0;margin-bottom:0}
.wpo-site-footer .wpo-lower-footer{padding:20px 0}
@media(max-width:991px){
  .wpo-select-area form[data-partner-booking]{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
  .wpo-select-area [data-partner-booking] .select-sub:nth-child(5){grid-column:1/-1}
  .wpo-select-section{padding-top:24px}
  .wpo-select-wrap{margin-top:0;padding:0}
}
@media(max-width:767px){
  .wpo-select-area{padding:18px}
  .wpo-select-area [data-partner-booking] .select-sub>span{font-size:11px}
  .wpo-about-area.section-padding,.Room-area.section-padding,.destination-service2.section-padding{padding:56px 0}
  .wpo-about-img img{aspect-ratio:10/7}
  .wpo-about-text{padding-top:24px}
  .wpo-site-footer .footer-middle .row{display:grid;grid-template-columns:1fr 1fr;gap:24px}
  .wpo-site-footer .footer-middle .row:before,.wpo-site-footer .footer-middle .row:after{display:none}
  .wpo-site-footer .footer-middle .col{width:auto;padding:0;float:none}
  .wpo-site-footer .footer-middle .col:first-child{grid-column:1/-1}
  .wpo-site-footer .footer-middle .row{margin:0}
  .wpo-site-footer .widget-title h3{font-size:18px;line-height:1.35}
  .wpo-site-footer p,.wpo-site-footer li{font-size:14px;line-height:1.6}
  .wpo-site-footer .theme-btn-s2{padding:12px;font-size:14px}
}
@media(max-width:359px){
  .wpo-select-area{padding:12px}
  .wpo-select-area form[data-partner-booking]{column-gap:12px}
  .wpo-select-area [data-partner-booking] input[type=date]{font-size:14px}
}
