/*
Theme Name: Edubin Child
Template: edubin
Description: Child theme for English Reading Corner. All custom CSS lives here so parent theme updates never overwrite it.
Version: 1.5
*/

/* =====================================================
   Top bar — slim, welcome text left, Login pill right
   ===================================================== */
body .tpc-header-top-bar.tpc-top-bar-style-2 {
	padding: 7px 0;
}
body .edubin-header-top-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 24px;
}
body .header-top-center::before {
	content: "\1F4DA  Free English reading, audio & activities";
	color: rgba(255, 255, 255, .95);
	font-size: 13px;
	font-weight: 500;
	letter-spacing: .2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
body .header-top-login-register a {
	display: inline-block;
	background: #fff !important;
	color: #0053ad !important;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	padding: 7px 16px;
	border-radius: 999px;
	transition: transform .2s ease, box-shadow .2s ease;
}
body .header-top-login-register a:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, .2);
	color: #0053ad !important;
}
@media (max-width: 767px) {
	body .header-top-center::before {
		content: "\1F4DA  English Reading Corner";
		font-size: 12px;
	}
}

/* =====================================================
   Front-page motion polish (subtle, colors untouched)
   ===================================================== */

/* Buttons: gentle lift on hover (no color change) */
body.home a.edubin-btn.edubin-btn-custom {
	transition: transform .25s ease, box-shadow .25s ease;
}
body.home a.edubin-btn.edubin-btn-custom:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 22px rgba(0, 0, 0, .12);
}

/* Feature / why-us boxes */
body.home .elementor-widget-image-box .elementor-image-box-wrapper {
	transition: transform .3s ease, box-shadow .3s ease;
}
body.home .elementor-widget-image-box .elementor-image-box-wrapper:hover {
	transform: translateY(-5px);
	box-shadow: 0 14px 32px rgba(0, 0, 0, .10);
}

/* Course category cards */
body.home .edubin-course-category .single-items {
	transition: transform .3s ease, box-shadow .3s ease;
}
body.home .edubin-course-category .single-items:hover {
	transform: translateY(-5px);
	box-shadow: 0 14px 32px rgba(0, 0, 0, .10);
}

/* Course cards (LearnPress grid) */
body.home .edubin-course.layout__1 {
	transition: transform .3s ease, box-shadow .3s ease;
}
body.home .edubin-course.layout__1:hover {
	transform: translateY(-5px);
	box-shadow: 0 14px 32px rgba(0, 0, 0, .10);
}
body.home .edubin-course.layout__1 .course__media {
	overflow: hidden;
}
body.home .edubin-course.layout__1 .course__media img {
	transition: transform .5s ease;
}
body.home .edubin-course.layout__1:hover .course__media img {
	transform: scale(1.05);
}

/* Event cards (kept for other pages even if removed from home) */
body.home .tpc-event-item {
	transition: transform .3s ease, box-shadow .3s ease;
}
body.home .tpc-event-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 14px 32px rgba(0, 0, 0, .10);
}
body.home .tpc-event-item .thumbnail {
	overflow: hidden;
}
body.home .tpc-event-item .thumbnail img {
	transition: transform .5s ease;
}
body.home .tpc-event-item:hover .thumbnail img {
	transform: scale(1.05);
}

/* Blog cards */
body.home .edu-blog.blog-style-1 {
	transition: transform .3s ease, box-shadow .3s ease;
}
body.home .edu-blog.blog-style-1:hover {
	transform: translateY(-5px);
	box-shadow: 0 14px 32px rgba(0, 0, 0, .10);
}

/* =====================================================
   Learning pillars — the 3 feature boxes on the front page
   Icons are plain background-image SVGs (universally
   supported — no CSS masks), color baked into the SVG.
   ===================================================== */
body.home .elementor-element-07be462 .elementor-widget-image-box .elementor-image-box-wrapper {
	display: flex;
	align-items: center;
	gap: 18px;
	height: 100%;
	background: #fff;
	border: 1px solid #e9e7ef;
	border-radius: 16px;
	padding: 24px;
	box-shadow: 0 8px 24px rgba(34, 26, 56, .06);
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
body.home .elementor-element-07be462 .elementor-widget-image-box .elementor-image-box-wrapper:hover {
	transform: translateY(-4px);
	border-color: #d8d3e3;
	box-shadow: 0 16px 36px rgba(34, 26, 56, .12);
}
/* icon circle — fixed square, icon drawn as background image */
body.home .elementor-element-07be462 .elementor-image-box-img {
	width: 60px !important;
	height: 60px !important;
	min-width: 60px;
	max-width: 60px;
	flex: 0 0 60px;
	box-sizing: border-box;
	padding: 0 !important;
	margin: 0 !important;
	border-radius: 50%;
	background-color: #f1eef5;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 28px 28px;
}
body.home .elementor-element-07be462 .elementor-image-box-img img {
	display: none !important;
}
/* per-widget glyphs: book / type / sound (purple baked in) */
body.home .elementor-element-a38179c .elementor-image-box-img {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23442e66' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z'/%3E%3Cpath d='M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z'/%3E%3C/svg%3E");
}
body.home .elementor-element-5e83e16 .elementor-image-box-img {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23442e66' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='4 7 4 4 20 4 20 7'/%3E%3Cline x1='9' y1='20' x2='15' y2='20'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3C/svg%3E");
}
body.home .elementor-element-704780e .elementor-image-box-img {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23442e66' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='11 5 6 9 2 9 2 15 6 15 11 19 11 5'/%3E%3Cpath d='M15.54 8.46a5 5 0 0 1 0 7.07'/%3E%3Cpath d='M19.07 4.93a10 10 0 0 1 0 14.14'/%3E%3C/svg%3E");
}
/* text — forced so theme/Elementor whites can never win */
body.home .elementor-element-07be462 .elementor-image-box-title {
	font-size: 18px;
	font-weight: 700;
	color: #442e66 !important;
	margin-bottom: 4px !important;
}
body.home .elementor-element-07be462 .elementor-image-box-description {
	font-size: 14px;
	color: #6f6a80 !important;
	margin: 0 !important;
	line-height: 1.5;
}

/* =====================================================
   Course category cards — proper white cards with designed
   gradient covers (icon baked into the background image,
   no masks) and forced readable text colors
   ===================================================== */
body.home .edubin-course-category .single-items {
	display: flex;
	flex-direction: column;
	height: 100%;
	background: #fff;
	border: 1px solid #e9e7ef;
	border-radius: 16px;
	padding: 14px 14px 20px;
	box-sizing: border-box;
	box-shadow: 0 8px 24px rgba(34, 26, 56, .06);
}
body.home .edubin-course-category .single-items .items-image {
	position: relative;
	width: 100%;
	height: 190px;
	flex: 0 0 auto;
	border-radius: 12px;
	overflow: hidden;
	box-sizing: border-box;
	background-repeat: no-repeat, no-repeat;
	background-position: center, center;
	background-size: 68px 68px, 100% 100%;
}
body.home .edubin-course-category .single-items .items-image img {
	display: none !important;
}
body.home .edubin-course-category .single-items .items-cont {
	padding: 16px 6px 0;
}
/* Reading — brand blue, white book icon */
body.home .elementor-element-84014af .items-image {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z'/%3E%3Cpath d='M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z'/%3E%3C/svg%3E"), linear-gradient(135deg, #0a72e8, #0053ad);
}
/* Vocabulary — brand purple, white type icon */
body.home .elementor-element-6538aac .items-image {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='4 7 4 4 20 4 20 7'/%3E%3Cline x1='9' y1='20' x2='15' y2='20'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3C/svg%3E"), linear-gradient(135deg, #5b3fa8, #3d2a5c);
}
/* Phonetics — brand yellow, purple sound icon */
body.home .elementor-element-b07d26a .items-image {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23442e66' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='11 5 6 9 2 9 2 15 6 15 11 19 11 5'/%3E%3Cpath d='M15.54 8.46a5 5 0 0 1 0 7.07'/%3E%3Cpath d='M19.07 4.93a10 10 0 0 1 0 14.14'/%3E%3C/svg%3E"), linear-gradient(135deg, #ffb606, #e09600);
}
/* Activities — deep navy, white grid icon */
body.home .elementor-element-1b2b599 .items-image {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E"), linear-gradient(135deg, #27317e, #171d4b);
}
/* card text — forced readable */
body.home .edubin-course-category .single-items .course-cat {
	color: #442e66 !important;
	font-weight: 700;
}
body.home .edubin-course-category .single-items .total-course {
	color: #6f6a80 !important;
}