/*!
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.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: alpenhouse
Template: alpenhouse
*/




.checkin_person {
	  color: #5D8736;
}

.checkout_person {
	    color: #e35f0b;
}

.checkin_person.grey_person {
    color: #6c6c6c;
}

.acf-house-block .row,
.baby_stroller,
.crib {
    display: flex;
    justify-content: space-between;
}

div#acf-week-wrapper {
    border: 1px solid;
}
.row.luggage-row {
    margin: 6px 0;
}
/* .acf-day-block:not(:first-child) {
    border-top: 1px solid;
} */
.baby_stroller,
.crib {
    align-items: center;
    gap: 10px;
}
.late-luggage.square.red.darkgreen {
    background: #e35f0b;
}

.inout {
    display: flex
;
    align-items: center;
    justify-content: space-between;
}
.inout h3 {
    margin: 0 0 10px;
    font-size: 14px;
    width: 48%;
    text-align: center;
}
h3.acf-house-title {
font-size: 22px;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 12px;
    color: #43B2DD;
}
.acf-house-block:nth-child(3) h3.acf-house-title {
    color: #fff;
}
.acf-house-block:nth-child(4) h3.acf-house-title {
    color: #DA6DCA;
}


.baby_stroller .square,
.crib .square {
    width: 94px;
    font-size: 15px;
    height: 32px;
}


.square {
    width: 110px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid;
    border-radius: 12px;
}

.square.orange {
    background: #e35f0b;
    color: #fff;
}

.guests {
    padding: 2px;
    color: #5D8736;
    font-weight: bold;
    font-size: 25px;
}

.square.green {
    background: #5D8736;
    color: #fff;
}

.luggage {
    margin: 0 0 9px 0;
    height: 30px;
}

.darkgreen {
    background: #5D8736;
    color: #fff;
}
.guests.zero-guest {
    opacity: 0;
    visibility: hidden;
}
h2.acf-day-title {
    font-size: 18px;
    background: #ECE852;
    padding: 6px;
    text-align: center;
    border-radius: 1px;
    margin: 0;
	    padding-top: 55px;
}

h1.entry-title {
    display: none;
}

.row:has(>.baby_stroller) {
    align-items: center;
}


.acf-house-block {
    border-bottom: 1px solid;
    width: 100%;
    /* margin-left: -28px; */
    padding: 12px;
}


.acf-house-block:nth-child(2) {
    background: #fff;
}

.acf-house-block:nth-child(3) {
    background: lightgray;
}
.wrapper:has(#acf-week-wrapper) {
    padding-top: 15px;
}
.acf-house-block:nth-child(4) {
    background: #fff;
}

p.acf-no-data {
    margin: 8px 000;
    text-align: center;
    color: tomato;
}

.acf-day-block:has(p.acf-no-data) {
    border-bottom: 1px solid;
}

.page-id-1292 header#masthead, .page-id-1292 footer#colophon {
    display: none;
}

.no_time {
    background: transparent !important;
   color: #000 !important;
}


/* Management CSS  */


.upper_row,
.upper_row .row,
.checkboxes_row,
.checkbox,
.management-item {
    display: flex;
    align-items: start;
    gap: 20px;
	flex-wrap: wrap;
}



/* Tab Header Styling */
.tab-header {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.tab-header li {
  list-style: none;
}

.tab-header a {
  text-decoration: none;
  padding: 8px 16px;
  border: 1px solid #ccc;
  border-radius: 8px;
  display: block;
  background-color: #f9f9f9;
  color: #333;
  font-weight: 500;
  transition: all 0.3s ease;
}

.tab-header a:hover {
  background-color: #e0f7fa;
  border-color: #26c6da;
  color: #00796b;
}

.tab-header a.active {
  background-color: #00796b;
  color: white;
  border-color: #00796b;
}

/* Tab Content Sections */
.tab-content {
  display: none;
  padding: 20px;
  border: 1px solid #eee;
  border-radius: 10px;
  background-color: #fff;
}

.tab-content.active {
  display: block;
}

/* Management Item Block */


/* Guest Info Rows */

.label {
  font-weight: bold;
  color: #555;
}

.value {
  color: #222;
}

/* Checkbox Grid */

.checkboxes_row {
        width: 100%;
    }
.checkbox {
  display: flex;
  align-items: center;
  gap: 6px;
}

.checkbox input[type="checkbox"] {
  transform: scale(1.2);
}
.top_row.row {
    width: 100%;
}
/* Optional: Responsive */



.tabs *  {
  font-family: 'Poppins', sans-serif;
}




/* new */
.upper_row .row img {
    width: 100%;
	height: 100%;
}
.upper_row .row .label{
    width: 20px;
    height: 20px;
}




.management-accordion {
    font-family: 'Poppins', sans-serif;
    max-width: 800px;
    margin: 0 auto;
}

.accordion-item {
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-bottom: 12px;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.accordion-toggle {
    background: #95d9ff !important; 
    margin: 0 !important;
    width: 100%;
    color: #333;
    padding: 14px 20px;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: background 0.3s ease;
    display: flex;
    align-items: center;
    gap: 10px;
}


.management-item {
    background: #F3EEE5;
    border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
	flex-direction: column;
	position: relative;
	padding-top: 20px !important;
}

.management-item .row {
    margin-bottom: 8px;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.management-item .row i {
    width: 20px;
    color: #666;
}

.management-item .value {
    font-weight: 500;
    color: #222;
}
.toggle-note-btn:hover , .close-note-btn:hover{
	background: #DAC092;
} 


/* Optional: Responsive Design */
.accordion-toggle {
    transition: background 0.3s ease;
    position: relative;
    font-size: 16px;
}

.accordion-toggle::after {
     content: "";
    background: url(/wp-content/uploads/2025/06/chevron.png) center / 23px no-repeat;
    position: absolute;
    right: 16px;
    transition: transform 0.3s ease;
    width: 23px;
    height: 23px;
}

.accordion-toggle.active::after {
    transform: rotate(180deg);
    /* rotate arrow up */
}

.red-label {
    color: red !important;
    font-weight: bold;
}

.green-label {
    color: green !important;
    font-weight: bold;
}

.calc_input {
    border: 0 !important;
    border-radius: 0 !important;
}
button.close-booking-btn {
    background: gray !important;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 20px;
    line-height: 1;
    display: flex
;
    align-items: center;
    justify-content: center;
}
.checkboxes_row label img {
    width: 26px;
    height: 26px;
}
    .upper_row {
        margin-right: 24px;
    }



.accordion-toggle.active, .accordion-toggle:hover, .accordion-toggle:focus {
    background: #3674B5 !important;
    color: #fff !important;
}

.checkboxes_row {
    margin-top: 12px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
	gap: 30px 10px ;    
	border-top: 1px dashed #ccc;
    padding-top: 10px;
}

.checkboxes_row .checkbox {
    font-size: 14px;
}

.checkboxes_row input[type="checkbox"] {
    margin-right: 5px;
}


/* Hide default checkbox */
.checkbox input[type="checkbox"] {
  display: none;
}

/* Custom checkbox style */
.checkbox label {
  position: relative;
    padding-left: 45px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  user-select: none;
}

/* Custom box */
.checkbox label::before {
    content: "";
    position: absolute;
    left: 0;
    top: -4px;
    width: 35px !important;
    height: 35px !important;
    background-color: #fff;
    transition: all 0.3s ease;
    border: 1px solid #ccc;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .1);
    border-radius: 5px;
}

.row:has(>.guest-count-input) input {
    width: 40px;
    padding: 0;
    text-align: center;
    padding: 2px 5px;
    border: 0;
}
/* Checkmark animation */
.checkbox input[type="checkbox"]:checked + label::after {
    position: absolute;
    left: 5px;
    transform: scale(1);
    opacity: 1;
    transition: all 0.3s ease;
    content: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%233582c4%27%2F%3E%3C%2Fsvg%3E);
    margin: -.1875rem 0 0 -.25rem;
    height: 30px;
    width: 30px;
    top: 4px;
}
.accordion-item:has(.accordion-content>p.blnk_txt) button.accordion-toggle {
    background: #A0C878 !important;
}

/* Animate checkmark in */
.checkbox label::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    width: 6px;
    height: 12px;

    transform: scale(0);
    opacity: 0;
    transition: all 0.3s ease;
}

.note-area {
    width: 100%;
		margin-top: 20px;
}

.note-area textarea {
    border: 0;
    width: 100%;
}
.upper_row img {
    width: 34px !important;
    height: unset !important;
    aspect-ratio: 1 / 1;
}
.upper_row .row.dates img {
    max-width: 24px;
}
.close-booking-btn img {
    width: 12px;
    height: 14px;
}
.management-accordion label {
    margin: 0;
}
.page-id-2851 header#masthead {
    display: none;
}

.page-id-2851 #trp-floater-ls.trp-top-right {
    display: none;
}
.page-id-1292 div#trp-floater-ls {
    display: none;
}

@media(min-width:600px){
.upper_row {
    align-items: center !important;
}
	.checkboxes_row {
    display: flex !important;
    gap: 20px;
    flex-wrap: wrap;
}
}

@media(max-width:600px){
    .upper_row {
        gap: 5px 10px;
        flex-wrap: wrap;
        align-items: center;
    }
	.management-item{
		gap:0;
		padding-top: 13px !important;
	}
	 .tab-header {
    	justify-content: space-around;
  	}
	body .accordion-toggle{
        font-size: 14px;
		padding: 9px 12px;
	}
	.accordion-item{
		margin-bottom: 10px;
	}
	.management-item .row {
    	font-size: 12px;
	}	
	.calc_input {
    	height: 30px;
    	padding: 7px !important;
    	font-size: 12px;
	}
	.accordion-content {
		padding: 10px !important;
	}
	
.checkbox label {
        padding-left: 50px !important;
    }
	

	.note-area {
    	margin-top: 10px !important;
	}
	.toggle-note-btn {
    	font-size: 12px !important;
	}
	
	
	
	
	
	/* 	new */
	
	.upper_row .row.dates img {
    max-width: 18px;
	}
	.upper_row img{
    width: 25px !important;
	}
	.checkboxes_row {
    margin-top: 4px;
	}
	 button.close-booking-btn {
        padding: 6px 8px 6px !important;
    }
	.row:has(>.guest-count-input) input{
		height: 25px;
	}
}