.cloudimage-360 canvas {
	display: block;
}

.woocommerce-product-gallery__image--uix-360:has(.cloudimage-360) > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	visibility: hidden;
}

.woocommerce-product-gallery:has(.woocommerce-product-gallery__image--uix-360.swiper-slide-active) .woocommerce-product-gallery__trigger {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

/* Controls */
.woocommerce-product-gallery .control_360 {
	display: flex;
	height: 44px;
	position: absolute;
	right: 50%;
	bottom: 20px;
	transform: translateX(50%);
	z-index: 1;
	border-radius: 5px;
	border: 1px solid var(--color-border, #e5e5e5);
	background-color: var(--color-white, #fff);
	box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.5);
}

.woocommerce-product-gallery .control_360 button {
	color: #111;
	width: 40px;
	position: unset;
	z-index: auto;
	padding: 0;
	border: none;
	border-radius: 0;
	background: none;
	height: 100%;
}

.woocommerce-product-gallery .control_360 .cloudimage-360-left {
	border-right: 1px solid var(--color-border, #e5e5e5);
}

.woocommerce-product-gallery .control_360 button::before {
	display: none;
}

.woocommerce-product-gallery .control_360 svg {
	pointer-events: none;
	opacity: 0.4;
	transition: opacity 0.3s;
}

.cloudimage-360--pending .control_360 {
	opacity: 0;
}

@media (hover: hover) {
	.woocommerce-product-gallery .control_360 button:hover svg {
		opacity: 1;
	}
}

/* Fullscreen button */
.cloudimage-360 .cloudimage-360-icons-container {
	right: 15px;
	top: 15px;
	width: 50px;
}

.cloudimage-360 .cloudimage-360-fullscreen-icon {
	background: url(data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.000357628%2013.3636L0.000596046%2010.1813C0.000596046%209.82984%200.28544%209.54512%200.636787%209.54512C0.988253%209.54512%201.27286%209.82984%201.27286%2010.1814V11.8261L4.96974%208.12603C5.09417%208.00148%205.25721%207.93963%205.42013%207.93963C5.58281%207.93963%205.7455%208.0016%205.8698%208.12591C6.1183%208.37416%206.11853%208.77699%205.87016%209.02549L2.17208%2012.7271H3.81643C4.16789%2012.7271%204.45274%2013.0121%204.45274%2013.3637C4.45274%2013.715%204.16777%2014%203.81643%2014H0.636787C0.467907%2014%200.306178%2013.9329%200.186758%2013.8134C0.067338%2013.6941%200.000357628%2013.532%200.000357628%2013.3636ZM0.636668%204.45524C0.988253%204.45524%201.27286%204.16992%201.27286%203.81869V2.17399L4.90777%205.77791C5.1565%206.02641%205.57638%206.02665%205.82487%205.77815C6.07348%205.53002%206.08206%205.12694%205.83381%204.87857L2.23561%201.27286H3.88174H3.88305C4.23452%201.27286%204.51972%200.988133%204.51984%200.636548C4.51995%200.285439%204.23559%200.000356674%203.884%200.000356674L0.70484%200C0.53584%200%200.339906%200.0670996%200.220843%200.186399C0.101542%200.3057%200.000238419%200.467548%200.000238419%200.636189V3.81881C0.000357628%204.17004%200.285321%204.45524%200.636668%204.45524ZM9.09271%205.80592L12.7273%202.17375V3.81881C12.7273%204.17028%2013.0065%204.45452%2013.3579%204.45452H13.3552C13.7067%204.45452%2013.9902%204.16992%2013.9902%203.81881L13.99%200.636667C13.99%200.467787%2013.9227%200.305939%2013.8034%200.186638C13.6838%200.0672178%2013.5217%200.000237465%2013.353%200.000237465H10.1732C9.82174%200.000237465%209.5369%200.285201%209.5369%200.636548C9.5369%200.988253%209.82186%201.2731%2010.1732%201.2731H11.8171L8.18705%204.90646C7.93832%205.15483%207.94153%205.55826%208.19003%205.8064C8.43852%206.05453%208.84409%206.0543%209.09271%205.80592ZM11.8283%2012.6698H10.1842C9.8327%2012.6698%209.54798%2012.9544%209.54798%2013.3058C9.54798%2013.6574%209.83282%2013.9423%2010.1842%2013.9423L13.3636%2013.9426H13.3637C13.5326%2013.9426%2013.6942%2013.8758%2013.8137%2013.7565C13.9329%2013.6372%2014%2013.4755%2014%2013.3064L13.9996%2010.124C13.9996%209.77299%2013.7148%209.48767%2013.3635%209.48767C13.012%209.48767%2012.7273%209.77299%2012.7273%2010.124V11.7689L9.05934%208.09802C8.93503%207.97359%208.77199%207.91138%208.60907%207.91138C8.4465%207.91138%208.28358%207.97335%208.1594%208.09766C7.91079%208.34592%207.91043%208.74911%208.15904%208.99784L11.8283%2012.6698Z%22%20fill%3D%22%23111111%22%3E%3C/path%3E%3C/svg%3E) no-repeat center;
	background-color: #fff;
	border: 1px solid #ebebeb;
	border-radius: 50%;
	width: 50px;
	height: 50px;
}

.cloudimage-360 .cloudimage-360-close-fullscreen-icon {
	width: 50px;
	height: 50px;
	background-size: 20px 20px;
}

.cloudimage-360-fullscreen-modal .cloudimage-360-icons-container {
	top: calc(15px + var(--wp-admin--admin-bar--height, 0px));
}

/* Load-on-demand trigger button */
.uix-360-trigger {
	position: absolute;
	inset: 0;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: transparent;
	border: 0;
	cursor: pointer;
	padding: 0;
}

.uix-360-trigger__button {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	width: 62px;
	height: 62px;
	background: var(--color-white, #fff);
	transition: 0.3s ease;
}

@media (hover: hover) {
	.uix-360-trigger__button:hover {
		transform: scale(1.1);
	}
}