/*
Theme Name: Astra-Child
Author: Rujen
Description: Tarahill Template
Version: 1.0
Template: astra

This is the child theme for Astra theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

body.ast-theme-transparent-header .site > header .elementor-sticky{
    position: absolute;
    left: 0;
    right: 0;
    z-index: 999;
    background: transparent;
}

body .site > header.scrolled .elementor-sticky,
body .site > header .elementor-sticky{
    background: #56553F;
}

label, legend{
  font-size: 16px;
}

body, button, input, select, textarea, .ast-button, .ast-custom-button{
  font-size: 18px;
}

h1.entry-title{
    font-size: 40px;
    font-weight: 400;
    line-height: 1em;
}

.mphb_room_type .mphb-single-room-type-post-thumbnail img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: 1360px;
}

.mphb_room_type p.mphb-regular-price {
    font-size: 28px;
    margin-bottom: 10px;
}

.mphb-booking-summary {
    display: flex;
    gap: 20px;
}

.mphb-booking-summary .mphb-change-booking-link{
    font-style: italic;
}

.mphb-booking-summary .mphb-change-booking-link:hover{
    font-weight: 600;
    font-size: 16px !important;
    color: #56553F;
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
}

.elementor-kit-50 a:hover{
    font-family: var(--e-global-typography-text-font-family), Sans-serif !important;
}

input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type=reset], input[type=tel], input[type=date], select, textarea{
    font-size: 14px !important;
}

.datepick .datepick-nav .datepick-cmd{
    color: #f5f5fa;
}

.datepick .datepick-ctrl{
    background-color: #000;
}

.mphb-reservation-form-title{
    margin-top: 20px;
}

.mphb-reviews .mphbr-add-review{
    color: var(--e-global-color-accent) !important;
}
.mphb-reviews .mphbr-new-review-box{
    padding: 0px !important;
}

#mphb-booking-details.mphb-checkout-section .mphb-check-in-date{
  margin-bottom: 10px;
}

.mphb_sc_checkout-form .mphb-reserve-rooms-details .mphb-services-details .mphb-services-details-title,
.mphb_sc_checkout-form .mphb-reserve-rooms-details .mphb-services-details label,
.mphb_sc_checkout-form .mphb-price-breakdown a:hover,
.mphb_sc_checkout-form .mphb-price-breakdown a,
.mphb_sc_checkout-form .mphb-price-breakdown{
  background-color: var(--e-global-color-primary);
  color: var(--e-global-color-34abe9b);
}

.mphb_sc_checkout-form .mphb-reserve-rooms-details .mphb-services-details{
  background-color: var(--e-global-color-primary);
  color: var(--e-global-color-34abe9b);
  padding: 20px;
}

@media screen and (min-width: 768px) {
    .mphb_sc_account .mphb-account-content {
        float: left;
        width: 73%;
    }

    form.mphb_sc_checkout-form #mphb-customer-details.mphb-checkout-section,
    form.mphb_sc_checkout-form{
      display: grid;
      grid-template-columns: 1fr 1fr;
      column-gap: 80px;
      row-gap: 10px;
    }

    form.mphb_sc_checkout-form #mphb-customer-details.mphb-checkout-section .mphb-customer-note,
    form.mphb_sc_checkout-form #mphb-customer-details.mphb-checkout-section .mphb-customer-country,
    form.mphb_sc_checkout-form #mphb-customer-details.mphb-checkout-section .mphb-required-fields-tip,
    form.mphb_sc_checkout-form #mphb-customer-details.mphb-checkout-section .mphb-customer-details-title,
    form.mphb_sc_checkout-form .mphb_sc_checkout-submit-wrapper,
    form.mphb_sc_checkout-form .mphb-errors-wrapper,
    form.mphb_sc_checkout-form .mphb-total-price,
    form.mphb_sc_checkout-form section#mphb-customer-details {
        grid-column: span 2;
    }

}

@media screen and (min-width: 1024px) {

    .mphb_room_type .mphb-single-room-type-post-thumbnail{
        aspect-ratio: 4 / 2;
    }

    .mphb-room-media-wrapper {

    }
    .mphb-room-media-wrapper .gallery-columns-4 .gallery-item{
        width: 100%;
        margin-bottom: 10px;
                max-width: 150px;
    }

    .mphb-room-media-wrapper .gallery-columns-4 .gallery-item .landscape{
        aspect-ratio: 2/2;
    }

    .mphb-room-media-wrapper .gallery-columns-4 .gallery-item .landscape img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

/**
 * Tara Hill – Datepick Calendar Stylesheet
 * Matches the Airbnb-style calendar design shown in the screenshot.
 * Paste this into: Appearance → Customize → Additional CSS
 * -----------------------------------------------------------
 * Targets the MotoPress Hotel Booking datepick popup used by
 * [mphb_availability_search] on the Search Availability page.
 */


/* ─── Outer popup container ─── */
.datepick-popup{
  background: #ffffff;
  border: none;
  border-radius: 16px;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.18);
  padding: 24px 20px 16px;
  width: auto !important;
  min-width: 500px;
}

.datepick-popup .datepick{
  font-family: Arial, Helvetica, Sans-serif;
}

/* ─── Navigation bar (Prev / Today / Next) ─── */
.datepick-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  padding: 0 4px;
}

.datepick-nav a.datepick-cmd {
  background: none;
  border: 1px solid #dddddd;
  border-radius: 50%;
  color: #363D46;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.15s, border-color 0.15s;
  cursor: pointer;
}

.datepick-month td .datepick-today,
.datepick-month a,
.datepick-month td,
.mphb-datepick-popup .datepick-month td .mphb-past-date,
.datepick-month th, .datepick-month th a,
.datepick-month-header, .datepick-month-header select, .datepick-month-header input{
    background-color: #fff !important;
    border-radius: 0px !important;
}


.datepick-month,
.datepick-month td{
    border: none !important;
}

.datepick-nav a.datepick-cmd-today {
  font-size: 14px;
  border-radius: 20px;
  padding: 0 14px;
  width: auto;
  color: var(--ast-global-color-2);
  border: 1px solid var(--ast-global-color-2) !important;
}

.mphb-datepick-popup .datepick-month td .mphb-past-date{
    color: #363D46 !important;
}

.datepick table, .datepick td, .datepick th{
    border-width: 0px !important;
}

.datepick-nav a.datepick-disabled,
.datepick-nav a.datepick-cmd.datepick-disabled {
  opacity: 0.35;
  pointer-events: none;
}

/* ─── Month row layout ─── */
.datepick-month-row {
  display: flex;
  gap: 32px;
}

/* ─── Individual month panel ─── */
.datepick-month {
  flex: 1;
  min-width: 280px;
}

/* ─── Month header (title / selects) ─── */
.datepick-month-header {
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  color: #363D46;
  margin-bottom: 12px;
}

/* Hide the native <select> dropdowns – month name is shown as plain text */
.datepick-month-header select.datepick-month-year {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  font-size: 15px;
  font-weight: 700;
  color: #363D46;
  cursor: default;
  pointer-events: none;
  padding: 0;
  outline: none;
  text-align: center;
}

/* ─── Weekday header row ─── */
.datepick-month table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}

.datepick-month thead th {
  text-align: center;
  padding: 4px 0 8px;
  font-size: 12px;
  font-weight: 600;
  color: #717171;
  letter-spacing: 0.5px;
}

/* ─── Calendar cells (td) ─── */
.datepick-month tbody td {
  padding: 2px;
  text-align: center;
}

/* ─── All date cells: base style ─── */
.mphb-date-cell,
.datepick-month tbody td a,
.datepick-month tbody td span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px !important;
  height: 40px !important;
  margin: 0 auto;
  font-size: 16px;
  font-weight: 400;
  color: #363D46;
  text-decoration: none;
  cursor: default;
  transition: background 0.12s, color 0.12s;
  line-height: 1;
}

/* ─── Past / unselectable dates ─── */
.mphb-past-date,
.mphb-unselectable-date,
span.mphb-date-cell {
  color: #b0b0b0 !important;
  text-decoration: line-through;
  cursor: default;
}

/* ─── "Not available" dates (e.g. today marked unavailable) ─── */
.mphb-not-available-date {
  color: #b0b0b0 !important;
  text-decoration: line-through;
  background: none !important;
}

/* ─── Other-month padding cells ─── */
.mphb-extra-date,
.datepick-other-month {
  visibility: hidden;
}

/* ─── Today highlight (when selectable) ─── */
.datepick-today:not(.mphb-unselectable-date):not(.mphb-past-date) {
  font-weight: 700;
  border: 0px solid #363D46;
  color: #FF0000 !important;
}

/* ─── Available / selectable dates ─── */
a.mphb-date-cell.mphb-available-date.mphb-selectable-date,
a.mphb-selectable-date {
  color: #363D46;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none !important;
}

a.mphb-date-cell.mphb-available-date.mphb-selectable-date:hover {
  background: #56553F;
  color: #fff;
}

/* ─── Selected / highlighted range ─── */
.datepick-highlight,
.mphb-date-cell.datepick-highlight {
  background: #56553F;
  color: #ffffff !important;
}

.datepick-highlight:hover {
  background: #56553F !important;
}

/* ─── Weekend cells – no special background (Airbnb style) ─── */
.datepick-weekend {
  background: none;
}

/* ─── Bottom control bar (Clear / Close) ─── */
.datepick-ctrl {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid #ebebeb;
}

.datepick-ctrl a.datepick-cmd {
  font-size: 13px;
  font-weight: 600;
  color: #363D46;
  text-decoration: underline;
  cursor: pointer;
  background: none;
  border: none;
  padding: 4px 8px;
  border-radius: 8px;
  transition: background 0.12s;
}

.datepick-ctrl a.datepick-cmd:hover {
  background: #f7f7f7;
}

.datepick .datepick-nav, .datepick .datepick-ctrl{
    background-color: #fff;
    color: #363D46;
}

.datepick .datepick-nav .datepick-cmd{
     color: #363D46;
}

.datepick-popup{
    padding: 0px !important;
}

.datepick-nav a.datepick-cmd{
    border: none;
}

.mphb-datepick-popup .datepick-month td a.datepick-selected{
    color: #363D46;
}

.datepick.datepick-multi {
    width: 100%;
    max-width: 1360px;
}

.datepick.datepick-multi.mphb-check-out-datepick,
.datepick.datepick-multi.mphb-check-in-datepick{
  max-width: 800px;
}

.mphb-calendar .datepick-month table{
    height: auto;
}

.datepick.datepick.datepick-multi{
    border: none;
    padding: 20px;
}

/* ─── Responsive: stack months on narrow screens ─── */
@media (max-width: 680px) {
  .datepick.datepick-multi {
    min-width: unset;
    width: calc(100vw - 32px) !important;
    padding: 16px 12px 12px;
  }

  .datepick-month-row {
    flex-direction: column;
    gap: 20px;
  }

  .datepick-month.last {
    display: none; /* show only current month on mobile */
  }

  .mphb-date-cell,
  .datepick-month tbody td a,
  .datepick-month tbody td span {
    width: 36px !important;
    height: 36px !important;
    font-size: 14px;
  }

  .datepick-popup{
    min-width: unset !important;
  }

  .datepick-month{
    min-width: 100% !important;
  }
}


.elementor-kit-50 a:hover{
    font-family: "Cardo", Sans-serif;
}

@media (min-width: 922px) {
    .site-content .ast-container {
        display: block;
    }
}

h2.mphb-calendar-title {
    margin-bottom: 20px;
}

.tarahill-room-type-body p{
  margin-bottom: 10px;
}

.mphb-booking-form .mphb-children-wrapper{
  display: none !important;
}

.mphb-booking-form .mphb-adults-wrapper{
  grid-column: span 2;
}

.mphb-reserve-now-form .mphb-booking-summary{
      flex-direction: column;
      gap: 0px;
      margin-bottom: 20px;
}

.mphb-reserve-now-form .mphb-booking-summary p{
  margin-bottom: 0px;
}