.margin_bottom_8 p {
  margin: 0px 0px 8px 0px;
}

/* Coastal colour palette — card layout */
.coast-card {
    height: 280px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    border-radius: 10px;
    background: #ffffff;
    background-size: cover;
    transition: 0.25s;
    box-shadow: 0 2px 6px rgba(0,0,0,0.12);
}

.coast-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 14px rgba(0,0,0,0.18);
}

/* Title bar */
.coast-header {
    background: linear-gradient(135deg, #6ec6ff, #4fa3d1);
    color: white;
    padding: 8px 12px;
    border-radius: 10px 10px 0 0;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
}

/* Date badge */
.coast-date {
    background: #e8f6ff;
    color: #2a5d7c;
    padding: 6px 12px;
    border-radius: 20px;
    font-weight: 600;
    display: inline-block;
}

/* Coastal menu bar */
.coast-menu {
    background: linear-gradient(135deg, #4fa3d1, #6ec6ff);
    color: white;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

.coast-menu .w3-bar-item {
    color: white;
    font-weight: 500;
    padding: 12px 20px;
}

.coast-menu .w3-bar-item:hover {
    background: rgba(255, 255, 255, 0.25);
    color: #083d5c;
}

.coast-menu .w3-right {
    color: white !important;
}

/* Coastal table card */
.coast-card-table {
    box-shadow: 0 2px 6px rgba(0,0,0,0.12);
    overflow: hidden;
    border-radius: 10px;
}

/* Coastal table header */
.coast-table-header {
    background: linear-gradient(135deg, #4fa3d1, #6ec6ff);
    color: white;
}

/* Bottom coastal strip */
.coast-table-strip {
    height: 4px;
    background: #4fa3d1;
}

/* Add button */
.coast-add-btn {
    background: #7ec8a0;
    color: white;
    border-radius: 6px;
}
.coast-add-btn:hover {
    background: #6ab58d;
}

/* Edit button */
.coast-edit-btn {
    background: #4fa3d1;
    color: white;
    border-radius: 4px;
}
.coast-edit-btn:hover {
    background: #3c8bb5;
}

/* Delete button */
.coast-delete-btn {
    background: #d96f6f;
    color: white;
    border-radius: 4px;
}
.coast-delete-btn:hover {
    background: #c85c5c;
}

/* Coastal form card */
.coast-form-card {
    box-shadow: 0 2px 6px rgba(0,0,0,0.12);
    overflow: hidden;
    border-radius: 10px;
}

/* Bottom coastal strip (forms) */
.coast-form-strip {
    height: 4px;
    background: #4fa3d1;
}

/* Save button */
.coast-save-btn {
    background: #4fa3d1;
    color: white;
    border-radius: 4px;
}
.coast-save-btn:hover {
    background: #3c8bb5;
}

/* Cancel button */
.coast-cancel-btn {
    background: #cccccc;
    color: #333;
    border-radius: 4px;
}
.coast-cancel-btn:hover {
    background: #b5b5b5;
}

/* Admin card wrapper */
.coast-admin-card {
    box-shadow: 0 2px 6px rgba(0,0,0,0.12);
    overflow: hidden;
    border-radius: 10px;
}

/* Bottom coastal strip (admin) */
.coast-admin-strip {
    height: 4px;
    background: #4fa3d1;
}

/* Admin menu buttons */
.coast-admin-btn {
    background: #4fa3d1;
    color: white;
    border-radius: 6px;
    margin-right: 8px;
}
.coast-admin-btn:hover {
    background: #3c8bb5;
}

/* Logout button */
.coast-logout-btn {
    background: #d96f6f;
    color: white;
    border-radius: 6px;
}
.coast-logout-btn:hover {
    background: #c85c5c;
}
/* Make the admin dropdown align to the right edge */
.coast-admin-dropdown .w3-dropdown-content {
    right: 0;
    left: auto;
    min-width: 200px; /* tweak to taste */
}
/* Submenu background */
.coast-submenu {
    background: #ffffff;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
}

/* Submenu items */
.coast-submenu .w3-bar-item {
    color: #083d5c;
    padding: 10px 16px;
}

/* Hover effect */
.coast-submenu .w3-bar-item:hover {
    background: #e8f6ff;
    color: #083d5c;
}