:root {
    scroll-behavior: smooth;
}

:root * {
    direction: rtl;
    font-family: IRANSans;
}

:root input:focus,
:root textarea {
    outline: none;
    box-shadow: none;
}

textarea {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/**
*   BLOG STYLES
*/
.active-action-button {
    background: #fb923c;
    color: white !important;
}

/**
*   FORBIDDEN STYLES    
*/
.forbidden-active-actions {
    border-bottom: solid 1px #fdba74;
}

.forbidden-active-actions svg {
    background: linear-gradient(#f97316, #fdba74);
    color: white;
}

.forbidden-active-actions .action-shadow {
    opacity: 100;
}

/**
*   TERMS STYLES    
*/
.terms-active-actions {
    border-bottom: solid 1px #fca5a5;
}

.terms-active-actions svg {
    background: linear-gradient(#ef4444, #fca5a5);
    color: white;
}

.terms-active-actions .action-shadow {
    opacity: 100;
}

/**
*   FORM STYLE BOUNDLE 
*/
.form-has-error {
    border: solid 1px rgb(255, 90, 90) !important;
}

.form-has-error svg {
    color: rgb(255, 90, 90);
}

/**
*   UI KIT
*/
.btn-orange {
    /*px-4 py-2.5 text-xs font-medium */
    display: flex;
    align-items: center;
    background: linear-gradient(-70deg, #f97316, #fb923c);
    color: white;
    border-radius: 36px;
    padding: 9px 0;
    font-size: 13px;
    font-weight: 500;
    transition: .3s;
}

.btn-orange:hover {
    background: linear-gradient(-70deg, #ff8e3e, #ffab67);
}

.gotop-button {
    transition: 0.3s all;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #ff8e3e90;
    position: fixed;
    right: 2rem;
    bottom: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px);
    z-index: 10;
}

.gotop-button:hover {
    background: #ff8e3e;
}

@media only screen and (max-width: 600px) {
    .gotop-button {
        width: 40px;
        height: 40px;
    }
}

*,
a {
    -webkit-tap-highlight-color: transparent !important;
}