// Uczelnia page styles
@use "sass:color";

// BEM block: .uczelnia
// Main university page component

// Logo placeholder styling
.uczelnia__logo-placeholder {
    filter: grayscale(100%);
    opacity: 0.7;
}

// Form wrapper for inline form display
.uczelnia__form--inline {
    display: inline;
}

// Button styled as link (invisible container)
.uczelnia__button--invisible {
    border: none;
    background: none;
    padding: 0;
}

// Invisible button combined with secondary - ensure no border on button element only
button.uczelnia__button--invisible.main-page-button-secondary {
    border: 0 !important;
    border-color: transparent !important;
    background: none !important;
    box-shadow: none !important;
    outline: none !important;

    &:hover,
    &:focus,
    &:active {
        border: 0 !important;
        border-color: transparent !important;
        background: none !important;
        box-shadow: none !important;
        outline: none !important;
    }
}

// Inline block span wrapper
.uczelnia__span--inline-block {
    display: inline-block;
}

// Browse panels section
.uczelnia__browse-section {
    margin-top: 40px;
}

// Section heading
.uczelnia__section-heading {
    color: #2c3e50;
    margin-bottom: 20px;
    font-size: 1.5rem;
}

// Browse tile container
.uczelnia__tile {
    padding: 20px;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #dee2e6;
    text-align: center;
    transition: all 0.3s ease;
    height: 100%;
}

// Tile icon base style
.uczelnia__tile-icon {
    font-size: 3rem;
    display: block;
    margin-bottom: 10px;
}

// Tile icon color modifiers
.uczelnia__tile-icon--blue {
    color: #007bff;
}

.uczelnia__tile-icon--green {
    color: #28a745;
}

.uczelnia__tile-icon--yellow {
    color: #ffc107;
}

.uczelnia__tile-icon--red {
    color: #dc3545;
}

// Tile title
.uczelnia__tile-title {
    color: #2c3e50;
    margin-bottom: 5px;
}

// Tile description
.uczelnia__tile-description {
    color: #6c757d;
    font-size: 0.9rem;
    margin: 0;
}

// Section title with top margin (for recently updated sections)
.uczelnia__section-title--margin-top {
    margin-top: 30px;
}

// Center text with top margin
.uczelnia__actions--centered {
    text-align: center;
    margin-top: 15px;
}

// Button with top margin
.uczelnia__button--margin-top {
    margin-top: 10px;
}

// Admin buttons - shared styles for all management buttons
.admin-buttons-centered {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 20px;

    .button {
        margin-bottom: 0;
        font-weight: 500;
        transition: all 0.2s ease;
        background: white;
        border: 1px solid #dee2e6;
        color: #495057;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);

        .fi {
            margin-right: 6px;
            vertical-align: middle;
            transition: color 0.2s ease;
        }

        // Manage button - subtle orange accent on hover
        &.btn-manage {
            &:hover {
                background: #fff5eb;
                border-color: #ff9800;
                color: #e68900;
                box-shadow: 0 2px 6px rgba(255, 152, 0, 0.15);
                transform: translateY(-1px);

                .fi {
                    color: #ff9800;
                }
            }
        }

        // Add button - subtle blue accent on hover
        &.btn-add {
            &:hover {
                background: #f0f7ff;
                border-color: #007bff;
                color: #0056b3;
                box-shadow: 0 2px 6px rgba(0, 123, 255, 0.15);
                transform: translateY(-1px);

                .fi {
                    color: #007bff;
                }
            }
        }

        // Settings button - subtle purple accent on hover
        &.btn-settings {
            &:hover {
                background: #f8f5ff;
                border-color: #6f42c1;
                color: #5a32a3;
                box-shadow: 0 2px 6px rgba(111, 66, 193, 0.15);
                transform: translateY(-1px);

                .fi {
                    color: #6f42c1;
                }
            }
        }
    }
}
