/*
Theme Name: Elessi Theme Child
Theme URI: https://elessi.nasatheme.com
Description: This is a child theme for Elessi Theme
Author: NasaTheme team
Author URI: https://nasatheme.com
Template: elessi-theme
Version: 1.0
*/

/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/

@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

.cp_cff_13 #fbuilder * {
	font-family: 'Jost', sans-serif;
}

.cp_cff_13 #fbuilder label {
	font-size: 0.95em;
}

.radioIcons img {
	max-width: 32px;
}

.radioIcons.big-icons img {
	max-width: 75px;
}

.radioIcons .dfield input[type='radio'],
.yellow-radio-text-label .dfield input[type='radio'] {
	display: none !important;
}

.radioIcons .dfield > div:not(.clearer) {
	border: 1px solid #e3e3e3; /* Apply border to the field */
	border-radius: 5px;
	text-align: center;
	margin-bottom: 10px;
}

.radioIcons.cols-6 .dfield > div:not(.clearer) {
	max-width: 14%;
}

.radioIcons .dfield > div:not(.clearer) label {
	padding: 5px;
}

.radioIcons.lw .dfield > div:not(.clearer) {
	padding-inline: 10px !important;
}

.radioIcons .dfield label {
	border: none; /* Remove border from label */
	padding: 0;
}

.radioIcons .dfield label div.tooltip {
	display: none;
	position: absolute;
	background-color: #ff6756;
	padding: 2px 5px;
	border-radius: 5px;
	bottom: calc(100% + 10px);
	color: white;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}

.radioIcons .dfield label:hover div.tooltip {
	display: block;
}

.radioIcons .dfield label:hover div.tooltip:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #ff6756;
	bottom: -5px;
	left: calc(50% - 5px);
}

.yellow-radio-text-label .dfield > div:not(.clearer) {
	border: 2px solid #e3e3e3;
	border-radius: 5px;
	color: #000;
}

.yellow-radio-text-label .dfield > div:not(.clearer) label {
	min-width: 52px;
	padding-bottom: 1px;
}

.need-padding .dfield > div:not(.clearer) label {
	padding: 1px 5px;
}

@max-width 768px {
	.yellow-radio-text-label .dfield > div:not(.clearer) label {
		padding: 1px 5px;
	}
}

.radioIcons .dfield > div:not(.clearer):has(input[type='radio']:checked) {
	/* Keep the border change, but remove the color change */
	border: 2px solid #ff6756;
}

.yellow-radio-text-label
	.dfield
	> div:not(.clearer):has(input[type='radio']:checked) {
	border: 2px solid #ff6756;
	color: #ff6756;
}

.yellow-radio-text-label
	.dfield
	> div:not(.clearer):has(input[type='radio']:checked)
	label,
.yellow-radio-text-label
	.dfield
	> div:not(.clearer):has(input[type='radio']:checked)
	label
	span {
	color: #ff6756;
}

#fbuilder .fform {
	display: none !important;
}

.nasa-add-to-cart-fixed .nasa-wrap-content .pb0.pbreak,
.nasa-add-to-cart-fixed .nasa-wrap-content .fform,
.nasa-add-to-cart-fixed .nasa-wrap-content .discount-on-product {
	display: none !important;
}

.dropzone-custom div.dropzone {
	border: 2px dashed #d6d6d6;
	border-radius: 5px;
	padding: 5px;
}

.dropzone-custom div.dropzone:has(span.files-list) div.dz-content-container {
	display: none !important;
}

.dropzone-custom div.dropzone span.files-list,
.dropzone-custom div.dropzone span.files-list img {
	text-align: center;
	max-height: 100%;
}

#fbuilder .dropzone-custom .medium {
	width: 100% !important;
	max-width: 100% !important;
}

.dropzone-custom div.dropzone div.dz-content-container div.dz-button {
	background-color: #e5effd;
	padding: 3px 5px;
	color: #23549b;
	display: inline-block;
}

.dropzone-custom div.dropzone div.dz-content-container div.dz-dnd-text {
	color: #7c7f83;
	white-space: nowrap;
	margin-top: 5px;
}

.fix-base-line {
	position: relative;
	top: 1px; /* Adjust this value as needed */
}

#billing_phone_field > label {
	margin-left: 0;
}

#billing_rachunek_field > label {
	font-size: 16px !important;
}

#billing_rachunek_field > span.woocommerce-input-wrapper {
	display: flex;
	align-items: center;
}

#billing_rachunek_field > span.woocommerce-input-wrapper > label {
	margin-bottom: 0;
	font-size: 16px !important;
}

#fbuilder .cff-radiobutton-field .dfield label {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 86px; /* Set a maximum width */
	width: 100%; /* Ensure it scales with the container */
	box-sizing: border-box; /* Include padding and border in the element's total width and height */
	height: 100%; /* Ensure it takes the full height */
}

#fbuilder .cff-radiobutton-field.no-max-width .dfield label {
	max-width: none; /* Remove the maximum width */
}

#fbuilder .cff-radiobutton-field .dfield label img {
	max-width: 100%; /* Ensure it doesn't exceed the label's width */
}

#fbuilder .cff-radiobutton-field .dfield label span {
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 100%;
}

#fbuilder .cff-radiobutton-field.space-around .dfield label span {
	justify-content: space-around;
}

#fbuilder .cff-radiobutton-field.space-between .dfield label span {
	justify-content: space-between;
}

#fbuilder .cff-radiobutton-field.space-evenly .dfield label span {
	justify-content: space-evenly;
}

#fbuilder .cff-radiobutton-field.flex-start .dfield label span {
	justify-content: flex-start;
}

#fbuilder .cff-radiobutton-field.flex-end .dfield label span {
	justify-content: flex-end;
}

#fbuilder .cff-radiobutton-field.flex-center .dfield label span {
	justify-content: center;
}

#fbuilder .cff-radiobutton-field.font-select .dfield label {
	padding: 30px 15px;
}

@media (max-width: 768px) {
	#fbuilder .cff-radiobutton-field.font-select .dfield label {
		padding: 10px;
	}

	#fbuilder .cff-radiobutton-field.font-select .dfield label img {
		min-width: 55px;
	}
}

@media (max-width: 550px) {
	#fbuilder .cff-radiobutton-field.font-select .dfield label {
		padding: 10px;
		display: block;
	}

	#fbuilder .cff-radiobutton-field.font-select .dfield label img {
		min-width: 37px;
	}
}

#fbuilder .cff-radiobutton-field.color-select .dfield label {
	padding: 0;
	margin-bottom: 0;
}

#fbuilder .cff-radiobutton-field.color-select .dfield img {
	margin: -2px;
}

#fbuilder .cff-radiobutton-field.color-select .dfield > div:not(.clearer) {
	padding-block: 2px;
}

#fbuilder .cff-radiobutton-field.color-select .dfield label img {
	width: 75px;
}

#fbuilder .cff-radiobutton-field .dfield label span div {
	max-width: 100%;
	white-space: normal;
	text-align: center;
	word-wrap: break-word; /* Ensure text wraps within the div */
}

#fbuilder .cff-radiobutton-field .dfield label span div.tooltip {
	max-width: none;
}

.cp_cff_13 #fbuilder span.uh {
	color: #999;
}

.cp_cff_13 #fbuilder fieldset legend,
.cp_cff_13 #fbuilder .fields.section_breaks > label {
	color: #ff6756 !important;
	border: none !important;
	border-bottom: 1px solid #ff6756 !important;
	border-radius: 0 !important;
	padding-inline: 0 !important;
}

.cp_cff_13 #fbuilder fieldset {
	border: none !important;
}

.cp_cff_13 #fbuilder .fields:not(.cff-switch-container) input[type='checkbox'] {
	appearance: none !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	width: 20px !important;
	height: 20px !important;
	border: 1px solid #1f1115 !important;
	border-radius: 50% !important;
	position: relative !important;
	cursor: pointer !important;
}

.cp_cff_13
	#fbuilder
	.fields:not(.cff-switch-container)
	input[type='checkbox']:checked {
	background-color: #ff6756 !important;
	border-color: #ff6756 !important;
}

.cp_cff_13
	#fbuilder
	.fields:not(.cff-switch-container)
	input[type='checkbox']:checked::before {
	content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+CiAgPHBhdGggZD0iTTE0LjgzIDQuODlsMS4zNC45NC01LjgxIDguMzhIOS4wMkw1Ljc4IDkuNjdsMS4zNC0xLjI1IDIuNTcgMi40eiIgc3R5bGU9ImZpbGw6IHJnYigyNTUsIDI1NSwgMjU1KTsiLz4KPC9zdmc+) !important; /* Unicode for checkmark */
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	margin: 0px 0 0 -2px !important;
}

.product-info .cart .single_add_to_cart_button {
	width: calc(100% - 74px);
	margin-left: 5px;
	max-width: none;
}

#top-bar {
	background-color: #de725b;
}

.cp_cff_13 #fbuilder fieldset .fields:not(.cff-container-field) {
	padding: 5px 5px 5px 0;
}

.cp_cff_13
	#fbuilder
	fieldset
	.fields:not(.cff-switch-container)
	input[type='checkbox'],
.cp_cff_13 #fbuilder .fields:not(.cff-switch-container) input[type='checkbox'] {
	margin: -4px 8px 0 0 !important;
}

.single-product .quantity,
.single-product .product-info .cart .single_add_to_cart_button {
	margin-top: 10px;
}

#fbuilder .cff-radiobutton-field.yellow-radio-text-label .dfield {
	margin-top: 5px;
	margin-bottom: 10px;
}

.discount-on-product {
	margin-top: 10px;
	padding: 10px 15px;
	border-radius: 15px;
	border: 1px solid #de725b;
}