@charset "UTF-8";
/*!
Theme Name: Alpenhouse Child
Theme URI: https://motopress.com/products/alpenhouse
Author: MotoPress
Author URI: https://motopress.com
Description: AlpenHouse is a professional WordPress property rental theme with a neat design, full-blown PMS and a booking system.
Version: 0.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: alpenhouse
Template: alpenhouse
*/

.header-top-menus, 
.header-menu-container.always-visible,
.site-info{
	display:none
}

@font-face {
    font-family: 'Didot';
    src: url('fonts/Didot.woff') format('woff'),
        url('./fonts/Didot.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gill Sans Ligth';
    src: url('fonts/gill-sans-light-webfont-webfont.eot') format('eot'),
        url('./fonts/gill-sans-light-webfont-webfont.ttf') format('ttf'),
		 url('./fonts/gill-sans-light-webfont-webfont.woff') format('woff'),
		url('./fonts/gill-sans-light-webfont-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gill Sans semibold';
    src: url('fonts/GillSans-SemiBold.eot') format('eot'),
        url('./fonts/GillSans-Semibold.ttf') format('ttf'),
		 url('./fonts/GillSans-Semibold.woff') format('woff'),
		url('./fonts/GillSans-Semibold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gill Sans Medium';
    src: url('./fonts/Gill-Sans-Medium.eot') format('eot'),
        url('./fonts/Gill-Sans-Medium.eot') format('ttf'),
		 url('./fonts/Gill-Sans-Medium.woff') format('woff'),
		url('./fonts/Gill-Sans-Medium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face{
    font-family: "Edwardian";
    src: url("./fonts/Edwardian.eot");
    src: url("./fonts/Edwardian.eot?#iefix")format("embedded-opentype"),
        url("./fonts/Edwardian.woff")format("woff"),
        url("./fonts/Edwardian.woff2")format("woff2"),
        url("./fonts/Edwardian.ttf")format("truetype"),
        url("./fonts/Edwardian.svg#Edwardian Script ITC")format("svg");
    font-weight:normal;
    font-style:normal;
    font-:swap;
}

.site .site-wrapper .site-header .page-header-custom .page-header p.page-title{
	font-family: "Edwardian";
    color:#ffffff !important;
    font-size:3rem
}

p,
li span{
	 font-family: 'Gill Sans Ligth';
      color: #000000 !important;
}

h2,h3,
input{
    font-family: 'Gill Sans Medium';
  
}

body.archive .entry-header .entry-title a,
.widget.widget_mphb_rooms_widget .mphb-widget-room-type-title a,
a{
    color:#000000
}

h2{
  font-size: 2rem !important;
   color: #000000;
}

h2.widget-title, h3,
.widget .widget-title{
   font-family: 'Gill Sans Medium';
}

label{
    color: #000000;
}

#top{
    background-color: black;
}

#top #logo img{
    max-height: 100px;
    width: auto;
}

#top #logo{
    margin-top: 28px;
    display: inline-block;
    margin-left: 28px;
}

#top .span3{
    display: flex;
    float: none;
    width: auto;
}

.site{
    margin-top: -16px;
}

input[type="button"], input[type="reset"], input[type="submit"], button[type="submit"], .button, .menu-highlighted-item a, .more-link{
    background: #000000;
}

.mphb-loop-room-type-attributes li:before, .mphb-single-room-type-attributes li:before, .mphb-widget-room-type-attributes li:before{
    color:#000000
}

.mphb_sc_search_results-wrapper .mphb-room-type .mphb-view-details-button-wrapper a,
.mphb-calendar .datepick-nav .datepick-cmd,
.mphb-calendar .datepick-month th{
    color:#ffffff !important
}

.navigation.post-navigation,
.woocommerce-privacy-policy-text,
.mphb-room-type-adults-capacity,
.mphb-room-type-children-capacity{
    display: none !important;
}

span.mphb-currency:before,
.woocommerce-Price-currencySymbol:before {
    content: "USD ";
}

/* esctuctura servicios adicionales en /booking-confirmation */

/* === BASE ESTRUCTURAL (del CSS anterior que te gustaba) === */

#mphb-service-groups-0 label{
    font-family: 'Gill Sans Ligth';
}

#mphb-service-groups-0 h4{ 
    font-family: 'Gill Sans Medium';
}

#mphb-service-groups-0 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-top: 1.5rem;
}

#mphb-service-groups-0 .service-group {
  border-top: 1px solid #ddd;
  padding-top: 1rem;
}

#mphb-service-groups-0 .service-group > h4 {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
  color: #333;
  text-transform: none;
}

#mphb-service-groups-0 .mphb_checkout-services-list-group {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* === ITEM BASE (misma estética) === */
#mphb-service-groups-0 .mphb_checkout-services-list-group > li {
  margin-bottom: 0.75rem;
  border: 1px solid #eee;
  border-radius: 4px;
  padding: 0.75rem 1rem;
  background-color: #fafafa;
}

/* === NUEVA CAPA: alinear los dos labels dentro del li === */
#mphb-service-groups-0 .mphb_checkout-services-list-group > li {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  transition: all 0.4s ease;
}

/* Los que no aplican para la semana activa */
#mphb-service-groups-0 .mphb_checkout-services-list-group > li.week-hidden {
  opacity: 0;
  max-height: 0;
  margin: 0;
  padding: 0;
  pointer-events: none;
  overflow: hidden;
}

#mphb-service-groups-0 .mphb_checkout-services-list-group > li {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  transition: all 0.4s ease;
  margin-top: 3px;
}

/* Ocultos: sin margen, sin padding, sin altura, sin borde */
#mphb-service-groups-0 .mphb_checkout-services-list-group > li.week-hidden {
  opacity: 0;
  height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  pointer-events: none;
}



/* Label del checkbox (izquierda) */
#mphb-service-groups-0 .mphb-checkbox-label {
  flex: 1;
  min-width: 250px;
  margin-right: 1rem;
  color: #222;
}

#mphb-service-groups-0 .mphb-checkbox-label input[type="checkbox"] {
  margin-right: 0.4rem;
}

/* Label del selector de huéspedes (derecha) */
#mphb-service-groups-0 label[for*="-adults"] {
  flex: 0 0 auto;
  margin-left: auto;
  font-size: 0.95rem;
  color: #444;
}

/* Select */
#mphb-service-groups-0 label[for*="-adults"] select {
  margin: 0 0.25rem;
  padding: 0.15rem 0.35rem;
  font-size: 0.95rem;
}

/* Precio */
#mphb-service-groups-0 em {
  font-style: normal;
  color: #666;
  font-size: 0.9rem;
}

/* Espaciado final */
#mphb-service-groups-0 .service-group:last-child {
  margin-bottom: 1rem;
}

.mphb-price-breakdown-adults,
.mphb-price-breakdown-children,
.mphb-errors-wrapper{
    display: none;
}

/* === Responsive === */
@media (max-width: 640px) {
    .datepick.datepick-multi, 
    h2.mphb-calendar-title{
        display: none;
    }
  #mphb-service-groups-0 .mphb_checkout-services-list-group > li {
    flex-direction: column;
    align-items: flex-start;
  }

  #mphb-service-groups-0 label[for*="-adults"] {
    margin-top: 0.5rem;
    margin-left: 0;
  }

  /* Botones Reservar */

  /* CONTENEDOR DE BOTONES */
.mphb-reserve-room-section.mphb-rooms-added {
  display: flex;
  flex-direction: column;
  align-items: center; /* centra todo el bloque */
  justify-content: center;
  width: 100%;
  gap: 14px; /* espacio entre botones */
  margin: 20px 0;
}

/* BOTONES */
.mphb-reserve-room-section.mphb-rooms-added .button,
.mphb-reserve-room-section.mphb-rooms-added .mphb-button {
  display: flex;
  align-items: center;      /* centra el texto verticalmente */
  justify-content: center;  /* centra el texto horizontalmente */
  width: 90%;               /* ocupa el 90% del ancho visible */
  max-width: 400px;         /* límite en pantallas grandes */
  height: 50px;             /* altura uniforme */
  font-size: 16px;
  font-weight: 600;
  border-radius: 10px;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  pointer-events: auto;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

/* BOTÓN CLARO (Reserva) */
.mphb-reserve-room-section.mphb-rooms-added .button {
  background-color: #f4f4f4;
  color: #111;
  border: 1px solid #d9d9d9;
}

/* BOTÓN OSCURO (Confirmar) */
.mphb-reserve-room-section.mphb-rooms-added .mphb-confirm-reservation {
  background-color: #111;
  color: #fff;
}

/* EFECTO TÁCTIL */
.mphb-reserve-room-section.mphb-rooms-added .button:active,
.mphb-reserve-room-section.mphb-rooms-added .mphb-button:active {
  transform: scale(0.97);
  opacity: 0.9;
}

}