/**
 * Font Awesome ikony dla SCEditor
 * Zastępuje domyślne ikony SCEditor ikonami Font Awesome
 */

/* WAŻNE: Ukryj domyślne tło ikon SCEditor */
.sceditor-button div {
    background-image: none !important;
    background: transparent !important;
    width: 16px !important;
    height: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
}

/* WAŻNE: Dodaj Font Awesome ikony z wyższym priorytetem */
.sceditor-button-bold div:before {
    content: "\f032" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: 14px !important;
    display: inline-block !important;
    color: #333 !important;
}

.sceditor-button-italic div:before {
    content: "\f033" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: 14px !important;
    display: inline-block !important;
    color: #333 !important;
}

.sceditor-button-underline div:before {
    content: "\f0cd" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: 14px !important;
    display: inline-block !important;
    color: #333 !important;
}

.sceditor-button-strike div:before {
    content: "\f0cc" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: 14px !important;
    display: inline-block !important;
    color: #333 !important;
}

.sceditor-button-left div:before {
    content: "\f036" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: 14px !important;
    display: inline-block !important;
    color: #333 !important;
}

.sceditor-button-center div:before {
    content: "\f037" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: 14px !important;
    display: inline-block !important;
    color: #333 !important;
}

.sceditor-button-right div:before {
    content: "\f038" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: 14px !important;
    display: inline-block !important;
    color: #333 !important;
}

.sceditor-button-justify div:before {
    content: "\f039" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: 14px !important;
    display: inline-block !important;
    color: #333 !important;
}

.sceditor-button-color div:before {
    content: "\f53f" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: 14px !important;
    display: inline-block !important;
    color: #333 !important;
}

.sceditor-button-removeformat div:before {
    content: "\f12d" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: 14px !important;
    display: inline-block !important;
    color: #333 !important;
}

.sceditor-button-bulletlist div:before {
    content: "\f0ca" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: 14px !important;
    display: inline-block !important;
    color: #333 !important;
}

.sceditor-button-orderedlist div:before {
    content: "\f0cb" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: 14px !important;
    display: inline-block !important;
    color: #333 !important;
}

.sceditor-button-link div:before {
    content: "\f0c1" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: 14px !important;
    display: inline-block !important;
    color: #333 !important;
}

.sceditor-button-unlink div:before {
    content: "\f127" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: 14px !important;
    display: inline-block !important;
    color: #333 !important;
}

.sceditor-button-image div:before {
    content: "\f03e" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: 14px !important;
    display: inline-block !important;
    color: #333 !important;
}

.sceditor-button-quote div:before {
    content: "\f10d" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: 14px !important;
    display: inline-block !important;
    color: #333 !important;
}

.sceditor-button-code div:before {
    content: "\f121" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: 14px !important;
    display: inline-block !important;
    color: #333 !important;
}

.sceditor-button-source div:before {
    content: "\f1c9" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: 14px !important;
    display: inline-block !important;
    color: #333 !important;
}

.sceditor-button-emoticon div:before {
    content: "\f118" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: 14px !important;
    display: inline-block !important;
    color: #333 !important;
}

.sceditor-button-youtube div:before {
    content: "\f167" !important;
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    display: inline-block !important;
    color: #333 !important;
}

.sceditor-button-table div:before {
    content: "\f0ce" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: 14px !important;
    display: inline-block !important;
    color: #333 !important;
}

.sceditor-button-horizontalrule div:before {
    content: "\f068" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: 14px !important;
    display: inline-block !important;
    color: #333 !important;
}

.sceditor-button-maximize div:before {
    content: "\f31e" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: 14px !important;
    display: inline-block !important;
    color: #333 !important;
}

/* Hover effect - zmień kolor ikony na hover */
.sceditor-button:hover {
    background-color: #e8f4fd !important;
}

.sceditor-button:hover div:before {
    color: #0066cc !important;
}

/* Active state - zmień kolor ikony gdy aktywna */
.sceditor-button.active {
    background-color: #d0e9ff !important;
}

.sceditor-button.active div:before {
    color: #0066cc !important;
}

/* Separator */
.sceditor-group {
    border-right: 1px solid #ddd;
    padding-right: 5px;
    margin-right: 5px;
}