/* ===== MangoLinkCam Quick Actions Bar ===== */

.mlk-subheader { padding: 10px 0; background: transparent; }
.mlk-quick {
  display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
  font-family: "Oswald", Arial, sans-serif;
}

/* Report button — grey, black border, black text */
.mlk-report{
  background:#b3b2ae;
  color:#000;           /* ← changed from white to black */
  text-decoration:none;
  font-weight:700;
  border:1px solid #000;
  border-radius:8px;
  height:56px;
  line-height:56px;
  padding:0 22px;
  display:inline-block;
  position:relative;
  z-index:1;
  box-shadow:none;
}
.mlk-report:hover{filter:brightness(.95);color:#000} /* keep hover black too */

/* Shop box */
.mlk-shop {
  background: #c3ff01; color: #000; text-decoration: none;
  display: flex; align-items: center; justify-content: space-between;
  gap: 14px; border: 2px solid #95cc00; border-radius: 8px;
  height: 56px; padding: 0 16px; font-weight: 700; width: 480px;
  box-shadow: inset 0 2px 0 rgba(0,0,0,.12); position: relative; z-index: 1;
}
.mlk-shop span {
  font-size: 28px; line-height: 1; text-transform: uppercase; white-space: nowrap;
}
.mlk-cart { width: 34px; height: 34px; fill: #000; flex: 0 0 34px; }

/* Search */
.mlk-search {
  display: flex; gap: 10px; align-items: center; flex: 1 1 340px;
  position: relative; z-index: 1;
}
.mlk-input {
  flex: 1; height: 56px; border-radius: 8px; border: 1px solid #cfd4dc;
  padding: 0 14px; font-size: 18px;
}
.mlk-btn {
  height: 56px; padding: 0 18px; border-radius: 8px;
  border: 1px solid #1a73e8; background: #1a73e8;
  color: #fff; font-weight: 700; cursor: pointer;
}
.mlk-btn:hover { filter: brightness(.97); }

/* Mobile */
@media (max-width: 767.98px) {
  .mlk-report, .mlk-shop, .mlk-input, .mlk-btn { height: 50px; line-height: 50px; }
  .mlk-shop { width: 100%; }
  .mlk-shop span { font-size: 22px; }
  .mlk-cart { width: 28px; height: 28px; }
}