/* Moved to event_calendar_screens.css */

@media (max-width: 1199px) {
  #mainpage_calendar_block {
    display: none !important;
  }
}

/* Recurring Summary Step */
.foc_recurring_summary_info_box {
	display: flex;
	padding:  20px !important;
	align-items: flex-start;
	gap: 32px;
	border-radius: 10px;
	border: 1px solid #DBE0E3;
	background: #F7FAFC;
}

.foc_recurring_summary_info_label {
	font-family: Raleway, sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #6B8A7A;
	margin-bottom: 4px;
}

.foc_recurring_summary_info_value {
	font-family: Raleway, sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #000;
}

.foc_recurring_end_date_box {
	display: flex;
	flex-direction: column;
	padding: 20px !important;
	align-items: flex-start;
	gap: 12px;
	border-radius: 10px;
	background: linear-gradient(90deg, rgba(242, 244, 245, 0.40) 0%, rgba(242, 244, 245, 0.10) 100%);
}

.foc_recurring_end_date_title {
	color: #000;
	font-family: Raleway, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 0;
}

.foc_recurring_dates_subtitle {
	color: #737373;
	font-family: Raleway, sans-serif;
	font-size: 15px;
	font-style: italic;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 0;
}

/* Recurring dates preview */
.foc_recurring_stats {
	display: flex;
	width: fit-content;
	padding: 16px 24px;
	align-items: flex-start;
	gap: 32px;
	border-radius: 10px;
	border: 1px solid #DBE0E3;
	background: #FFF;
	margin-bottom: 8px;
}

.foc_recurring_stats_col {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.foc_recurring_stats_num {
	font-family: Raleway, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.foc_recurring_stats_num_total {
	color: #000;
}

.foc_recurring_stats_num_possible {
	color: #4A6B59;
}

.foc_recurring_stats_num_impossible {
	color: #BF382B;
}

.foc_recurring_stats_label {
	color: #737373;
	font-family: Raleway, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.foc_recurring_dates_list {
	list-style: none;
	padding: 0;
	margin: 0;
	column-count: 3;
	column-gap: 4px;
	width: 100%;
}

@media (max-width: 768px) {
	.foc_recurring_dates_list {
		column-count: 2;
	}

	.foc_recurring_end_date_row {
		flex-direction: column;
		align-items: stretch;
	}

	.foc_recurring_end_date_row > div:first-child {
		width: 100%;
	}

	.foc_recurring_end_date_row > div:first-child input {
		width: 100%;
	}

	.foc_recurring_end_date_info {
		height: auto;
		flex: none;
	}
}

@media (max-width: 480px) {
	.foc_recurring_dates_list {
		column-count: 1;
	}
}

.foc_recurring_date_item {
	font-family: Raleway, sans-serif;
	font-size: 14px;
	break-inside: avoid;
	margin-bottom: 4px;
}

.foc_recurring_date_ok {
	display: flex;
	padding: 10px 14px;
	align-items: center;
	gap: 12px;
	border-radius: 8px;
	border: 1px solid #BFE0CC;
	background: #E8F5ED;
}

.foc_recurring_date_check {
	color: #4A6B59;
	font-size: 16px;
	font-weight: 700;
	flex-shrink: 0;
}

.foc_recurring_date_dt {
	color: #000;
	font-family: Raleway, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.foc_recurring_date_status_ok {
	color: #4A6B59;
	font-family: Raleway, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.foc_recurring_date_err {
	display: flex;
	padding: 10px 14px;
	align-items: center;
	gap: 12px;
	border-radius: 8px;
	border: 1px solid #F5C6C2;
	background: #FDECEA;
}

.foc_recurring_date_x {
	color: #BF382B;
	font-family: Raleway, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	flex-shrink: 0;
}

.foc_recurring_date_status_err {
	color: #BF382B;
	font-family: Raleway, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.foc_recurring_summary_box {
	display: flex;
	padding: 12px 16px;
	align-items: flex-start;
	border-radius: 8px;
	border: 1px solid #DBE0E3;
	background: #F2F7FA;
	width: 100%;
	margin-top: 16px;
}

.foc_recurring_summary_box_text {
	color: #26454F;
	font-family: Raleway, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.foc_recurring_end_date_row {
	display: flex;
	align-items: flex-end;
	gap: 16px;
	width: 100%;
}

.foc_recurring_end_date_row > div:first-child {
	flex: 1 1 0;
}

.foc_recurring_end_date_info {
	display: flex;
	height: 76px;
	padding: 10px;
	align-items: center;
	gap: 20px;
	flex: 1 0 0;
	border-radius: 5px;
	background: #F8F2ED;
	font-family: Raleway, sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #000;
}

.foc_recurring_end_date_info_icon {
	display: flex;
	width: 30px;
	height: 30px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 20px;
	border: 1px solid #E4CDB9;
	background: #FFF;
	flex-shrink: 0;
	margin-left: 10px;
}

.foc_recurring_end_date_label {
	display: block;
	color: #4A6B59;
	font-family: Raleway, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 4px;
}

/* Subscriber accordion header: collapsed vs expanded states */
.foc-bk-collapsed {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
}
.foc-bk-expanded {
	display: none;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
}

.foc_accordion:has(.accordion-button[aria-expanded="true"]) .foc-bk-collapsed { display: none; }
.foc_accordion:has(.accordion-button[aria-expanded="true"]) .foc-bk-expanded  { display: flex; }

/* 2-line date block inside collapsed header */
.foc-bk-date-block {
	display: flex;
	flex-direction: column;
	line-height: 1.3;
}

.foc-bk-date {
	font-size: 16px;
	font-weight: 700;
	color: #000;
}

.foc-bk-time {
	font-size: 16px;
	font-weight: 700;
	color: #000;
}

/* Expanded state text elements */
.foc-bk-datetime {
	font-size: 16px;
	font-weight: 700;
	color: #000;
	white-space: nowrap;
}

.foc-bk-room {
	font-size: 16px;
	font-weight: 700;
	color: #000;
	white-space: nowrap;
}

.foc-bk-name {
	font-size: 16px;
	font-weight: 700;
	color: #000;
}

/* Separator between expanded items */
.foc-bk-sep {
	width: 1px;
	height: 10px;
	background: rgba(110, 113, 115, 0.60);
	flex-shrink: 0;
}

@media (max-width: 991px) {
	/* Collapsed header: date + time side by side on one line */
	.foc-bk-date-block {
		flex-direction: row;
		align-items: center;
		gap: 4px;
	}

	/* Expanded header: each piece on its own row, no separators */
	.foc-bk-expanded {
		flex-direction: column;
		align-items: flex-start;
		gap: 4px;
	}

	.foc-bk-sep {
		display: none;
	}
}