/* home-tabs.css — mobile-only 3-tab homepage switcher.
   Desktop is completely unaffected (tabs hidden; all sections show as normal).
   Only applies below 860px. */

/* Tab bar hidden by default (desktop) */
.mtab-bar { display: none; }

@media (max-width: 860px) {
  /* show the tab bar on mobile */
  .mtab-bar {
    display: flex;
    gap: 8px;
    padding: 10px 14px;
    background: #ffffff;
    border-bottom: 1px solid #e7ece9;
  }
  .mtab-btn {
    flex: 1;
    text-align: center;
    padding: 10px 8px;
    border: 1px solid #cfe9db;
    background: #eafaf1;              /* soft light green */
    color: #248456;
    border-radius: 10px;
    font-size: 13.5px;
    font-weight: 600;
    cursor: pointer;
    transition: .15s;
    -webkit-tap-highlight-color: transparent;
  }
  .mtab-btn.active {
    background: #2e9e6b;              /* active = green */
    color: #ffffff;
    border-color: #2e9e6b;
  }

  /* Only when tabs are on: show one pane at a time */
  body.mtab-on .mtab-pane { display: none; }
  body.mtab-on .mtab-pane.mtab-show { display: block; }
}