/* VEMI CSS KOHANDATUD KULDSELE/TINDIVÄRVILE JA TÄIELIKULT TÄIUSTATUD */

/* ÜLDINE: Fontide ühtlustamine ja baasvärvid */
.vemi_header, .vemi_attr, .vemi_val, 
table.vemi_cal_table, div.vemi_event_list, 
.vemi_eventlist_title {
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif;
    color: #1d1d1f; /* Tindivärv */
}

/* ---------------------------------------------------- */
/* TRENNINGUGRUPPIDE TABELID (LIIKMED) */
/* ---------------------------------------------------- */
.vemi_header {
    font-weight:bold;
    background-color: #f4f5f7; /* Kerge neutraalne taust */
    vertical-align: top;
    font-size: 16px;
    padding-left: 5px !important;
}
.vemi_header a {
    font-weight:bold !important;
    font-size: 16px;
}

.vemi_attr {
    font-weight:bold;
    vertical-align: top;
    font-size: 13px;
    padding-left: 5px !important;
    width: 30%;
    text-align: center; /* Tsentreerib pealkirjad: Treenerid, Laste nimed */
}

.vemi_val {
    font-weight:normal; 
    vertical-align: top;
    font-size: 13px;
    padding-left: 5px !important;
    text-align: center; /* Tsentreerib Treenerite kontaktid */
}
.vemi_center {
    text-align: center;
}

/* ---------------------------------------------------- */
/* LASTE NIMEKIRJADE (vemi_team_table) TSENTREERIMINE */
/* ---------------------------------------------------- */
/* 1. Keskjoondus pealkirjadele ja tutvustustele (eeldab .center-content HTML-is) */
.grupp.center-content {
    text-align: center; 
}

/* 2. Tsentreerib kogu VEMI genereeritud HTML-tabeli kaardi sees */
.grupp.center-content .vemi_list_container .vemi_team_table {
    margin-left: auto;
    margin-right: auto;
    /* Määrame minimaalse laiuse ja lubame tsentreerida */
    min-width: 80%; 
    width: fit-content; 
    text-align: center; 
}

/* 3. Tsentreerib iga üksiku nime tabeli sees (kõige rangem reegel) */
.grupp.center-content .vemi_team_table td {
    text-align: center !important;
    /* Eemaldab igasuguse piirjoone, mis võiks olla jäänud team_table sisse */
    border: none !important; 
    padding: 2px 0 !important;
}


/* ---------------------------------------------------- */
/* SÜNDMUSTE KALENDER & NIMEKIRI (Kuldne Aktsent) */
/* ---------------------------------------------------- */
table.vemi_cal_table {
    border-collapse: collapse; 
    border: 1px solid #e5e7eb; 
}
table.vemi_cal_table th {
    background-color: #1d1d1f; 
    color: #ffffff;
    padding: 8px 5px;
}
table.vemi_cal_table td {
    border: 1px solid #e5e7eb; 
    height: 50px;
}
td.vemi_cal_blank {
    background-color: #fafafa; 
}
td.vemi_cal_events {
    background-color: #d4a116; /* Kuldne aktsentvärv (Primary Gold) */
    text-align: center;
    font-weight: bold;
    color: #1d1d1f; 
}
td.vemi_cal_events a {
    color: #1d1d1f; 
    font-weight: bold;
    text-decoration: none;
}
td.vemi_cal_noevents {
    background-color: #f4f5f7; 
    text-align: center;
    color: #6b7280; 
}

div.vemi_event_list {
    position: absolute;
    display:none;
    text-align: left;
    background: #ffffff; 
    padding:15px;
    border: 1px solid #d4a116; 
    max-width: 400px;
    z-index: 999999;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); 
}
span.vemi_event_list_title {
    font-weight: bold;
    color: #d4a116; 
}
div.vemi_event_list a {
    color: #6366f1; /* Sinakas lingivärv */
}

/* Kalendri Navigeerimine */
a.vemi_cal_prev, a.vemi_cal_next {
    text-decoration: none !important;
    color: #1d1d1f;
    font-size: 1.2em;
}
td.vemi_cal_nav {
    text-align: center !important;
    background-color: #f4f5f7;
}
td.vemi_cal_nav * {
    margin:5px;
}

/* Sündmuste Nimekirja Pealkirjad */
a.vemi_eventlist_title {
    font-weight: bold;
    color: #d4a116; 
    text-decoration: none;
}
a.vemi_paging {
    color: #1d1d1f;
    text-decoration: none;
}
a.vemi_paging_active {
    font-weight: bold;
    color: #d4a116; 
}


/* VEMI ALUSE TABELID: Eemaldab tugevad piirjooned */
table.vemi_team_table, table.vemi_team_table *, 
#vemi_team_table, #vemi_team_table * {
    border:0px !important;
    border-width: 0px !important;
    background: transparent !important;
    padding: 0 !important;
}