/**
 * Spesifikke CSS-stiler for å fikse synlighetsproblemer med input og select
 */

/* Globale stiler for alle input og select i plugin */
.golf-handicap-slope-card input[type="text"],
.golf-handicap-slope-card select {
    color: #000 !important;
    background-color: #fff !important;
    -webkit-text-fill-color: #000 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

/* Spesifikke stiler for handicap-input */
#handicapInput-desktop,
#handicapInput {
    color: #000 !important;
    background-color: #fff !important;
    -webkit-text-fill-color: #000 !important;
    opacity: 1 !important;
    border: 1px solid #999 !important;
}

/* Spesifikke stiler for tee-selector */
#teeSelector-desktop,
#teeSelector {
    color: #000 !important;
    background-color: #fff !important;
    -webkit-text-fill-color: #000 !important;
    opacity: 1 !important;
    border: 1px solid #999 !important;
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
    appearance: menulist !important;
}

/* Stiler for placeholder-tekst */
#handicapInput-desktop::placeholder,
#handicapInput::placeholder {
    color: #666 !important;
    -webkit-text-fill-color: #666 !important;
    opacity: 1 !important;
}

/* Stiler for option-elementer */
#teeSelector-desktop option,
#teeSelector option {
    color: #000 !important;
    background-color: #fff !important;
    -webkit-text-fill-color: #000 !important;
}