/* =========================================================
   SITE FOUNDATION
   ========================================================= */
/* =========================================================
   SITE STYLES – DO NOT ADD COMPONENTS HERE
   ========================================================= */
/*
   RULES:
   1. Components use semantic variables only
   2. Layout never references brand colors
   3. Utilities are single-purpose
   4. Base.css never grows new responsibilities
   */

@import url("/css/base.css");
@import url("/css/layout.css");
@import url("/css/components.css");
@import url("/css/forms.css");
@import url("/css/markers.css");
@import url("/css/utilities.css");

/* Global shared mode */
body.shared-mode {
    pointer-events: auto;
}

body.shared-mode button,
body.shared-mode .btn,
body.shared-mode [role="button"] {
    pointer-events: none;
    opacity: 0.5;
}

body.shared-mode .btn-allowed,
body.shared-mode .btn-allowed.btn,
body.shared-mode button.btn-allowed,
body.shared-mode .maplibregl-ctrl button,
body.shared-mode .maplibregl-popup-close-button,
body.shared-mode .marker-filter-chip,
body.shared-mode .marker-group-toggle,
body.shared-mode #route-point-list button {
    pointer-events: auto;
    opacity: 1;
}

body.shared-mode .btn-delete,
body.shared-mode .btn-edit,
body.shared-mode .btn-save,
body.shared-mode .btn-create,
body.shared-mode .btn-update,
body.shared-mode .icon-delete,
body.shared-mode .icon-edit,
body.shared-mode .icon-save,
body.shared-mode .icon-add,
body.shared-mode .map-delete,
body.shared-mode .map-edit,
body.shared-mode [data-action="create-map"],
body.shared-mode [data-action="confirm-create-map"],
body.shared-mode #add-marker-btn,
body.shared-mode #add-marker-at-location-btn,
body.shared-mode #save-marker-btn,
body.shared-mode #confirm-delete-marker-btn,
body.shared-mode #marker-draft-finish,
body.shared-mode #confirm-add-route,
body.shared-mode #delete-route-btn,
body.shared-mode #confirm-add-journal,
body.shared-mode #delete-journal-btn,
body.shared-mode .attachment-delete-btn,
body.shared-mode .journal-pin-btn,
body.shared-mode .journal-edit,
body.shared-mode .journal-edit-btn,
body.shared-mode .marker-list-actions,
body.shared-mode .route-actions,
body.shared-mode .marker-actions,
body.shared-mode .map-actions,
body.shared-mode .panel-actions,
body.shared-mode .map-item-actions {
    display: none !important;
}

body.shared-mode input,
body.shared-mode textarea,
body.shared-mode select {
    pointer-events: none;
    opacity: 0.6;
}

body.shared-mode .shared-banner {
    position: sticky;
    top: 0;
    z-index: 1200;
    padding: 0.65rem 1rem;
    background: rgba(15, 47, 31, 0.94);
    color: #ffffff;
    text-align: center;
    font-size: 0.875rem;
    letter-spacing: 0.02em;
}