/* Font Awesome Free için özel CSS kuralları */
:root {
    --tp-ff-fontawesome: "Font Awesome 6 Free";
    --tp-ff-fontawesome-brands: "Font Awesome 6 Brands";
}

.nice-select::after {
    content: "\f078";
    font-family: var(--tp-ff-fontawesome);
    font-weight: 900;
}

.tp-theme-color-btn::before {
    content: "\f00c";
    font-family: var(--tp-ff-fontawesome);
    font-weight: 900;
}

/* Diğer Font Awesome ikonları için gerekli kurallar */
[class^="fa-"]::before,
[class*=" fa-"]::before {
    font-family: var(--tp-ff-fontawesome);
    font-weight: 900;
}

/* Font Awesome Brands ikonları için özel kurallar */
[class^="fab"]::before,
[class*=" fab"]::before {
    font-family: var(--tp-ff-fontawesome-brands);
    font-weight: 400;
}

/* Angle-down ikonu için özel kural */
.fa-angle-down::before {
    content: "\f078";
    font-family: var(--tp-ff-fontawesome);
    font-weight: 900;
}

/* Dropdown menü ikonu için özel kural */
.main-menu ul li.has-dropdown > a::after {
    content: "\f078";
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    font-size: 14px;
    color: var(--tp-common-white);
    font-family: var(--tp-ff-fontawesome);
    font-weight: 900;
    margin-left: 5px;
    line-height: 0px;
    display: inline-block;
    transition: transform 0.3s ease;
}

/* Dropdown menü açıkken ikonun dönüşü */
.main-menu ul li.has-dropdown:hover > a::after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}