/* 1. Container 80% width, fundal bej-gri */
.mphb_sc_search-form {
    background: #f8f5f1 !important;
    display: flex !important;
    align-items: center !important;
    padding: 40px 20px !important;
    margin: 0 auto !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* umbră subtilă */
}

/* 2. Ascunde textul nedorit */
.mphb-required-fields-tip {
    display: none !important;
}

/* 3. Toate câmpurile pe aceeași linie */
.mphb_sc_search-form > p {
    flex: 1 !important;
    margin: 0 !important;
    padding: 0 20px !important;
}

/* 4. Mărime text check-in/check-out - ADĂUGAT AICI */
.mphb_sc_search-check-in-date label,
.mphb_sc_search-check-out-date label {
    font-size: 18px !important;
}

/* 5. Iconițe pentru calendare */
.mphb-datepick {
    padding-left: 35px !important;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23b99d75" viewBox="0 0 16 16"><path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/></svg>') no-repeat 10px center !important;
}

/* 6. Iconițe pentru adulți/copii */
.mphb_sc_search-adults input,
.mphb_sc_search-children input,
.mphb_sc_search-adults select,
.mphb_sc_search-children select {
    padding-left: 35px !important;
}

.mphb_sc_search-adults input,
.mphb_sc_search-adults select {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23b99d75" viewBox="0 0 16 16"><path d="M9 5a3 3 0 1 1-6 0 3 3 0 0 1 6 0zm-9 8c0 1 1 1 1 1h10s1 0 1-1-1-4-6-4-6 3-6 4zm13.5-8.09c1.387-1.425 4.855 1.07 0 4.277-4.854-3.207-1.387-5.702 0-4.276z"/></svg>') no-repeat 10px center !important;
}

.mphb_sc_search-children input,
.mphb_sc_search-children select {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23b99d75" viewBox="0 0 16 16"><path d="M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2z"/></svg>') no-repeat 10px center !important;
}

/* 7. Linii despărțitoare între câmpuri */
.mphb_sc_search-check-in-date,
.mphb_sc_search-check-out-date,
.mphb_sc_search-adults {
    border-right: 1px solid #e0d6c9 !important;
}

/* 8. Input-uri fără chenar */
.mphb-datepick,
.mphb_sc_search-adults input,
.mphb_sc_search-children input,
.mphb_sc_search-adults select,
.mphb_sc_search-children select {
    border: none !important;
    background-color: transparent !important;
    height: 36px !important;
}

/* ========== DOAR PENTRU RESPONSIVE ========== */

/* Pentru tablete (max-width: 1024px) */
@media screen and (max-width: 1024px) {
    .mphb_sc_search-form {
        flex-wrap: wrap !important;
        padding: 30px 20px !important;
    }
    
    .mphb_sc_search-form > p {
        flex: 1 1 45% !important;
        margin-bottom: 20px !important;
        padding: 0 15px !important;
    }
    
    /* Elimină liniile laterale pe tabletă */
    .mphb_sc_search-check-in-date,
    .mphb_sc_search-check-out-date,
    .mphb_sc_search-adults {
        border-right: none !important;
    }
}

/* Pentru telefoane mobile (max-width: 768px) */
@media screen and (max-width: 768px) {
    .mphb_sc_search-form {
        flex-direction: column !important;
        padding: 25px 15px !important;
    }
    
    .mphb_sc_search-form > p {
        width: 100% !important;
        margin-bottom: 25px !important;
        padding: 0 !important;
    }
    
    /* Linii despărțitoare între câmpuri pe mobil */
    .mphb_sc_search-check-in-date,
    .mphb_sc_search-check-out-date,
    .mphb_sc_search-adults,
    .mphb_sc_search-children {
        border-bottom: 1px solid #e0d6c9 !important;
        padding-bottom: 20px !important;
    }
    
    /* Buton fără linie */
    .mphb_sc_search-submit-button-wrapper {
        border-bottom: none !important;
        padding-bottom: 0 !important;
    }
    
    /* Buton full-width pe mobil */
    .mphb_sc_search-submit-button-wrapper input[type="submit"] {
        width: 100% !important;
        padding: 14px !important;
    }
}

/* ==================================
   FIX REAL CALENDAR HOTEL BOOKING – MOBILE
   ================================== */
@media screen and (max-width: 768px) {
    /* popup-ul */
    .datepick-popup {
        position: fixed !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        max-width: 100vw !important;
        z-index: 999999 !important;
    }

    /* calendarul */
    .datepick {
        width: calc(100vw - 20px) !important;
        max-width: 360px !important;
        box-sizing: border-box !important;
    }

    /* FORȚEAZĂ 1 SINGURĂ LUNĂ */
    .datepick-multi .datepick-month {
        float: none !important;
        width: 100% !important;
    }

    /* ASCUNDE A DOUA LUNĂ */
    .datepick-multi .datepick-month.last {
        display: none !important;
    }

    /* tabelul */
    .datepick table {
        width: 100% !important;
    }
}

/* Spatiu intre chenar (umbra) si continutul formularului */
.single-mphb_room_type .mphb-booking-form {
  padding: 30px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
  text-align: center !important;
}

/* Centreaza corect input-urile si butonul */
.single-mphb_room_type .mphb-booking-form input[type="text"],
.single-mphb_room_type .mphb-booking-form input[type="submit"] {
  text-align: center !important;
}

/* Elimină iconița (background SVG) aplicată pe .mphb-datepick,
   DOAR în calendarul de disponibilitate */
.single-mphb_room_type .mphb_sc_availability_calendar-wrapper .mphb-datepick{
  background: none !important;
  padding-left: 0 !important;
}

/* ===== FIX CALENDAR DISPONIBILITATE (Hotel Booking) ===== */

/* 1. Suprascrie latimea fixa pusa inline de plugin */
.single-mphb_room_type .mphb_sc_availability_calendar-wrapper .datepick {
  width: 100% !important;
}

/* 2. Desktop – calendar mai mare si centrat */
@media (min-width: 1025px) {
  .single-mphb_room_type .mphb_sc_availability_calendar-wrapper .datepick {
    max-width: 600px !important;
    margin: 0 auto !important;
  }
}

/* FIX MINIM: popup-ul datepicker sa nu mai iasa in dreapta (mobile) */
@media (max-width: 768px){
  .datepick-popup{
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    max-width: 100vw !important;
  }

  .datepick-popup .mphb-datepick-popup{
    max-width: calc(100vw - 12px) !important;
  }
}

/* Anuleaza float-ul care strica centrarea */
.mphb_sc_search_results-wrapper { 
  width: 100%;
  text-align: center;
}

.mphb-empty-cart-message{
  display: none !important;
}

/* Featured/thumbnail mai mic pe Search Results */
/* Imagine Search Results – dimensiune controlata */
.mphb-loop-room-thumbnail img{
  width: 300px;
  max-width: 90%;
  height: auto;
  display: block;
  margin: 0 auto;
  object-fit: cover;
	margin-top: -50px;
}

/* Evidențiere rezultat disponibilitate + canelură */
.mphb_sc_search_results-info{
  padding: 16px;
  border-radius: 4px;
  border: 2px groove #DCA54A !important;
}

/* =========================
   BOOKING CONFIRMATION / CHECKOUT */
.mphb-reservation-details input[type="text"],
.mphb-reserve-rooms-details input[type="text"],
#mphb-customer-details input[type="text"],
#mphb-customer-details input[type="email"],
#mphb-customer-details input[type="tel"],
#mphb-customer-details input[type="number"],
#mphb-customer-details select,
#mphb-customer-details textarea{
  width: 100%;
  border: 2px groove #DCA54A !important;
}
.mphb-price-breakdown th,
.mphb-price-breakdown td{
  text-align: left !important;
}
.mphb_sc_checkout-submit-wrapper{
  text-align: center;
}

/* SETARI PAGINA ERROR 404 */
:root{
  --err404-hero-bg: url("https://cazare-valea-doftanei.ro/wp-content/uploads/2018/11/about-bg-2.jpg");
}
body.error404 #content .ast-container{
  padding: 0 !important;
  max-width: 100% !important;
}
body.error404 .error-404{
  position: relative;
  background-image: var(--err404-hero-bg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 100px !important;
}
body.error404 .error-404::before{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(20,16,4,0.4); /* #141004 cu opacitate 0.4 */
  z-index: 1;
}
body.error404 .error-404 > *{
  position: relative;
  z-index: 2;
}
body.error404 .page-sub-title{
  display: none !important;
}
body.error404 .page-title{
  display: none !important;
}
body.error404 .page-content::before{
  content: "Pagina nu a fost găsită";
  font-size: 40px;
  font-weight: 600;
  color: #fff;
}
body.error404 .page-content::after{
  content: "Pagina pe care o cauți nu există sau a fost mutată. Te invităm să continui navigarea sau să verifici disponibilitatea cabanei.";
  display: block;
  margin-top: 15px;
  color: #fff;
}
body.error404.ast-separate-container #primary.content-area{
  margin: 0 !important;
}

@media (max-width: 768px){
  body.error404 .error-404{
    padding: 80px 10px 80px !important;
  }
	body.error404.ast-separate-container #primary{
  padding: 0 !important;
	}
	body.error404 .page-content::before{
  font-size: 30px;
	}
}

/* Submenu Astra – fundal mai solid, dar elegant peste HERO */
@media (min-width: 1025px) {
.main-header-menu li ul.sub-menu{
	background: rgba(20, 16, 4, 0.92) !important;
  z-index: 99999 !important;
	}

.ast-builder-menu-1 .sub-menu{
  border-radius: 8px;
  padding: 10px 0;
	}
}
