/*
Theme Name: Comforto-Child
Theme URI: https://parkofideas.com/comforto/
Text Domain: comforto-child
Description: Hotel Booking WordPress Theme
License: GNU General Public License v2.0 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.0
Template: comforto
Author: parkofideas.com
Author URI: https://parkofideas.com
Tags: left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, editor-style, full-width-template, post-formats, theme-options, sticky-post, threaded-comments, translation-ready, rtl-language-support
*/


/* =Theme customization starts here
-------------------------------------------------------------- */
:root {
	--selection-bg: #31485c;
	--selection-text: #d8c4ab;
}

.c-filter__field--sidebar {
	display: none !important;
}

.dlpl-hiperlink {
	color: var(--accent-color);
    text-decoration: underline;
}

.c-order {
	& .c-order__details {
		& .c-order__details-value {
			font-size: 0.9rem;
		}
	}
}

.optional {
	display: none !important;
}

.dlpl-thankyou-notes {
	& .dlpl-thankyou-item {
		margin:20px 0;
		padding:10px;
		background:#f5f5f5;
		
		& p {
			font-size: .9rem;
		}
	}
}

.c-room-book__sidebar {
	padding: 30px 20px 40px 20px !important;
}

.c-room-book__price.js-price .woocommerce-Price-currencySymbol {
	margin-right: 0.3rem;
    font-size: 1.5rem;
}

.c-room-book__price.js-price .dlpl-price-usd {
	font-size: 1.5rem;
}

.c-room__price.js-price {
	font-size: 1.8rem;
	
	& .dlpl-price-usd{
		font-size: 1.5rem;
	}
} 

.c-ip-rooms__price.js-price .dlpl-price-usd {
	font-size: .8rem;
}

.c-room-book__total-title {
	font-size: 1rem;	
}

.c-room-book__total-wrap :where(.c-room-book__total-amount.js-book-total,.c-room-book__total-amount.js-book-total-hotel) .dlpl-price-usd{
	font-size: .9rem;
}

.c-order__details {
	max-width: 770px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3rem;	
}

.c-order {
	--icon-size: 120px;
}

.c-account .edit {
	bottom: -4rem;
}

.js-filter-guests-popup {
	display: none !important;
}

.js-filter-guests {
	pointer-events: none;
	cursor: default;
}

.c-filter__guests_info.js-filter-guests-info::after {
	display: none !important;
}

.c-room-book__age {
	display: none !important;
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
	text-transform: uppercase;
}

.c-room__top-feature-icon-img, .c-room__top-feature-icon-svg {
	color: var(--accent-color);
}

/* Target all selected text globally */
::selection {
  	background-color: var(--selection-bg);
	color: var(--selection-text);
}

/* Firefox fallback compatibility */
::-moz-selection {
  	background-color: var(--selection-bg);
	color: var(--selection-text);
}

.mobile-menu-logo {
	display: block;
	& img {
		width: 4rem;
	}
}

.back-to-top {
	background: var(--accent-color);
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.3rem;
    position: fixed;
    bottom: 0.6rem;
    right: 0.6rem;
    z-index: 9;
	opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .25s ease, visibility .25s ease;
	
	& svg {
		width: 1.2rem;
    	height: 1.2rem;
	}
	
	&.is-visible {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}
}

.fixed-submit-button {
    position: fixed;
    left: 1rem;
    bottom: 0.6rem;
    z-index: 1;
    width: 78%;
    padding: 0.7rem;
}

@media (min-width: 769px) {
    .fixed-submit-button {
        display: none !important;
    }
}

/* PAYMENT FIELDS */
.c-cart__payment-methods-box.payment_box.payment_method_pixelpay_wc {
	padding: 0;
}
.pixelpay-card-content-form {
	& .new-card-title {
		display: none !important;
		
	}
	& .form-group {
		width: 100%;
		
		&:nth-child(1) {
			grid-column: 1 / -1;
		}
		
		&:nth-child(2) {
			grid-column: 1 / 1;
		}
		
		&:nth-child(3) {
			grid-column: 2 / -1;
		}
	}
	
	& input:not(input[type="checkbox"]) {
		border: 1px solid #c5c5c5;
		padding: 0.5rem;
		margin-top: 0.5rem;
		width: 100% !important;
	}

	& #dataholder {
		display: grid;
    	grid-template-columns: repeat(2, 1fr);
		column-gap: 0.5rem;
	}
	
	& .col-md-6 {
		width: 100%;
		grid-column: 1 / -1;
	}
}


@media (max-width: 768px) {
	.c-order {
		padding: 0 1rem;
	}
}