/* Light mode */
button[type="button"].flex.items-center.justify-center.w-full {
    background: #00d6bd !important;
    color: #0b4f4b !important;
    border-radius: 8px !important;
    padding: 7px 16px !important;
    border: none !important;
    transition: all 0.3s ease !important;
    display: flex;
}

/* Dark mode */
.dark button[type="button"].flex.items-center.justify-center.w-full {
    background: #00968a !important;
	color: white !important;
}

span.rounded-full.shrink-0.text-primary-500 {
	background-color: white;
    color: #0b4f4b;
    border: none !important;
    width: 25px;
    height: 25px;
    border-radius: 50%;
	margin-right: 8px;
}

.dark span.rounded-full.shrink-0.text-primary-500 {
	background-color: white;
}

.font-button-group {
    display: flex;
    gap: 6px;
}

.text-button {
    padding: 4px 10px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 6px;
    border: none;
    background: transparent;
    color: #374151;
    cursor: pointer;
    transition: background 0.15s ease;
}

.text-button:hover {
    background: #e5e7eb;
}

/* Dark Mode */
.dark .text-button {
    color: #e5e7eb;
}

.dark .text-button:hover {
    background: #374151;
}

.hide-font-selector{
    display: none;
}

/* default font */
.noori-nastaleeq{
    font-family: 'Jameel Noori Nastaleeq';
    font-size: 1.125rem !important;
}

.noori-nastaleeq-badge span{
    font-size: 1rem;
    font-weight: bold;
}

.noori-nastaleeq-editor-content div{
    font-family: 'Jameel Noori Nastaleeq';
    font-size: 1.125rem;
}

/* make the stat widget text center align */
.stat-text-center div{
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* set stat widget label font noori-nastaleeq don't apply on count */
.stat-text-center div span{
    font-family: 'Jameel Noori Nastaleeq';
    font-size: 1.5rem;
    font-weight: bold;
}