/* Site-wide rules moved from the Customizer's Additional CSS. */

/* Slider arrows (Blocksy flexy): white 30px square, chevron mask, slightly raised on hover. */
.flexy-arrow-prev,
.flexy-arrow-next {
	width: 30px !important;
	height: 30px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 9px !important;
	background: #fff !important;
	color: #202020 !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .15) !important;
	display: grid !important;
	place-items: center !important;
	cursor: pointer;
	transition: opacity .2s, scale .2s;
}
.flexy-arrow-prev {
	left: 5px !important;
	--translate-x: 0px !important;
}
.flexy-arrow-next {
	right: 5px !important;
	--translate-x: 0px !important;
}
.flexy-arrow-prev:hover,
.flexy-arrow-next:hover { scale: 1.06; }
.flexy-arrow-prev svg,
.flexy-arrow-next svg { display: none !important; }
.flexy-arrow-prev::before,
.flexy-arrow-next::before {
	content: "";
	width: 18px;
	height: 18px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
}
.flexy-arrow-next::before,
[dir="rtl"] .flexy-arrow-prev::before { transform: none; }
[dir="rtl"] .flexy-arrow-next::before { transform: scaleX(-1); }

/* Header account menu */
.ct-account-item {
	padding: 10px !important;
}
.ct-account-item:hover {
	background-color: #ffd8df !important;
	border-radius: 10px !important;
}

.form-row label {
	margin-bottom: 20px !important;
}

/* Otino login form (it is printed on every page) */
.otino-form-row input[type="text"],
.otino-form-row input[type="email"],
.otino-form-row input[type="tel"],
.otino-form-row select,
.otino-form-row textarea {
	padding: 3px 10px !important;
	border: 1px solid #dcdcdc !important;
	border-radius: 10px !important;
	width: 100%;
	margin: 0 !important;
	font-size: 14px;
}
.otp-change-phone-otino {
	justify-content: center !important;
}
/* Announcement modal (zibana-announcement.php) */
.zb-announce{position:fixed;inset:0;z-index:100001;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}
.zb-announce[hidden]{display:none!important}
.zb-announce-backdrop{position:absolute;inset:0;background:rgba(32,32,32,.6)}
.zb-announce-dialog{position:relative;width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;border-radius:16px;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.2)}
.zb-announce-body{border-radius:16px;overflow:hidden}
.zb-announce-close{position:absolute;top:8px;left:8px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:rgba(255,255,255,.9);color:#202020;cursor:pointer}
.zb-announce-close:focus-visible{outline:2px solid #f45170;outline-offset:2px}
body.zb-announce-open{overflow:hidden}

/* 404 page */
.zb-404{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:50vh;padding:48px 16px;text-align:center}
.zb-404-art{max-width:100%;height:auto}
.zb-404-code{margin:0;font-size:12px;line-height:16px;color:var(--zb-black-300,#a5a4a6);direction:ltr}
.zb-404-title{margin:0!important;font-size:20px!important;font-weight:600!important;line-height:32px!important;color:var(--zb-black-1000,#202020)!important}

/* Otino profile popup (name, last name, gender) as the Figma register step: logo, floating labels, Button V2.0, full screen on phones */
#otino-profile-popup{position:fixed!important;inset:0!important;z-index:100002!important;align-items:center!important;justify-content:center!important;padding:16px!important;box-sizing:border-box!important;background:rgba(32,32,32,.6)!important}
#otino-profile-popup *{box-sizing:border-box!important}
#otino-profile-popup .otino-popup-container{width:min(480px,100%)!important;max-height:calc(100vh - 32px)!important;overflow:auto!important;padding:32px 24px 24px!important;background:#fff!important;border:0!important;border-radius:16px!important;box-shadow:0 4px 16px rgba(0,0,0,.2)!important;direction:rtl!important;text-align:right!important;font-family:inherit!important;color:#202020!important}
#otino-profile-popup .otino-popup-header{margin:0 0 24px!important;padding:0!important;border:0!important;text-align:right!important}
#otino-profile-popup .otino-popup-header::before{content:"";display:block!important;height:32px!important;margin:0 auto 24px!important;background:var(--zb-auth-logo,none) center / contain no-repeat!important}
#otino-profile-popup .otino-popup-header h3{margin:0!important;font-size:16px!important;font-weight:600!important;line-height:28px!important;color:#202020!important}
#otino-profile-popup .otino-popup-content>p{margin:-12px 0 24px!important;font-size:14px!important;line-height:24px!important;color:#706d74!important}
#otino-profile-popup .otino-popup-message{margin:0 0 16px!important;font-size:12px!important;line-height:20px!important;color:#e5484d!important}
#otino-profile-popup .otino-popup-message:empty{display:none!important}
#otino-profile-popup .otino-form-row{position:relative!important;margin:0 0 24px!important;padding:0!important}
#otino-profile-popup .otino-form-row label{position:absolute!important;top:-10px!important;right:12px!important;z-index:1!important;margin:0!important;padding:0 4px!important;background:#fff!important;font-size:12px!important;font-weight:400!important;line-height:20px!important;color:#706d74!important}
#otino-profile-popup .otino-form-row label span{color:#e5484d!important}
#otino-profile-popup .otino-form-row input,#otino-profile-popup .otino-form-row select{display:block!important;width:100%!important;height:48px!important;margin:0!important;padding:0 12px!important;border:1px solid #bfc0bd!important;border-radius:8px!important;background-color:#fff!important;box-shadow:none!important;font-family:inherit!important;font-size:16px!important;line-height:24px!important;color:#202020!important}
#otino-profile-popup .otino-form-row select{-webkit-appearance:none!important;appearance:none!important;padding-left:40px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 10l4 4 4-4' fill='none' stroke='%23706d74' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:left 12px center!important;background-size:24px!important}
#otino-profile-popup .otino-form-row input:hover,#otino-profile-popup .otino-form-row select:hover{border-color:#706d74!important}
#otino-profile-popup .otino-form-row input:focus,#otino-profile-popup .otino-form-row select:focus{border-color:#f45170!important;box-shadow:0 0 0 1px #f45170!important;outline:none!important}
#otino-profile-popup .otino-form-row:focus-within label{color:#f45170!important}
#otino-profile-popup .otino-popup-buttons{display:flex!important;flex-direction:row!important;align-items:center!important;gap:16px!important;margin:32px 0 0!important}
#otino-profile-popup .otino-popup-buttons .otino-btn{width:auto!important;min-width:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;height:48px!important;margin:0!important;padding:0 24px!important;border:1px solid transparent!important;border-radius:12px!important;box-shadow:none!important;font-family:inherit!important;font-size:16px!important;font-weight:500!important;line-height:24px!important;cursor:pointer!important;transition:background-color .2s ease!important}
#otino-profile-popup .otino-popup-buttons .otino-btn-primary{flex:1 1 auto!important;background:#e5003b!important;color:#fff!important}
#otino-profile-popup .otino-popup-buttons .otino-btn-primary:hover{background:#ffaebb!important}
#otino-profile-popup .otino-popup-buttons .otino-btn-primary:active{background:#ae0038!important}
#otino-profile-popup .otino-popup-buttons .otino-btn-primary:disabled{background:#f7f6f6!important;color:#a5a4a6!important;opacity:.6!important;cursor:default!important}
#otino-profile-popup .otino-popup-buttons .otino-btn-secondary{flex:0 0 auto!important;background:transparent!important;color:#e5003b!important}
#otino-profile-popup .otino-popup-buttons .otino-btn-secondary:hover{background:#ffd8df!important}
#otino-profile-popup .otino-btn:focus-visible{outline:2px solid #f45170!important;outline-offset:2px!important}
@media (max-width:767.98px){
	#otino-profile-popup{padding:0!important;background:#fff!important}
	#otino-profile-popup .otino-popup-container{display:flex!important;flex-direction:column!important;width:100%!important;height:100%!important;max-height:none!important;padding:24px 16px 16px!important;border-radius:0!important;box-shadow:none!important}
	#otino-profile-popup .otino-popup-content,#otino-profile-popup .otino-popup-content form{display:flex!important;flex:1 1 auto!important;flex-direction:column!important}
	#otino-profile-popup .otino-popup-buttons{margin-top:auto!important;padding-top:16px!important;justify-content:space-between!important}
	#otino-profile-popup .otino-popup-buttons .otino-btn-primary{flex:0 0 55%!important}
}