/* ============================================================
   fixtures.co.bw — shared styles (all pages)
   Brand: FNB green/orange + Roboto/Oswald
   ============================================================ */

body {
    font-family: 'Roboto', sans-serif;
    background-color: #f3f4f6;
    -webkit-tap-highlight-color: transparent;
}
h1, h2, h3, .brand-font {
    font-family: 'Oswald', sans-serif;
}

/* FNB Botswana brand colors */
.fnb-green { color: #007a6e; }
.bg-fnb-green { background-color: #007a6e; }
.border-fnb-green { border-color: #007a6e; }

.fnb-dark-green { color: #004d45; }
.bg-fnb-dark-green { background-color: #004d45; }

.fnb-orange { color: #ff7a00; }
.bg-fnb-orange { background-color: #ff7a00; }
.border-fnb-orange { border-color: #ff7a00; }

/* Soft brand tint for active nav items */
.bg-fnb-soft { background-color: rgba(0, 122, 110, 0.08); }

/* Ad Space Styling */
.ad-space {
    background-color: #e5e7eb;
    border: 1px dashed #9ca3af;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6b7280;
    font-size: 0.875rem;
    margin-bottom: 1.5rem;
    overflow: hidden;
    position: relative;
    border-radius: 0.5rem;
}
.ad-label {
    position: absolute;
    top: 0;
    left: 0;
    background: #d1d5db;
    font-size: 10px;
    padding: 2px 4px;
    color: #4b5563;
}

/* Table Specifics */
.log-table th {
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
}
.pos-badge {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: bold;
    font-size: 0.875rem;
    flex-shrink: 0;
}

/* Animations */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes slideDown {
    from { opacity: 0; max-height: 0; transform: translateY(-10px); }
    to { opacity: 1; max-height: 700px; transform: translateY(0); }
}
.animate-row {
    animation: fadeInUp 0.4s ease-out forwards;
    opacity: 0;
}
.animate-expand {
    animation: slideDown 0.3s ease-out forwards;
    overflow: hidden;
}

/* Mobile Table Card View */
.mobile-card { display: none; }
@media (max-width: 768px) {
    .desktop-table { display: none; }
    .mobile-card { display: block; }
}

/* Expandable Row Styles */
.expandable-row { cursor: pointer; transition: background-color 0.2s; }
.expandable-row:hover { background-color: #f9fafb; }
.expanded-content {
    background-color: #f0fdf4;
    border-left: 4px solid #007a6e;
}
.chevron { transition: transform 0.3s ease; }
.chevron.rotate-180 { transform: rotate(180deg); }

/* Score pill for results */
.score-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 52px;
    padding: 2px 10px;
    border-radius: 9999px;
    background: #111827;
    color: #fff;
    font-weight: 700;
    font-size: 0.9rem;
    letter-spacing: 0.05em;
}
.score-pill.draw { background: #374151; }

/* Team crest images in circular frames */
img.rounded-full.object-contain {
    padding: 1px;
}

/* Service worker / notification prompt nudge */
.alerts-nudge {
    animation: fadeInUp 0.4s ease-out forwards;
    opacity: 0;
}