/* ========================================
   MARKÖR-POPUP
======================================== */

.place-popup {
    min-width: 120px;

    text-align: center;

    font-family: "MinecraftTen", sans-serif;
}


/* ========================================
   POPUP - RUBRIK
======================================== */

.place-popup b {
    font-size: 15px;
}


/* ========================================
   TA BORT - KNAPP
======================================== */

.delete-place-button {
    margin-top: 8px;

    padding: 7px 12px;

    background: #7a3f3f;

    color: white;

    border: 2px solid #3a1f1f;
    border-radius: 3px;

    font-family: "MinecraftTen", sans-serif;
    font-size: 12px;

    cursor: pointer;

    box-shadow:
        inset 0 2px 0 rgba(255, 255, 255, 0.15),
        0 2px 0 #2a1616;
}


/* ========================================
   TA BORT - HOVER
======================================== */

.delete-place-button:hover {
    background: #934d4d;
}


/* ========================================
   TA BORT - TRYCKT
======================================== */

.delete-place-button:active {
    transform: translateY(1px);

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 1px 0 #2a1616;
}


/* ========================================
   PIXELART-IKONER
======================================== */

.leaflet-marker-icon {
    image-rendering: pixelated;
}

/* ========================================
   POPUP - KNAPPAR
======================================== */

.place-popup .edit-place-button,
.place-popup .delete-place-button {
    width: 96px;
    height: 42px;

    padding: 0;

    text-align: center;
}
/* ========================================
   FALLBACK-MARKÖR
======================================== */

.fallback-place-marker {
    background: transparent;
    border: none;
}


/* ========================================
   FALLBACK-RUTA
======================================== */

.fallback-place-box {
    display: inline-block;

    padding: 6px 10px;

    white-space: nowrap;

    background: #d8d8d8;

    color: #222;

    border: 2px solid #333;
    border-radius: 3px;

    font-size: 12px;
    font-weight: bold;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.5),
        0 2px 0 #222;

    transform: translate(-50%, -50%);
}
/* ========================================
   REDIGERA - KNAPP
======================================== */

.edit-place-button {
    background: #5d6848;
    color: white;

    border: 2px solid #2f3824;
    border-radius: 3px;

    font-family: "MinecraftTen", sans-serif;
    font-size: 12px;

    cursor: pointer;

    box-shadow:
        inset 0 2px 0 rgba(255, 255, 255, 0.15),
        0 2px 0 #202617;
}

.edit-place-button:hover {
    background: #6d7954;
}


/* ========================================
   FALLBACK - EXTRA
======================================== */

.fallback-place-marker {
    pointer-events: auto;
}