/* Ledger Icons Font */
@font-face {
    font-family: 'ledger-icons-font';
    src: url('../fonts/icomoon.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Base icon styles */
[class^="icon-"],
[class*=" icon-"] {
    font-family: 'ledger-icons-font' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
}

/* Icon definitions */
/* Note: Character codes may need to be adjusted based on the actual font mapping */
/* These are common IcoMoon font codes - verify against the actual font file */

.icon-lock:before {
    content: "\e975";
}

.icon-user-check:before {
    content: "\e9d7";
}

.icon-chevron-left:before {
    content: "\e902";
}

.icon-chevron-right:before {
    content: "\e903";
}

.icon-star:before {
    content: "\e9b6";
}

/* Arrow icons - commonly used in buttons */
.icon-arrow-right:before {
    content: "\e904";
}

.icon-arrow-left:before {
    content: "\e905";
}

.icon-arrow-up:before {
    content: "\e906";
}

.icon-arrow-down:before {
    content: "\e907";
}

/* Additional arrow variations */
.icon-arrow-right-alt:before {
    content: "\e908";
}

.icon-arrow-left-alt:before {
    content: "\e909";
}

/* Button arrow icons - used via ::after pseudo-elements */
/* Exclude secondary buttons and buttons with no-icon class */
.button:not(:empty):not(.no-icon):not(.secondary):after,
.read-more:not(.reverse):after,
input.button:not(.no-icon):not(.secondary):after {
    font-family: 'ledger-icons-font' !important;
    content: "\e906"; /* Arrow right icon for buttons */
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle;
}

.read-more.reverse:before {
    font-family: 'ledger-icons-font' !important;
    content: "\e906"; /* Arrow left icon for reverse read-more */
    margin-left: 0;
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
}

/* Language selector dropdown arrow */
/* For mobile: <a class="activeLanguage"> */
.activeLanguage:after {
    font-family: 'ledger-icons-font' !important;
    content: "\e918"; /* Dropdown arrow for language selector */
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
}

/* For desktop: wrapper div around <select> */
.language-select:after,
.language-select.language-switcher:after {
    font-family: 'ledger-icons-font' !important;
    content: "\e918"; /* Dropdown arrow for language selector */
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.language-select,
.language-select.language-switcher {
    position: relative;
}