/* Business profile page and editor ("Business Profile.dc.html"). Most styling is inline in business-profile.js. */
.bp { font-family: Manrope, system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
.bp a, .bp a:hover { color: inherit; text-decoration: none; }
.bp a:hover { opacity: .88; }
.bp input, .bp textarea, .bp select, .bp button { font-family: inherit; }
.bp button { cursor: pointer; }

/* Editor inputs: focus ring and hover states from the design */
.bp-ed input:focus, .bp-ed textarea:focus, .bp-ip input:focus { border-color: #1C1917 !important; }
.bp-ed .bp-pick:hover, .bp-ip .bp-ip-item:hover { border-color: #1C1917 !important; }
.bp-ed .bp-add-opt:hover { background: #F5F5F4; }
.bp-biz-card:hover { border-color: var(--bp-acc) !important; }

.bp-main::-webkit-scrollbar, .bp-ed::-webkit-scrollbar { width: 8px; }
.bp-main::-webkit-scrollbar-thumb, .bp-ed::-webkit-scrollbar-thumb { background: rgba(120,113,108,.35); border-radius: 8px; }

.bp-toast {
    position: fixed; left: 50%; bottom: 28px; transform: translateX(-50%); z-index: 90;
    background: #1C1917; color: #fff; border-radius: 14px; padding: 14px 20px; font-size: 14px; font-weight: 600;
    box-shadow: 0 20px 40px rgba(0,0,0,.3); font-family: Manrope, system-ui, sans-serif;
}

@media (max-width: 760px) {
    .bp-bar { padding: 10px 14px !important; }
    /* Stacked, the panels grow with their content, so they stop being scroll boxes and let the page scroll */
    .bp-ed { position: static !important; max-height: none !important; max-width: none !important; padding-right: 0 !important; overflow: visible !important; overscroll-behavior: auto !important; }
    .bp-main.bp-in-editor { position: relative !important; max-height: none !important; top: 0 !important; overflow: clip !important; overscroll-behavior: auto !important; }
}