/**
 * Bootstrap Isolation Layer
 * ----------------------------------------
 * Purpose:
 *  - Disable Bootstrap styles inside `.materialize-scope`
 *  - Allow Materialize CSS to render normally
 *
 * Usage:
 *  <link rel="stylesheet" href="bootstrap.css">
 *  <link rel="stylesheet" href="materialize.css">
 *  <link rel="stylesheet" href="bootstrap-isolation.css">
 *
 * Wrap Materialize UI with:
 *  <div class="materialize-scope">...</div>
 */

/* 1. Reset Bootstrap influence */
.materialize-scope,
.materialize-scope * {
    all: revert;
    box-sizing: border-box;
}

/* 2. Typography baseline expected by Materialize */
.materialize-scope {
    font-family: Roboto, sans-serif;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.87);
    background-color: transparent;
}

/* 3. Form elements normalization */
.materialize-scope input,
.materialize-scope textarea,
.materialize-scope select,
.materialize-scope button {
    font-family: inherit;
    font-size: 1rem;
    color: inherit;
}

/* 4. Restore block-level layout where needed */
.materialize-scope .row {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.materialize-scope .col {
    float: none;
}

/* 5. Buttons compatibility */
.materialize-scope button,
.materialize-scope .btn {
    background: none;
    border: none;
    cursor: pointer;
}

/* 6. Lists and links */
.materialize-scope ul {
    list-style: none;
    padding-left: 0;
}

.materialize-scope a {
    text-decoration: none;
    color: inherit;
}

/* 7. Fix for icons (Material Icons / MDI) */
.materialize-scope i {
    font-style: normal;
    line-height: inherit;
}

/* 8. Prevent Bootstrap utility classes from leaking */
.materialize-scope [class*="col-"],
.materialize-scope .container,
.materialize-scope .container-fluid,
.materialize-scope .row>* {
    all: unset;
}

/* 9. Accessibility focus handling */
.materialize-scope :focus {
    outline: none;
}