.yith-wocc-wrapper-submit {
	margin : 15px 0;
}

.yith-wocc-button-container, .yith-wocc-select-address-container {
	margin-bottom : 15px;
}

.yith-wocc-button-container .yith-wocc-button {
	background-color : var(--yith-wocc-button-background, #ebe9eb);
	border-color     : var(--yith-wocc-button-background, #ebe9eb);
	color            : var(--yith-wocc-button-text, #515151);
}

.yith-wocc-button-container .yith-wocc-button:hover {
	background-color : var(--yith-wocc-button-background-hover, #ebe9eb);
	border-color     : var(--yith-wocc-button-background-hover, #ebe9eb);
	color            : var(--yith-wocc-button-text-hover, #515151);
}

.yith-wocc-divider {
	margin-bottom : 15px;
	text-align    : center;
	position      : relative;
}

.yith-wocc-divider span {
	padding    : 0 15px;
	background : #fff;
	z-index    : 2;
	position   : relative;
}

.yith-wocc-divider:after {
	content          : "";
	width            : 100%;
	background-color : transparent;
	display          : block;
	border-top       : 1px solid #e7e7e7;
	position         : absolute;
	top              : 50%;
	margin-top       : 1px;
	z-index          : 1;
}

/** MODAL **/

html.yith-wocc-modal-opened {
	overflow : hidden;
}

#yith-wocc-modal-wrapper {
	display            : flex;
	justify-content    : center;
	align-items        : center;
	position           : fixed;
	top                : 0;
	left               : 0;
	width              : 100vw;
	height             : 100vh;
	z-index            : 10000;

	opacity            : 0;
	visibility         : hidden;
	-webkit-transition : all 0.3s ease;
	-moz-transition    : all 0.3s ease;
	transition         : all 0.3s ease;
}

#yith-wocc-modal-wrapper.opened {
	opacity            : 1;
	visibility         : visible;
	-webkit-transition : all 0.3s ease;
	-moz-transition    : all 0.3s ease;
	transition         : all 0.3s ease;
}

#yith-wocc-modal-overlay {
	position   : fixed;
	top        : 0;
	left       : 0;
	width      : 100vw;
	height     : 100vh;
	background : rgba(0, 0, 0, 0.5);
}

#yith-wocc-modal {
	position      : relative;
	background    : rgb(255, 255, 255);
	border-radius : 22px;
	width         : 700px;
	overflow      : hidden;
	max-width     : 90vw;
	padding       : 40px 0;
}

#yith-wocc-modal .yith-wocc-modal-title {
	padding  : 0 40px 20px;
	margin   : 0;
	position : relative;
}

#yith-wocc-modal .yith-wocc-modal-close {
	display  : block;
	width    : 20px;
	position : absolute;
	top      : 20px;
	right    : 20px;
	cursor   : pointer;
}

#yith-wocc-modal .yith-wocc-modal-content {
	height          : 700px;
	max-height      : 80vh;
	padding         : 0 25px 0 40px;
	overflow-y      : scroll;
	overflow-x      : hidden;
	scrollbar-color : transparent transparent;
	transition      : scrollbar-color .3s ease;
}

#yith-wocc-modal .yith-wocc-modal-content::-webkit-scrollbar {
	background : transparent;
	width      : 8px;
}

#yith-wocc-modal .yith-wocc-modal-content::-webkit-scrollbar-thumb {
	background    : #c0c0c0;
	border-radius : 10px;
}

#yith-wocc-modal .yith-wocc-modal-content:hover {
	scrollbar-color : #c0c0c0 transparent;
	transition      : scrollbar-color .3s ease;
}

#yith-wocc-modal select.select2-hidden-accessible {
	display : none;
}

#yith-wocc-modal .yith-wocc-modal-content input[type="submit"] {
	width  : 100%;
	margin : 0;
}

/** MY ACCOUNT SECTION **/

.yith-wocc-account-options {
	display        : flex;
	flex-direction : column;
	row-gap        : 15px;
	font-size      : 0.9rem;
}

.yith-wocc-account-option {
	display         : flex;
	align-items     : center;
	justify-content : space-between;
	padding         : 15px;
	border          : 1px solid #e6e6e6;
	border-radius   : 10px;
}

.yith-wocc-account-option .yith-wocc-input input[type="checkbox"],
.yith-wocc-account-option .yith-wocc-input .checkboxbutton {
	display : none;
}

.yith-wocc-account-option .yith-wocc-input {
	position : relative;
	flex     : 0 0 44px;
	width    : 44px;
	height   : 25px;
}

.yith-wocc-account-option .yith-wocc-input-slider {
	position           : absolute;
	cursor             : pointer;
	top                : 0;
	left               : 0;
	right              : 0;
	bottom             : 0;
	background-color   : #cccccc;
	-webkit-transition : .4s;
	transition         : .4s;
	border-radius      : 34px;
}

.yith-wocc-account-option .yith-wocc-input-slider span {
	position           : absolute;
	content            : "";
	height             : 17px;
	width              : 17px;
	left               : 4px;
	top                : 4px;
	background-color   : white;
	-webkit-transition : .4s;
	transition         : .4s;
	border-radius      : 50%;
	display            : flex;
	align-items        : center;
	justify-content    : center;
	color              : #cccccc;
}

.yith-wocc-account-option .yith-wocc-input-slider svg {
	width : 11px;
}

.yith-wocc-account-option .yith-wocc-input-slider .yith-wocc-input-slider-on,
.yith-wocc-account-option input:checked + .yith-wocc-input-slider .yith-wocc-input-slider-off {
	display : none;
}

.yith-wocc-account-option .yith-wocc-input-slider .yith-wocc-input-slider-off,
.yith-wocc-account-option input:checked + .yith-wocc-input-slider .yith-wocc-input-slider-on {
	display : inline;
}

.yith-wocc-account-option input:checked + .yith-wocc-input-slider {
	background-color : #98aa36;
}

.yith-wocc-account-option input:checked + .yith-wocc-input-slider span {
	-moz-transform : translateX(19px);
	-ms-transform  : translateX(19px);
	transform      : translateX(19px);
	color          : #98aa36;
}

.yith-wocc-account-addresses {
	margin : 30px 0;
}

.yith-wocc-account-addresses .custom-addresses-title {
	display         : flex;
	align-items     : center;
	justify-content : space-between;
}

.yith-wocc-account-addresses .custom-addresses-title a {
	margin    : 0;
	font-size : 0.8rem;
}

.yith-wocc-account-addresses .custom-addresses-empty {
	padding          : 30px;
	border           : 1px solid #e6e6e6;
	border-radius    : 10px;
	background-color : #f9f9f9;
	min-height       : 200px;
	display          : flex;
	justify-content  : center;
	align-items      : center;
	flex-direction   : column;
	row-gap          : 15px;
	font-size        : 0.9rem;
}

.yith-wocc-account-addresses .custom-addresses-empty a {
	margin : 0;
}

.yith-wocc-account-addresses .custom-addresses {
	display               : grid;
	grid-template-columns : repeat(3, 1fr);
	gap                   : 15px;
	margin                : 20px 0;
	font-size             : 14px;
	counter-reset         : address;
}

.yith-wocc-account-addresses .custom-address {
	width            : 100%;
	border           : 1px solid #e6e6e6;
	background-color : #fafafa;
	padding          : 20px;
	border-radius    : 5px;
	display          : flex;
	row-gap          : 15px;
	flex-direction   : column;
}

.yith-wocc-account-addresses .custom-address-title {
	text-transform : uppercase;
	font-weight    : 600;
	padding-bottom : 10px;
	border-bottom  : 1px solid #e6e6e6;
}

.yith-wocc-account-addresses .custom-address-title:after {
	counter-increment : address;
	content           : "#" counter(address);
}

.yith-wocc-account-addresses .custom-address address {
	font-style : normal;
	flex       : 1 1 100%;
	margin     : 0;
}

.yith-wocc-account-addresses .custom-address-action {
	text-decoration : none;
}

/* select2 container fix z-index */
.select2-container.select2-container--open {
	z-index : 10000;
}

.yith-wocc-select-address-container .yith-wocc-select-address:not(.select2-hidden-accessible) {
	width : 100% !important;
}

.yith-wocc-select-address-container .select2-container {
	max-width  : 100%;
	margin-top : 10px;
	text-align : left;
}

/** YITH Proteo style fixes */
.theme-yith-proteo .yith-wocc-button.add_to_cart_button {
	background-color : transparent;
	padding          : 0;
	border           : none;
	color            : var(--proteo-general_link_color, #448a85);
}

.theme-yith-proteo .yith-wocc-button.add_to_cart_button:hover {
	color : var(--proteo-general_link_hover_color, #448a85);
}

.theme-yith-proteo #yith-wocc-modal .yith-wocc-modal-content {
	padding : 0 10px 0 25px;
}

.theme-yith-proteo #yith-wocc-modal .yith-wocc-modal-content form > p {
	padding : 0 15px;
}