/*
Theme Name:     Traveler Childtheme
Description:    Traveler Child Theme
Theme URI:      https://travelerwp.com/
Author:         the ShineTheme
Author URI:     http://shinetheme.com
Version:        1.0
Template:       traveler
*/





.total-section ul{
  margin: 0;
  padding: 0;
}


.total-section li.daomir-total-final{
  margin-top: 8px;
  padding: 10px 14px;
  border-radius: 10px;
  border: 2px solid #ff9800;
  background: #fff7e6;
  font-weight: 600;
}
.total-section li.daomir-total-final .label{ font-size: 15px; }
.total-section li.daomir-total-final .value{ font-size: 18px; }


.total-section li.daomir-total-deposit{
  margin-top: 8px;
  padding: 10px 14px;
  border-radius: 10px;
  border: 2px solid #2e7d32;
  background: #e8f5e9;
  font-weight: 600;
}
.total-section li.daomir-total-deposit .label{ font-size: 15px; }
.total-section li.daomir-total-deposit .value{ font-size: 18px; }





.elementor-widget-container table,
.entry-content table{
  border-collapse: collapse !important;
  border: 2px solid #000 !important;
}

.elementor-widget-container table th,
.elementor-widget-container table td,
.entry-content table th,
.entry-content table td{
  border: 2px solid #000 !important;
  padding: 8px 10px;
}





.single-room-form .message-wrapper-2,
.single-room-form .message-wrapper-2 .alert.alert-danger{
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
}





.booking .st-number-wrapper span.next.daomir-plus-disabled{
  opacity: .35 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}





:root{
  --daomir-font: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;

  
  --daomir-topbar-h: 42px;

  
  --daomir-mobile-logo-url: url("https://daomir.ru/wp-content/uploads/2022/05/ДОМ-китайский-ЛОГО-1.svg");
}

html, body{
  font-family: var(--daomir-font) !important;
}

body p, body span, body a, body li, body td, body th,
body h1, body h2, body h3, body h4, body h5, body h6,
body button, body input, body select, body textarea{
  font-family: var(--daomir-font) !important;
}






body{
  padding-top: var(--daomir-topbar-h) !important;
}


#topbar,
#topbar.mobile-hidden,
#topbar.style-elementor.mobile-hidden{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;

  min-height: var(--daomir-topbar-h) !important;
  padding: 8px 12px !important;

  background: #111 !important;
  color: #fff !important;

  opacity: 1 !important;
  visibility: visible !important;

  z-index: 10020 !important; 
}


#topbar .topbar-left,
#topbar .topbar-right,
#topbar ul,
#topbar li{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  height: auto !important;
}

#topbar a,
#topbar span,
#topbar i{
  color: #fff !important;
  opacity: 1 !important;
  visibility: visible !important;
}





header.header-sticky-menu{
  background: rgba(255, 255, 255, 0.97) !important;
}


header.header-sticky-menu .header__center{
  display: flex;
  flex-direction: column;
  align-items: center;
}


header.header-sticky-menu .daomir-header-title{
  text-align: center;
  margin-bottom: 10px;
  line-height: 1.15;
}


header.header-sticky-menu .daomir-name{
  font-size: 40px;
  font-weight: 700;
  line-height: 1.08;
  text-align: center;
  white-space: nowrap;
}


header.header-sticky-menu .daomir-name .daomir-red{ color: #db2016 !important; }
header.header-sticky-menu .daomir-name .daomir-black{ color: #000000 !important; }


header.header-sticky-menu .daomir-header-title .daomir-subtitle,
header.header-sticky-menu .daomir-header-title .daomir-subtitle *{
  margin-top: 6px;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  text-align: center;
  line-height: 1.25;

  color: #5c3c3d !important;
  -webkit-text-fill-color: #5c3c3d !important;
  opacity: 1 !important;
}


header.header-sticky-menu .logo img{
  max-height: 125px;
  width: auto;
  height: auto;
}


#sticky-wrapper.is-sticky header.header-sticky-menu{
  position: fixed !important;
  top: var(--daomir-topbar-h) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;

  padding-top: 12px !important;
  padding-bottom: 6px !important;

  min-height: 0 !important;
  max-height: 170px;

  background: rgba(255, 255, 255, 0.97) !important;
  box-shadow:
    0 4px 14px rgba(0, 0, 0, 0.08),
    0 1px 3px rgba(0, 0, 0, 0.06);

  z-index: 10000 !important;
}


#sticky-wrapper.is-sticky header.header-sticky-menu .logo img{
  max-height: 125px !important;
  width: auto !important;
  height: auto !important;
  transform: none !important;
}

#sticky-wrapper.is-sticky header.header-sticky-menu .daomir-name{
  font-size: 40px !important;
  line-height: 1.08 !important;
}

#sticky-wrapper.is-sticky header.header-sticky-menu .daomir-subtitle,
#sticky-wrapper.is-sticky header.header-sticky-menu .daomir-subtitle *{
  font-size: 18px !important;
  line-height: 1.25 !important;
}





@media (max-width: 991px){

  html, body{
    overflow-x: hidden !important;
    max-width: 100% !important;
  }

  #sticky-wrapper header[style],
  #sticky-wrapper .header-sticky-menu[style],
  header.header-sticky-menu[style]{
    width: 100% !important;
    max-width: 100% !important;
  }

  #sticky-wrapper header,
  header.header-sticky-menu{
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .header__left, .header__center, .header__right,
  .header-left, .header-right{
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .daomir-subtitle{
    white-space: normal !important;
  }
}





header.header-sticky-menu .menu-dropdown li#menu-item-14450,
header.header-sticky-menu .menu-dropdown li#menu-item-14450 > a{
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

header.header-sticky-menu .menu-dropdown{
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
}





@media (max-width: 768px){

  
  #topbar,
  #topbar.mobile-hidden,
  #topbar.style-elementor.mobile-hidden{
    background: #111 !important;
    opacity: 1 !important;
    visibility: visible !important;
    min-height: var(--daomir-topbar-h) !important;
  }

  
  header.header-sticky-menu{
    background: #fff !important;
    padding: 10px 12px !important;
    min-height: 88px !important;
    transition: none !important;
  }

  #sticky-wrapper.is-sticky header.header-sticky-menu{
    top: var(--daomir-topbar-h) !important;
    background: #fff !important;
    padding: 10px 12px !important;
    min-height: 88px !important;
    transition: none !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.08) !important;
  }

  
  header.header-sticky-menu .header__left a.logo.d-block.d-lg-none{
    display: none !important;
  }

  
  header.header-sticky-menu .daomir-header-title{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    margin: 0 0 6px !important;
    text-align: center !important;
  }

  
  header.header-sticky-menu .daomir-name{
    font-size: 26px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
    position: relative !important;
  }

  
  header.header-sticky-menu .daomir-name::after{
    content: "" !important;
    display: inline-block !important;
    width: 34px !important;
    height: 34px !important;
    margin-left: 8px !important;

    background-image: var(--daomir-mobile-logo-url) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
    vertical-align: middle !important;
  }

  
  header.header-sticky-menu .daomir-header-title .daomir-subtitle,
  header.header-sticky-menu .daomir-header-title .daomir-subtitle *{
    display: none !important;
  }

  
  #sticky-wrapper.is-sticky header.header-sticky-menu .daomir-name{
    font-size: 26px !important;
  }
}