/**
 * BPR — стартова адаптація для наших компонентів.
 * Точкове доведення теми — окремо, після візуального тесту на пристрої.
 */

/* Кнопка «Зареєструватися» — прибираємо іконку кошика (це вже не «в кошик») */
.tutor-add-to-cart-button .tutor-icon-cart-filled,
.tutor-add-to-cart-button .btn-icon {
	display: none;
}

/* Помітна кнопка реєстрації на сторінці курсу/товару */
.woocommerce div.product form.cart .button,
.single-product .single_add_to_cart_button {
	font-size: 16px;
	padding: 14px 28px;
	font-weight: 600;
	width: auto;
}

/* Блок деталей курсу на сторінці товару/курсу */
.bpr-course-details {
	margin: 16px 0;
	padding: 14px 16px;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	background: #fafafa;
}
.bpr-course-details ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.bpr-course-details li {
	margin: 0 0 8px;
	line-height: 1.5;
}
.bpr-course-details li:last-child {
	margin-bottom: 0;
}
.bpr-course-details .bpr-label {
	font-weight: 600;
}

/* Заглушка замість кнопки, поки реєстрація закрита */
.bpr-registration-closed {
	display: block;
	margin: 16px 0;
	padding: 14px 18px;
	border: 1px dashed #d8b34a;
	border-radius: 8px;
	background: #fdf7e3;
	color: #6b5312;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	line-height: 1.4;
}
.bpr-registration-closed--loop {
	margin: 8px 0 0;
	padding: 8px 12px;
	font-size: 14px;
	font-weight: 500;
}

/* Заголовки записів у блоці «Матеріали та новини» (Elementor Posts /
   Loop Grid / архів блогу) — за дизайном ВСІ ВЕЛИКІ ЛІТЕРИ. */
.elementor-post__title,
.elementor-post__title a,
.elementor-posts .elementor-post__title,
.elementor-widget-posts .elementor-post__title,
.e-loop-item .elementor-heading-title,
.e-loop-item h1, .e-loop-item h2, .e-loop-item h3,
.e-loop-item h4, .e-loop-item h5, .e-loop-item h6,
.blog .entry-title,
.blog .entry-title a,
.archive .entry-title,
.archive .entry-title a {
	text-transform: uppercase !important;
}

/* Заголовок на сторінці самого запису/курсу — теж усі великі літери
   (тема ставила capitalize: «У», «І», «Та» виходили з великої).
   Покриваємо і віджет «Post Title», і звичайний «Heading» з динамічним
   заголовком у hero-шаблоні (там h1 без спеціального класу). */
.elementor-widget-theme-post-title .elementor-heading-title,
.elementor-widget-theme-post-title h1,
body.single h1.elementor-heading-title,
body.single-post h1.elementor-heading-title,
body.single h1.entry-title,
.single-post .entry-title,
.single .entry-title,
.single-product .product_title,
body.single-product h1.elementor-heading-title {
	text-transform: uppercase !important;
}

/* ФІКС: поле email при реєстрації/оформленні не має «капіталізувати» ввід.
   CSS страхує від text-transform теми; атрибути autocapitalize ставить
   PHP (checkout) та bpr-frontend.js (усі інші форми). */
input[type="email"],
input[name*="email" i],
#billing_email,
#account_email,
#reg_email {
	text-transform: none !important;
}

/* Honeypot має лишатися прихованим за будь-якої теми */
.bpr-hp {
	display: none !important;
}

/* Селектор формату участі на checkout */
.bpr-format-choices label {
	padding: 6px 8px;
	border: 1px solid #e3e3e3;
	border-radius: 6px;
	margin-bottom: 6px !important;
	cursor: pointer;
}
.bpr-format-choices input[type="radio"] {
	margin-right: 8px;
}

/* Блок «Деталі заходу» / кабінет — таблиці не ламають ширину на мобільному */
.woocommerce-account .woocommerce-orders-table,
.woocommerce-account table.shop_table {
	display: block;
	overflow-x: auto;
	width: 100%;
}

@media (max-width: 768px) {
	/* Поля checkout — на всю ширину */
	.woocommerce form .form-row-first,
	.woocommerce form .form-row-last,
	.woocommerce-page form .form-row-first,
	.woocommerce-page form .form-row-last {
		width: 100%;
		float: none;
		margin-right: 0;
	}

	/* Кнопка реєстрації — на всю ширину, щоб легко тиснути пальцем */
	.single-product .single_add_to_cart_button,
	.woocommerce #place_order {
		width: 100%;
		display: block;
		text-align: center;
	}

	/* Кабінет: пункти меню зручніші для тапу */
	.woocommerce-MyAccount-navigation ul li a {
		display: block;
		padding: 12px 4px;
	}

	/* Таблиця офлайн-заходів — читабельні комірки */
	.woocommerce-account table.shop_table th,
	.woocommerce-account table.shop_table td {
		padding: 8px 6px;
		font-size: 14px;
	}
}

@media (max-width: 480px) {
	.bpr-format-choices label {
		font-size: 15px;
	}
}