/**
 * VIO Options — Frontend Styles
 * https://vioweb.ir
 */

/* ============================
   Breadcrumb Widget
   ============================ */

.vio-breadcrumb-wrapper {
	display: block;
	width: 100%;
}

.vio-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 8px;
}
.vio-star-btn.is-filled svg path {
    fill: #fbc116 !important;
    stroke: #fbc116 !important;
}
.vio-star-tip::after {
    border-top-color: #7151ba !important;
}
.vio-sc-text {
    font-family: 'IRANYekanX';
    font-size: 12px;
}
button.vio-star-btn.is-filled:focus, button.vio-star-btn.is-filled:hover {
    background-color: #ffffff00 !important;
}
.vio-star-tip {
    background: #7149ba !important;
}
.vio-rating-sc.has-rating .vio-sc-star path {
    fill: #FBC117 !important;
    stroke: #FBC117 !important;
}
.vio-sc-avg, .vio-sc-count {
    color: #fbc116 !important;
    font-family: 'IRANYekanFN' !important;
}
ٖ[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
    background-color: #7C3AED !important;
    color: #fff !important;
    text-decoration: none;
}
button.vio-faq-q:hover span , button.vio-faq-q:focus span {
    color: white !important;
}
.vio-faq-item {
    margin-bottom: 7px;
}
.vio-breadcrumb__item {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 14px;
	line-height: 1.5;
}

.vio-breadcrumb__item a {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: #555555;
	text-decoration: none;
	transition: color 0.2s ease;
}

.vio-breadcrumb__item a:hover {
	color: #0073aa;
	text-decoration: underline;
}

.vio-breadcrumb__item i,
.vio-breadcrumb__item svg {
	font-size: 0.9em;
	vertical-align: middle;
}

.vio-breadcrumb__item--current {
	color: #000000;
	font-weight: 500;
	pointer-events: none;
}

.vio-breadcrumb__separator {
	display: inline-flex;
	align-items: center;
	color: #aaaaaa;
	font-size: 14px;
	line-height: 1;
	user-select: none;
	list-style: none;
}

/* ============================
   Shared Meta Widget Styles
   ============================ */

.vio-cat-name,
.vio-reading-time,
.vio-doctor,
.vio-post-date,
.vio-modified-date,
.vio-comment-count,
.vio-rating {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 5px;
	font-size: 14px;
	line-height: 1.5;
}

.vio-cat-name a,
.vio-comment-count a,
.vio-post-date a,
.vio-doctor a {
	text-decoration: none;
	transition: color 0.2s ease;
}

.vio-icon {
	display: inline-flex;
	align-items: center;
	line-height: 1;
}

.vio-icon i,
.vio-icon svg {
	font-size: inherit;
}

.vio-label {
	opacity: 0.75;
}

/* ============================
   Rating Widget
   ============================ */

.vio-rating {
	gap: 6px;
}

.vio-rating__stars {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	line-height: 1;
}

.vio-rating__star {
	line-height: 1;
}

.vio-rating__star--filled {
	color: #F5A623;
}

.vio-rating__star--empty {
	color: #CCCCCC;
}

.vio-rating__score {
	font-weight: 700;
	color: #333333;
}

.vio-rating__count {
	font-size: 0.85em;
	color: #888888;
}

/* ============================
   Doctor Widget
   ============================ */

.vio-doctor-specialty {
	font-size: 0.85em;
	color: #888888;
}