/* Rugby Match - Custom Styles */

/* Override Bulma primary color to match rugby theme */
:root {
    --primary-color: #00a65a;
    --primary-dark: #008d4c;
}

/* Navbar branding */
.navbar-item strong {
    font-size: 1.2rem;
    letter-spacing: 0.5px;
}

/* Hero section improvements */
.hero.is-primary {
    background: linear-gradient(135deg, #00a65a 0%, #008d4c 100%);
}

/* Box hover effect */
.box {
    transition: box-shadow 0.3s ease;
}

.box:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

/* Tags in position lists */
.tags .tag {
    margin-bottom: 0.5rem;
}

/* Form improvements */
.input:focus,
.textarea:focus,
.select select:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 0.125em rgba(0, 166, 90, 0.25);
}

/* Table improvements */
.table tbody tr:hover {
    background-color: #f5f5f5;
}

/* Dashboard stats */
.box .heading {
    font-size: 0.85rem;
    letter-spacing: 1px;
    margin-bottom: 0.5rem;
}

/* Footer styling */
.footer {
    padding: 2rem 1.5rem;
    background-color: #fafafa;
}

/* Notification close button */
.notification .delete {
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
    .hero.is-medium .hero-body {
        padding: 3rem 1.5rem;
    }

    .hero .title.is-1 {
        font-size: 2rem;
    }

    .hero .subtitle.is-3 {
        font-size: 1.25rem;
    }
}

/* Position guide styling */
.content.is-small ul {
    margin-left: 1rem;
}

/* Menu styling in sidebar */
.menu-list a {
    padding: 0.5em 0.75em;
    border-radius: 4px;
}

.menu-list a:hover {
    background-color: #f5f5f5;
}

/* Quick actions buttons */
.buttons .button {
    margin-bottom: 0.5rem;
}

/* Breadcrumb improvements */
.breadcrumb {
    margin-bottom: 1.5rem;
}

/* Loading state for buttons */
.button.is-loading {
    pointer-events: none;
}

/* Form help text */
.help {
    font-size: 0.85rem;
    margin-top: 0.25rem;
}

/* Icon spacing */
.icon + span,
span + .icon {
    margin-left: 0.25rem;
}

/* Card footer buttons */
.card-footer-item.button {
    border: none;
    border-radius: 0;
}

/* Hero fullheight adjustment for navbar */
.hero.is-fullheight-with-navbar {
    min-height: calc(100vh - 3.25rem);
}