/* ======================================= */
/* Cross-Browser Bulma Safari/Edge/Chrome/Firefox Fix (Color-Agnostic) */
/* ======================================= */

/* Interactive elements: navbar items, card icons, navbar-burger */
.navbar-item,
.card-header-icon,
.navbar-burger {
    background-color: transparent; /* remove permanent blue background in Safari */
    color: inherit; /* preserve custom text colors */
    -webkit-appearance: none; /* neutralize Safari default button/link styles */
    -moz-appearance: none; /* Firefox */
    appearance: none; /* standard */
    -webkit-tap-highlight-color: transparent; /* remove iOS tap highlight */
    text-decoration: none; /* remove underline */
    outline: none; /* remove focus outline */
    box-shadow: none; /* remove Safari focus shadow */
    min-height: 0; /* fix flexbox height issues */
}

    /* Hover/active states inherit from theme */
    .navbar-item:hover,
    .card-header-icon:hover,
    .navbar-item.is-active,
    .card-header-icon.is-active,
    .navbar-burger.is-active {
        background-color: inherit; /* allow theme to define hover background */
        color: inherit; /* allow theme to define hover text color */
    }

    /* Prevent visited link color override */
    .navbar-item:visited,
    .card-header-icon:visited {
        color: inherit;
    }

/* Navbar burger spans (bars) */
.navbar-burger span {
    display: block;
    width: 100%;
    height: 2px; /* standard Bulma bar height */
    margin: 4px 0; /* spacing between lines */
    background-color: currentColor; /* inherit parent text color for theme safety */
}

/* Optional fallback for browsers where currentColor may not propagate */
.navbar-burger span {
    background-color: #0080bc; /* fallback default color */
}

/* Forms: inputs, selects, textareas */
input, select, textarea {
    /*-webkit-appearance: none; /* Safari */
    /*-moz-appearance: none; /* Firefox */
    /*appearance: none; /* standard */
    font: inherit; /* inherit Bulma/theme font */
}


/* Cards, boxes, notifications, panels */
.card, .box, .notification, .panel {
    background-clip: padding-box; /* prevent background bleed with border-radius */
}

/* Flexbox children (columns, navbar menus) */
.columns > *,
.navbar-menu > *,
.navbar-start > *,
.navbar-end > * {
    min-height: 0; /* fix Safari/Firefox/Edge flexbox height calculation */
}

/* Optional focus styles (does not change colors) */
.navbar-item:focus,
.card-header-icon:focus,
.navbar-burger:focus {
    outline: none;
    box-shadow: none;
}