/* 5. Hide wordpress branding */
.site-info, .site-info a {
	color: #ffffff !important;
	font-size: 0 !important;
	opacity: 0;
}

/* 13. Container for the image */
.video-thumb {
	position: relative;
	display: inline-block;
}

/* 14. Creating the rainbow play button overlay */
.video-thumb::after {
	content: '▶';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: linear-gradient(135deg, #4AEADC 0%, #9778D1 20%, #CF2ABA 40%, #EE2C82 60%, #FB6962 80%, #FEF84C 100%);
	color: white;
	font-size: 24px;
	padding: 10px 25px;
	border-radius: 28px;
	pointer-events: none;
	opacity: .7;
	transition: all .3s ease;
	box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

/* 15. Hover effect */
.video-thumb:hover::after {
	filter: brightness(1.1);
	opacity: 1;
/* Fully visible on hover */
	transform: translate(-50%, -50%) scale(1.1);
}

/* 15. Enrol notice for unenrolled tutees */
.enrol-notice {
	position: fixed !important;
	bottom: 0 !important;
	left: 0 !important;
	z-index: 9999;
}

/* 16. Hide comments from pages */
.page-id-10095 #comments, .page-id-1540 #comments, .page-id-1533 #comments, .page-id-1530 #comments {
	display: none;
}


/* 18. Target only the specific details block with our custom class */
.centered-details summary {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	gap: 15px;
/* Space between the arrow, text, and images */
	cursor: pointer;
}

/* 19. Ensure inline images inside this specific summary behave */
.centered-details summary img {
	display: inline-block;
	margin: 0;
/* Removes default margins that might throw off centering */
}

/* 20. Hide wordpress action bar */
#actionbar {
	display: none !important;
}


/* 13. Container for the image */
.lock-thumb {
	position: relative;
	display: inline-block;
}

/* 14. Creating the rainbow play button overlay */
.lock-thumb::after {
	content: '🔒';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: white;
	font-size: 24px;
	padding: 10px 25px;
	border-radius: 28px;
	pointer-events: none;
	opacity: .7;
	transition: all .3s ease;
	box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

/* 15. Hover effect */
.lock-thumb:hover::after {
	filter: brightness(1.1);
	opacity: 1;
/* Fully visible on hover */
	transform: translate(-50%, -50%) scale(1.1);
}

/* 13. Container for the image */
.link-thumb {
	position: relative;
	display: inline-block;
}

/* 14. Creating the rainbow play button overlay */
.link-thumb::after {
	content: '🔗';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: white;
	font-size: 24px;
	padding: 10px 25px;
	border-radius: 28px;
	pointer-events: none;
	opacity: .7;
	transition: all .3s ease;
	box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

/* 15. Hover effect */
.link-thumb:hover::after {
	filter: brightness(1.1);
	opacity: 1;
/* Fully visible on hover */
	transform: translate(-50%, -50%) scale(1.1);
}

/* Hide the WordPress.com Toolbar for logged-in users */
#wpadminbar {
	display: none !important;
}

/* Remove the top margin/padding usually added to the page to make room for the bar */
html {
	margin-top: 0 !important;
}

* html body {
	margin-top: 0 !important;
}

.brtpmj_businessheader {
	display: none !important;
}

.wp-block-button__link {
    box-sizing: border-box !important;
}

/* Hide whatsapp button from chat page*/
/* Hide Social Chat on a specific page */

/* Hide WhatsApp Button and Scroll-to-Top on Specific Dashboard Pages */
.page-id-14899 .qlwapp__button, .page-id-14899 .qwlapp__container,
.page-id-14897 .qlwapp__button, .page-id-14897 .qwlapp__container,
.page-id-13285 .qlwapp__button, .page-id-13285 .qwlapp__container,
.page-id-14069 .qlwapp__button, .page-id-14069 .qwlapp__container,
.page-id-14436 .qlwapp__button, .page-id-14436 .qwlapp__container,
.page-id-14888 .qlwapp__button, .page-id-14888 .qwlapp__container {
    display: none !important;
}

/* Hide Scroll-to-Top Buttons for Pages 14069, 14436, and 14888 */
.page-id-14899 #kt-scroll-up, [class*="14899"] .kt-scroll-up-button,
.page-id-14897 #kt-scroll-up, [class*="14897"] .kt-scroll-up-button,
.page-id-14069 #kt-scroll-up, [class*="14069"] .kt-scroll-up-button,
.page-id-14436 #kt-scroll-up, [class*="14436"] .kt-scroll-up-button,
.page-id-14888 #kt-scroll-up, [class*="14888"] .kt-scroll-up-button {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}


/* This targets the GamiPress button wrapper */
.gamipress-button-container, 
.gamipress-button {
    display: block !important;
		box-sizing: border-box !important; /* This keeps it inside the lines */    
		width: 100% !important;
    text-align: center;
}

.centered-achievements .gamipress-achievements-container {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 20px; /* This creates even space between items without shifting them */
}

.centered-achievements .gamipress-achievement {
    float: none !important;
    margin-right: 0 !important; /* Removes the "push" on the right side */
    margin-left: 0 !important;
    margin-bottom: 20px !important;
    /* Optional: Force a specific width for the 6-column look on desktop */
    width: calc(16.67% - 120px) !important;
    min-width: 120px; /* Prevents them from getting too tiny */
}

.chat-width {
		box-sizing: border-box !important; /* This keeps it inside the lines */    
}

/* Only hide time for blocks with the "hide-event-times" class */
.hide-event-times .wp-block-coblocks-events__time {
    display: none !important;
}

/* 1. Flex the main container to keep P and Event Block on one line */
.minimal-event-list .wp-block-group__inner-container {
    display: flex !important;
    flex-direction: row !important;
    align-items: baseline !important;
    flex-wrap: nowrap !important;
    gap: 8px;
}

/* 2. Strip the Event Block of its 'Box' behavior */
.minimal-event-list .wp-block-coblocks-events,
.minimal-event-list .swiper-container-external,
.minimal-event-list .wp-block-coblocks-events-event-item,
.minimal-event-list .wp-block-coblocks-events__content {
    display: inline !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
}

/* 3. Force the title to stay on a single line */
.minimal-event-list .wp-block-coblocks-events__title {
    display: inline !important;
    white-space: nowrap !important; /* This prevents the 'Nuclear fission' wrap */
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
}

/* 4. Hide all the extra CoBlocks UI */
.minimal-event-list .wp-block-coblocks-events__date,
.minimal-event-list .wp-block-coblocks-events__details,
.minimal-event-list .wp-block-coblocks-events__description,
.minimal-event-list .wp-coblocks-events-nav-button__prev,
.minimal-event-list .wp-coblocks-events-nav-button__next {
    display: none !important;
}

/* 5. Ensure the Paragraph doesn't push the event away */
.minimal-event-list p {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block !important;
    width: auto !important;
}

/* 1. Force the Group container to stay on one line */
.event-date-only .wp-block-group__inner-container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: baseline !important;
    gap: 6px;
}

/* 2. Strip the 'Box' behavior from the Event block */
.event-date-only .wp-block-coblocks-events,
.event-date-only .swiper-container-external,
.event-date-only .wp-block-coblocks-events-event-item,
.event-date-only .wp-block-coblocks-events__content {
    display: inline !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
}

/* 3. Transform the Date 'Box' into a single line of text */
.event-date-only .wp-block-coblocks-events__date {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: baseline !important;
    gap: 4px; /* Space between Day, Month, Year */
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
    white-space: nowrap !important;
}

/* 4. Fix font sizes and remove absolute positioning of date parts */
.event-date-only .wp-block-coblocks-events__date span {
    display: inline !important;
    position: static !important; 
    font-size: inherit !important; /* Matches your paragraph text size */
    line-height: inherit !important;
    font-weight: bold; /* Optional: makes the date stand out */
}

/* 5. Hide everything else */
.event-date-only .wp-block-coblocks-events__title,
.event-date-only .wp-block-coblocks-events__description,
.event-date-only .wp-block-coblocks-events__details,
.event-date-only .wp-coblocks-events-nav-button__prev,
.event-date-only .wp-coblocks-events-nav-button__next {
    display: none !important;
}

/* 6. Ensure the Paragraph doesn't take up 100% width */
.event-date-only p {
    margin: 0 !important;
    display: inline-block !important;
    width: auto !important;
}