/* Medieval Theme CSS - Global Styles for War Backend */
/* Import MedievalSharp Font */

/* General parchment/medieval theme styles */

.town-square-icon {
    width: 140px;
    height: 140px;
    object-fit: contain;
    transition: transform 0.2s ease-in-out;
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.5));
    
}

.town-square-icon:hover {
    transform: scale(1.05);
}

/* Unit List Snippet Styles */
.unit-list {
    color: var(--text-primary);
}

.unit-list-header {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 1rem;
    font-weight: bold;
    color: var(--text-muted);
    padding: 0.5rem 1rem;
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
    font-size: 0.9rem;
}

.unit-list-row {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 1rem;
    align-items: center;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    transition: background-color 0.2s ease-in-out;
}

.unit-list-row:last-child {
    border-bottom: none;
}

.unit-list-row:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

.unit-info {
    display: flex;
    align-items: center;
}

.unit-count {
    font-weight: bold;
    font-size: 1.1rem;
}

/* Medieval Typography */
.medieval-title {
    color: var(--gold-light);
    font-family: 'MedievalSharp', 'Georgia', cursive;
    font-size: 1.8rem;
    font-weight: 600;
    text-shadow:
        2px 2px 4px rgba(0, 0, 0, 0.8),
        0 0 8px rgba(255, 255, 255, 0.1);
    letter-spacing: 1px;
    margin-bottom: 1rem;
}

.file-selected .medieval-file-name {
    color: var(--text-primary);
}

.btn-content {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'MedievalSharp', 'Georgia', cursive;
    font-size: 1rem;
    font-weight: 500;
}