/* start legacy code - old design */

.exchange-rate {
    position: absolute;
    background-color: #fff;
    z-index: 999;
    box-shadow: 0px 2px 23px #000000;
}
#cval_wrapper_agentii {
    position: absolute;
    border-top: 4px solid #46a942;
}

#cval_wrapper_agentii .close-btn{
    float:right;
    color: #a94442 !important;
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: 20px;
}

/* end legacy code - old design */

/* start new custom code */

.langswitch-list {
	min-width: 75px !important;
}

.header-ag-logo {
	max-width: 75px !important;
	max-height: 25px !important;
}

.validation-error {
	margin-top: 5px;
	color: red;
	display: none;
}

#content-croaziera span.select2-selection--multiple {
	overflow-x: auto;
}

#content-croaziera span.select2-container--disabled .select2-selection__choice__remove,
#content-croaziera li.select2-selection__choice[title^="Alege perioad"] .select2-selection__choice__remove {
	display: none;
}

#content-croaziera span.select2-container--disabled .select2-selection__choice,
#content-croaziera li.select2-selection__choice[title^="Alege perioad"] {
	border: 0 !important;
}

.select2-container--open {
	z-index: 99999 !important;
}

#croaziera_zona_afisare_rezultate, #croaziera_zona_filtrare_rezultate {
	display: none !important;
}

#btn-arata-extra-croaziere {
	display: none;
}

a.vez-itinerar {
	position: relative;
	z-index: 999;
}

#croaziera_step2, #croaziera_step3, #croaziera_step4 {
	display: none;
}

.croaziere-cabin-list-element {
	display: none !important;
}

.croaziere-cabin-list-element-child {
	border-top: 1px solid var(--gray-muted);
	margin-bottom: 5px;
	padding: 5px 0;
}

.rezultat-croaziera-element {
	border-top: 1px solid var(--gray-muted);
	padding: 5px 0;
}

.rezultat-croaziera .rezultat-croaziera-element:last-child {
	border-bottom: 1px solid var(--gray-muted);
}

.croaziere-cabin-list-element .col-md .croaziere-cabin-list-element-child:nth-last-child(2) {
	border-bottom: 1px solid var(--gray-muted);
}

.croaziere-cabin-tarif-details {
	margin-bottom: 0 !important;
}

.filtru-cabina .price-from {
	font-weight: normal;
	font-size: 10px;
}

.vizualizare-tarife .spinner-border {
	display: none;
}

.nr-guests {
	text-align: center;
	width: 100%;
}

.nr-guests > div:last-child {
	padding-right: 0 !important;
}

.nr-total-guests {
	cursor: pointer;
}

.filter-guests-text {
	display: flex;
	align-items: center;
	justify-content: start;
	height: 37px;
	font-weight: bold;
}

.croaziere-filter-guests > div:last-child {
	padding-right: 0 !important;
}

.new-design-overlay, .new-design-overlay-text {
	display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999;
    top: 0;
    left: 0;
    opacity: 0.5;
    background-color: white;
}

.new-design-overlay > div, .new-design-overlay-text > div {
	height: 100%;
	align-items: center;
}

.pret-net-cnt {
	font-size: 0.9rem;
}

.pret-final-col {
	width: 8%;
}

.comisioane-col {
	width: 6%;
}

.cabina-col {
	width: 15%;
}

.tarif-price-with-tooltip, .cabin-price-with-tooltip {
	font-size: 1.1rem;
}

.flatpickr-disabled,
.flatpickr-day.today.flatpickr-disabled
{
	color: rgba(57,57,57,0.3) !important;
}

.flatpickr-day.today {
	border-color: transparent !important;
	background: none !important;
	color: #333335 !important;
}

.flatpickr-day.today:hover, .flatpickr-day.today:focus {
	background: #f7f8f9 !important;
	border-color: #f3f3f3 !important;
	color: #333335 !important;
}

.flatpickr-day.today.selected{
	background: rgb(0, 174, 66) !important;
	color: #fff !important;
	border-color: rgb(0, 174, 66) !important;
}

.croaziere-de-la {
	margin-right: 3px;
}

.croaziere-per-um {
	margin-left: 3px;
}

@media (min-width: 1200px) {
	.fixed-height{
		max-height: 112px;
		height: 112px;
	}

	.fixed-height2{
		min-height: 90px;
		height: 90px;
	}
}

.promoted {
	border: 3px solid #ffcc00;
	box-shadow: 0px 4px 15px rgba(255, 204, 0, 0.4);
	position: relative;
}

.option-item{
	border: 1px solid #e0e0e0;
}

.option-item-day{
	border: 1px solid #e0e0e0;
	width:10% !important;
}

.option-item-day.active {
	border-color: #00ae42;
	background-color: #effef5;
}

.option-item .option-input,
.option-item-day .option-input {
	cursor: pointer
}

.option-item .checked-badge, .option-item .checked-radio-badge {
	align-items: center;
	border: 2px solid #9b9b9b;
	display: flex;
	height: 18px;
	justify-content: center;
	width: 18px
}

.option-item .checked-badge {
	border-radius: 4px
}

.option-item .checked-badge i {
	color: #00ae42;
	display: none
}

.option-item .checked-radio-badge {
	border-radius: 50%
}

.option-item.active {
	border-color: #00ae42;
	background-color: #effef5
}

.option-item.active .option-title {
	color: #00ae42
}

.option-item.active .option-title svg path {
	fill: #00ae42;
	transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out, box-shadow .3s ease-in-out
}

.option-item.active .option-tax {
	color: #00ae42
}

.option-item.active .checked-badge {
	border-color: #00ae42
}

.option-item.active .checked-badge i {
	display: inline-block
}

.option-item.active .checked-radio-badge {
	background-color: #00ae42;
	border-color: #00ae42
}

.option-item.active .checked-radio-badge i {
	color: #fff
}

.cart-item-mobile {
	--gap-x: .5rem;
	--gap-y: .25rem;
	border-color: #00ae42;
	background-color: #effef5
}
.cart-item-mobile .thumb {
	width: 88px; height: 64px; border-radius: .375rem; overflow: hidden;
}

.cart-item-mobile .meta {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: var(--gap-y) var(--gap-x);
	align-items: baseline;
	font-size: .9rem;
}

@media(min-width:992px) {
	.option-item .checked-badge, .option-item .checked-radio-badge {
		height: 24px;
		width: 24px;
		min-width: 24px;
	}

}

.option-checkbox.disabled .option-checkbox-input{
	background-color: #fafafa;
	border-color: #f1f1f1;
}

@media only screen and (max-width: 768px) {
	.option-item-day{
		width: 20% !important;
	}

	.cart-item-mobile  .meta{
		grid-template-columns: 1fr 1fr;
	}
}
/* Promoted Badge */
.promoted-badge {
	position: absolute;
	top: 10px;
	left: 10px;
	background: #ffcc00;
	color: black;
	font-weight: bold;
	padding: 5px 12px;
	font-size: 14px;
	border-radius: 20px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

.discount-badge {
	position: absolute;
	bottom: 10px;
	right: 10px;
	background: #00ae42;
	color: #FFF;
	font-weight: bold;
	padding: 5px 12px;
	font-size: 15px;
	border-radius: 20px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
	cursor: pointer;
}

.titlu-general-croaziera {
	line-height: 2.2;
}

.logo-linie-mic {
	width: 175px;
}

.modal-croaziere p,
.modal-croaziere address{
	margin-bottom: .1rem;
}
.rezultat-croaziera .toggle-image .img-harta{
	display: none;
}
.rezultat-croaziera .image-wrapper {
    position: relative;
    display: inline-block;
    width: 100%; /* Set desired width */
    height: 200px; /* Set desired height */
}

.rezultat-croaziera .image-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;  /* Force images to match wrapper size */
    height: 100%; /* Maintain height */
    object-fit: cover; /* Optional: crop images to fit nicely */
}
.rezultat-croaziera .logo-croaziera{
	max-height: 18px;
}

/* end new custom code */
.cos-wrapper {
	position: fixed;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 52px;
	height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	box-shadow: -2px 2px 10px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	animation:none;
}

.cos-wrapper i {
	color: #fff;
	font-size: 1.875rem;
}

.cart-badge {
	position: absolute;
	top: 0;
	left: 0;
	color: white;
	border-radius: 50%;
	padding: 2px 6px;
	font-size: 14px;
	font-weight: bold;
	min-width: 20px;
	text-align: center;
	line-height: 1.2;
	transform: translate(-50%, -50%);
}

.cos-wrapper i {
	color: #fff;
	font-size: 26px;
}

.flying-ghost {
	transition: all 0.5s ease;
	pointer-events: none;
}
/* end new custom code */

/** css circuite **/
tr.highlighted-row > td {
	border-width: 0 !important;
	background-color: #fff3cd !important;
}

tr.highlighted-row:hover > td {
	background-color: red !important;
	cursor: pointer; /* opțional */
}

@keyframes pulse-glow {
	0% {
		box-shadow: 0 0 0px rgba(0, 123, 255, 0.0);
	}
	50% {
		box-shadow: 0 0 15px 6px rgba(0, 123, 255, 0.6); /* ✨ mai larg, mai luminos */
	}
	100% {
		box-shadow: 0 0 0px rgba(0, 123, 255, 0.0);
	}
}

.cart-pulse {
	animation: pulse-glow 1.2s ease-in-out infinite;
}
/* end new custom code */

/** css circuite **/
.text-orange {
	color: #fd7e14 !important; /* nuanța de orange Bootstrap */
}

.border-orange {
	border-color: #fd7e14 !important;
}

.bg-orange-transparent {
	background-color: rgba(253, 126, 20, 0.1) !important;
}

/** end css circuite **/

.zona-croaziere .tooltip {
	max-width: 350px;
	width: 350px;
}

.zona-croaziere .tooltip-inner {
	max-width: 350px;
	width: 350px;
	text-align: left;
}
.vertical-align-sub{
	vertical-align: sub;
}
.mr-15{
	margin-right: 15px;
}
.w-130{
	width: 130px;
}
/*
loading wrapper page
 */
.loading-state {
	overflow: hidden !important;
}
.loading-state.loader-wrapper {
	z-index: 9999;
	background-color: rgba(255, 255, 255, 0.7);
	backdrop-filter: blur(4px);
}
.loading-state.loader-wrapper .loader-content .loading-spinner {
	width: 3rem;
	height: 3rem;
	background-color: var(--primary01);
	border-color: var(--primary-color);
	border-right-color: var(--gray-muted);
}
.loading-state.loader-wrapper .loader-content p {
	max-width: 550px;
}

/*
new design
*/
.ui-autocomplete {
    background: #fff;
}
.ui-autocomplete li {
    cursor: pointer;
}
.comment_bubble {
    margin-bottom: 10px;
    text-align: left;
    padding: 1%;
    background-color: #f0ad4e;
    border: 1px solid #f7dbb3;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    min-height: 10%;
    color: #fff;
    font-size: 14px;
}

.ui-autocomplete {
    padding: 0;
    list-style: none;
    border: 1px solid #E0E0E0;
    max-height: 400px;
    overflow-y: scroll;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
}

.ui-autocomplete li {
    padding: 12px 0;
    border-bottom: 1px solid #E0E0E0;
    margin: 0 12px;
    transition: all 0.25s linear;
}

.ui-autocomplete li:last-of-type {
    border-bottom:none;
}

.ui-autocomplete li:hover {
    color: #00ae42;
}