/**
 * Elementor Read More / Read Less Widget Styles
 * 
 * Design Philosophy: Clean, minimal styling that integrates seamlessly with Elementor
 */

.elementor-read-more-widget {
	display: block;
	width: 100%;
}

/* Text Container */
.elementor-read-more-widget .read-more-text {
	display: block;
	width: 100%;
	word-wrap: break-word;
	overflow-wrap: break-word;
	transition: max-height 0.3s ease-out;
}

/* Button Styles */
.elementor-read-more-widget .read-more-button {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	background: none;
	border:none !important;
	padding: 0;
	margin-top: 1rem;
	cursor: pointer;
	font-size: inherit;
	font-family: inherit;
	color: #0066cc;
	text-decoration: none;
	font-weight: 500;
	letter-spacing: 0.5px;
}

.elementor-read-more-widget .read-more-button:hover {
    border:none !important;
}
/* Button Icon */
.elementor-read-more-widget .read-more-button .button-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1rem;
	height: 1rem;
	transition: transform 0.3s ease-out;
}


/* Expanded State */
.elementor-read-more-widget .read-more-text.expanded {
	max-height: 10000px;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
	
	.elementor-read-more-widget .read-more-button {
        display: flex;
        justify-content: center;
        align-items: center;
        width: fit-content;
        margin: 15px auto 0;
    }
	.read-more-button-wrapper{
    width:100%;
    display:flex;
}

.read-more-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
}
}

/* Accessibility - Reduced Motion */
@media (prefers-reduced-motion: reduce) {
	.elementor-read-more-widget .read-more-text,
	.elementor-read-more-widget .read-more-button,
	.elementor-read-more-widget .read-more-button .button-icon {
		transition: none;
	}
}

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
	.elementor-read-more-widget .read-more-button {
		color: #4d9eff;
	}

	.elementor-read-more-widget .read-more-button:hover {
		color: #7ab8ff;
	}

	.elementor-read-more-widget .read-more-button:focus {
		outline-color: #4d9eff;
	}
}