/**
 * Overrides previously injected via Magento Admin (Design > Custom CSS / Header).
 * Migrated to ProPlayerFC_Theme so they deploy with code and respect static content.
 *
 * Load order: after proplayerfc-theme.css and ppfc-header-buttons.css (see default.xml).
 * Remove the same rules from the Admin panel to avoid duplication and drift.
 */

/* ------------------------------------------------------------------
   Header panel — links (excl. login, saudação, dropdown conta)
   ------------------------------------------------------------------ */
.panel.header .header.links li:not(.authorization-link):not(.greet.welcome):not(.user-menu-wrapper) a {
    background: #ffffff !important;
    color: #0c0c0c !important;
    border-color: #ffffff !important;
}

/* ------------------------------------------------------------------
   Links globais (Luma / .alink)
   ------------------------------------------------------------------ */
a,
.alink {
    color: #333333;
    text-decoration: none;
    font-weight: bold;
}

/* ------------------------------------------------------------------
   Torneios — ações, cartões, hero
   ------------------------------------------------------------------ */
.teams-players-actions .action.tournament-btn-copy-whatsapp {
    background: #25d366 !important;
    color: #ffffff !important;
    border: 1px solid #25d366 !important;
}

.teams-players-actions .action.secondary,
.start-actions .action-buttons .action.secondary {
    background: #2d95f1 !important;
    color: #ffffff !important;
    border: 1px solid #6c757d !important;
}

.tournament-card__status--drawn,
.tournament-card__status--active,
.tournament-card__status--in_progress {
    background: #006bb4;
    color: #fff;
}

.tournament-hero__actions .action {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 14px 28px !important;
    border-radius: 14px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    transition: all 0.2s ease !important;
    border: 2px solid #000000 !important;
    background: rgba(255, 255, 255, 0.9) !important;
    color: #000000 !important;
    min-height: 50px !important;
    box-sizing: border-box !important;
    height: auto !important;
}

.tournament-hero__actions .action:hover {
    background: #ebe4e4 !important;
    border-color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 8px rgba(255, 255, 255, 0.3) !important;
}

body.tournament-list-layout .tournament-list-page .tournament-card__actions .duplicate-tournament {
    background: #1d4ed8;
    color: #ffffff;
    border-color: #475569;
}

button.action.action--card.delete-tournament {
    background-color: #ffffff !important;
    color: #d30e0e !important;
}

button.action.primary.finalize-tournament-btn:hover {
    color: #000000 !important;
    background-color: #ffffff !important;
}

/* ------------------------------------------------------------------
   Form controls (textarea mantém altura automática)
   ------------------------------------------------------------------ */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="search"],
input[type="url"],
select {
    background: #ffffff !important;
    border: 2px solid #000000 !important;
    border-radius: 12px !important;
    padding: 14px 14px !important;
    font-size: 14px;
    line-height: 1.5 !important;
    color: #000000 !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
    box-sizing: border-box !important;
    height: 50px !important;
    min-height: 50px !important;
}

textarea {
    background: #ffffff !important;
    border: 2px solid #000000 !important;
    border-radius: 12px !important;
    padding: 14px 14px !important;
    font-size: 14px;
    line-height: 1.5 !important;
    color: #000000 !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
    box-sizing: border-box !important;
    min-height: 100px !important;
    height: auto !important;
}

/* ------------------------------------------------------------------
   Botões secundários / primários (fluxos ATP, URM, EGM, TSM, etc.)
   ------------------------------------------------------------------ */
button.secondary,
.action.secondary,
.btn-secondary {
    background: #f9f7f7 !important;
    color: #000000 !important;
    border: 2px solid #000000 !important;
}

button.secondary:hover,
.action.secondary:hover,
.btn-secondary:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
}

button.action-btn.action-btn--secondary.atp-edit-guest-btn {
    background-color: #fde68a !important;
    color: #000000 !important;
}

button.action-btn.action-btn--secondary.atp-convert-guest-btn {
    background-color: #008cff !important;
    color: #ffffff !important;
}

button.action.primary.urm-create-save,
button.action.primary.egm-save-btn {
    background-color: #047857 !important;
    color: #ffffff !important;
}

button.action.secondary.tsm-cancel-btn,
button.action.secondary.urm-back-btn {
    background-color: #ffffff !important;
    color: #000000 !important;
}

button.action.secondary.tsm-cancel-btn:hover,
button.action.secondary.urm-back-btn:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* ------------------------------------------------------------------
   Partidas — placar e edição
   ------------------------------------------------------------------ */
.match-score-box {
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border: none !important;
    border-radius: 10px;
    transition: all 0.2s ease;
}

.match-edit-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 12px 24px !important;
    background: #fde68a !important;
    color: #000000 !important;
    border: 2px solid #6c757d !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    min-height: 50px !important;
    box-sizing: border-box !important;
}

/* ------------------------------------------------------------------
   ProPlayer Social — abas e espaçamento (ppsm-*)
   ------------------------------------------------------------------ */
button.ppsm-tabs__btn {
    width: 100% !important;
    margin: 5px !important;
    background: #ffffff !important;
    color: #000000 !important;
}

nav.ppsm-tabs__nav {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.ppsm-wrap section {
    margin-bottom: 40px !important;
}

.ppsm-share {
    margin-top: 40px !important;
}

/* ------------------------------------------------------------------
   Mobile — estatísticas
   ------------------------------------------------------------------ */
@media (max-width: 768px) {
    .statistic-item {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        padding: 10px !important;
        width: 100% !important;
        max-width: 100% !important;
        flex-wrap: nowrap !important;
        box-sizing: border-box !important;
    }
}