/* MARC_GOLF_GLOBAL_UI_V2 */

/*
 * Sistema visual global de Marc Golf.
 * Hereda automáticamente el color de texto
 * del tema claro/oscuro mediante currentColor.
 */

.card {
    border:
        1px solid
        color-mix(
            in srgb,
            currentColor 16%,
            transparent
        ) !important;

    border-radius: 16px !important;

    background:
        color-mix(
            in srgb,
            currentColor 3%,
            transparent
        ) !important;

    color: inherit !important;

    box-shadow: none !important;
}


/* BOTONES */

button,
.button {
    border-radius: 12px;
}

button:not(.button-primary),
.button-secondary {
    border:
        1px solid
        color-mix(
            in srgb,
            currentColor 30%,
            transparent
        ) !important;

    background:
        color-mix(
            in srgb,
            currentColor 4%,
            transparent
        ) !important;

    color: inherit !important;

    box-shadow: none !important;
}

button:not(.button-primary):active,
.button-secondary:active {
    background:
        color-mix(
            in srgb,
            currentColor 10%,
            transparent
        ) !important;
}

button:disabled {
    opacity: .28 !important;
    cursor: default !important;
}


/* BOTÓN PRINCIPAL */

.button-primary {
    border-radius: 12px !important;
}


/* CAMPOS */

input,
select,
textarea {
    border:
        1px solid
        color-mix(
            in srgb,
            currentColor 22%,
            transparent
        ) !important;

    border-radius: 12px !important;

    background:
        color-mix(
            in srgb,
            currentColor 2%,
            transparent
        ) !important;

    color: inherit !important;

    box-shadow: none !important;
}

input:focus,
select:focus,
textarea:focus {
    outline: 2px solid #159447 !important;
    outline-offset: 1px !important;

    border-color: #159447 !important;
}


/* PLACEHOLDERS */

input::placeholder,
textarea::placeholder {
    color: inherit !important;
    opacity: .46 !important;
}


/* SELECT */

select option {
    color: inherit;
}


/* BLOQUES INTERIORES */

.player-row,
.match-score-player,
.match-player-box {
    border-color:
        color-mix(
            in srgb,
            currentColor 28%,
            transparent
        ) !important;
}


/* TABLAS */

table {
    color: inherit;
}

th {
    opacity: .72;
}

td,
th {
    border-color:
        color-mix(
            in srgb,
            currentColor 12%,
            transparent
        ) !important;
}


/* BADGES / PILLS */

.badge,
.pill,
.status-pill {
    border:
        1px solid
        color-mix(
            in srgb,
            currentColor 18%,
            transparent
        );

    background:
        color-mix(
            in srgb,
            currentColor 5%,
            transparent
        );

    color: inherit;
}


/* AYUDAS Y TEXTO SECUNDARIO */

.section-help,
.field small,
small {
    color: inherit;
    opacity: .68;
}


/* ESTADOS SELECCIONADOS */

.is-current,
.is-selected,
[aria-current="true"] {
    border-color: #159447 !important;

    outline-color: #159447 !important;
}


/* MÓVIL */

@media (max-width: 640px) {

    .card {
        border-radius: 16px !important;
    }

    input,
    select,
    textarea {
        min-height: 46px;
    }

    button,
    .button {
        min-height: 44px;
    }
}