/* מצב קוד: מסתיר את שאר הטופס ומשאיר רק את הבלוק שלנו */
form.cotp-active > *:not(.cotp) {
	display: none !important;
}

.cotp .cotp-panel,
.cotp .cotp-switch-back,
.cotp .cotp-noaccount {
	display: none;
}

.cotp[data-step="id"] .cotp-step-id,
.cotp[data-step="code"] .cotp-step-code,
.cotp[data-step="email"] .cotp-step-email,
.cotp[data-step="remind"] .cotp-step-remind,
.cotp[data-step="bday"] .cotp-step-bday,
.cotp[data-step="club"] .cotp-step-club,
.cotp:not([data-step="off"]) .cotp-switch-back {
	display: block;
}

.cotp:not([data-step="off"]) .cotp-switch {
	display: none;
}

.cotp.cotp-show-noaccount .cotp-noaccount {
	display: block;
}

.cotp .cotp-switch {
	margin: 1em 0 0;
	text-align: center;
}

/* כמו כפתורי SMS ו-Email של התוסף הקודם.
   !important כי ערכות עיצוב צובעות כפתורים בשחור בסלקטורים חזקים יותר. */
.cotp button.cotp-open,
.woocommerce .cotp button.cotp-open {
	display: block !important;
	width: 100% !important;
	padding: 0.75em 1em !important;
	background: #ffd21f !important;
	background-image: none !important;
	color: #1d1d1d !important;
	border: 1px solid #e0b800 !important;
	border-radius: 6px !important;
	font-weight: 700 !important;
	font-size: 1em !important;
	line-height: 1.4 !important;
	text-transform: none !important;
	box-shadow: none !important;
	cursor: pointer;
}

.cotp button.cotp-open:hover,
.cotp button.cotp-open:focus,
.woocommerce .cotp button.cotp-open:hover,
.woocommerce .cotp button.cotp-open:focus {
	background: #f5c400 !important;
	color: #1d1d1d !important;
}

/* עמוד התשלום: מסגרת צהובה בולטת מעל הטופס */
.cotp-checkout {
	background: #fff8d6;
	border: 2px solid #ffd21f;
	border-radius: 10px;
	padding: 16px 18px;
	margin: 0 0 1.5em;
	text-align: center;
}

.cotp-checkout .cotp-checkout-title {
	margin: 0 0 0.2em;
	font-size: 1.25em;
	font-weight: 700;
}

.cotp-checkout .cotp-checkout-sub {
	margin: 0 0 0.8em;
	font-size: 0.95em;
	opacity: 0.8;
}

.cotp-checkout .cotp .cotp-switch {
	margin: 0;
}

.cotp-checkout .cotp-switch-hint {
	display: none !important;
}

.cotp-checkout button.cotp-open {
	padding: 0.9em 1em !important;
	font-size: 1.1em !important;
}

.cotp-checkout .cotp-checkout-pw {
	margin: 0.7em 0 0;
	font-size: 0.9em;
}

/* כשהלקוח כבר בתוך הכניסה בקוד, הקישור לסיסמה נמצא בתוך הטופס שלנו */
.cotp-checkout:has(.cotp:not([data-step="off"])) .cotp-checkout-pw {
	display: none;
}

.cotp-checkout .cotp {
	text-align: right;
}

.cotp-checkout .cotp .cotp-switch {
	text-align: center;
}

/* השורה הכפולה של WooCommerce "קנית כאן בעבר?" מוסתרת. הקישור שלנו פותח את אותו טופס. */
.cotp-has-checkout .woocommerce-form-login-toggle {
	display: none !important;
}

.cotp .cotp-switch-hint {
	display: block;
	margin-top: 0.35em;
	font-size: 0.85em;
	opacity: 0.7;
}

.cotp .cotp-code-input {
	font-size: 1.6em;
	letter-spacing: 0.4em;
	text-align: center;
}

.cotp .cotp-msg {
	color: #b32d2e;
	min-height: 1em;
	margin: 0.5em 0;
}

.cotp .cotp-msg.cotp-ok {
	color: #2e7d32;
}

.cotp .cotp-msg:empty {
	display: none;
}

.cotp .cotp-sent {
	margin-bottom: 0.75em;
}

.cotp .cotp-resend[aria-disabled="true"] {
	opacity: 0.5;
	pointer-events: none;
}

.cotp .cotp-timer {
	font-variant-numeric: tabular-nums;
}

.cotp .button.cotp-loading {
	opacity: 0.6;
	cursor: wait;
}

.cotp .button {
	width: 100%;
}

.cotp .cotp-create-note {
	font-size: 0.9em;
	opacity: 0.8;
	margin: -0.25em 0 0.75em;
}

/* עמוד עם הקוד הקצר */
.cotp.cotp-standalone {
	max-width: 420px;
	margin: 0 auto;
}

/* שלב האימייל למי שנרשם בנייד */
.cotp .cotp-verified {
	color: #2e7d32;
	margin: 0 0 0.3em;
	font-size: 0.95em;
}

.cotp .cotp-email-title {
	font-weight: 700;
	font-size: 1.15em;
	margin: 0 0 0.5em;
}

/* דף החשבון: הכניסה בקוד ראשונה */
.cotp-myacc {
	max-width: 460px;
	margin: 0 auto 1.5em;
	padding: 20px;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 12px;
}

.cotp-myacc .cotp-myacc-title {
	margin: 0 0 0.3em;
}

.cotp-myacc .cotp-myacc-sub {
	margin: 0 0 1em;
	opacity: 0.8;
}

.cotp-myacc .cotp.cotp-standalone {
	max-width: none;
}

.cotp-myacc .cotp-create-note {
	display: none;
}

/* הכפתור "שלחו לי קוד" בצהוב, כמו בשאר המקומות */
.cotp-myacc .cotp .cotp-send,
.woocommerce .cotp-myacc .cotp .cotp-send {
	background: #ffd21f !important;
	background-image: none !important;
	color: #1d1d1d !important;
	border: 1px solid #e0b800 !important;
	border-radius: 6px !important;
	font-weight: 700 !important;
	text-transform: none !important;
	box-shadow: none !important;
}

.cotp-myacc .cotp-myacc-pw {
	margin: 1em 0 0;
	text-align: center;
}

.cotp-myacc .cotp-myacc-pw a {
	text-decoration: underline;
}

.cotp-pw-hidden {
	display: none !important;
}

/* מסך פתיחת החשבון (1.0.15) */
.cotp .cotp-verified {
	display: inline-block;
	background: #f1f5f1;
	border: 1px solid #d5e5d5;
	border-radius: 6px;
	padding: 4px 10px;
	margin: 0 0 0.8em;
}
.cotp .cotp-optional {
	color: #888;
	font-weight: normal;
	font-size: 0.9em;
}
.cotp .cotp-guest {
	margin: 0.6em 0 0;
	font-size: 0.95em;
}
.cotp .cotp-guest a {
	color: #555;
	text-decoration: underline;
}

/* 1.0.17: בלי מונה שניות. הוא נראה כמו זמן להקלדת הקוד ומלחיץ.
   הקישור לשליחה חוזרת מופיע רק כשמותר לשלוח שוב. */
.cotp .cotp-timer,
.cotp .cotp-resend[aria-disabled="true"],
.cotp .cotp-resend[aria-disabled="true"] ~ .cotp-sep {
	display: none !important;
}

/* 1.0.20: תזכורת לאישור דיוור אחרי אימות הקוד */
.cotp .cotp-remind-text {
	font-size: 1.05em;
	line-height: 1.5;
	margin: 0 0 0.8em;
}
.cotp .cotp-remind-buttons {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
}
.cotp .cotp-remind-no {
	color: #555;
	text-decoration: underline;
}
.cotp[data-step="remind"] .cotp-switch-back {
	display: none !important;
}

/* 1.0.23: בקשת יום הולדת */
.cotp .cotp-bday-text {
	font-size: 1.05em;
	line-height: 1.5;
	margin: 0 0 0.6em;
}
.cotp[data-step="bday"] .cotp-switch-back {
	display: none !important;
}

/* 1.0.24: מצב מועדון */
.cotp .cotp-club-text {
	font-size: 1.1em;
	font-weight: 700;
	margin: 0 0 0.5em;
	text-align: center;
}
.cotp .cotp-club-code {
	font-size: 1.8em;
	font-weight: 800;
	letter-spacing: 2px;
	text-align: center;
	border: 2px dashed currentColor;
	border-radius: 10px;
	padding: 10px;
	margin: 0 0 0.8em;
}
.cotp .cotp-club-code:empty {
	display: none;
}
.cotp[data-step="club"] .cotp-switch-back {
	display: none !important;
}