/* travel.css — overlay for the on-the-road (Cloudflare Worker) deployment.
   Hides every control that depends on the home network: feed management,
   OPML import, settings/proxy, per-feed refresh/edit/remove, and the
   magnet / copy-URL buttons. Reading, search, filters, sort, theme toggle,
   mark-read, save and favorite all stay. Nothing here touches app.js — the
   buttons still exist in the DOM (so their event listeners bind cleanly),
   they're just not shown. */

/* Header: keep only reload title, feeds toggle, theme toggle. */
#addFeedBtn,
#addCategoryBtn,
#importOpmlBtn,
#refreshBtn,
#settingsBtn {
    display: none !important;
}

/* Sidebar: per-feed actions (refresh/edit/remove) and category delete (✖). */
.feed-actions,
.category-header > .btn-icon {
    display: none !important;
}

/* Item view: proxy-only magnet + copy-URL buttons.
   Proxied items then show no link at all — save/favorite them for home. */
.btn-magnet,
.btn-copy-link {
    display: none !important;
}

/* Initial hidden state for badges / clear-search button. Replaces the old
   inline style="display:none" so the CSP's style-src can stay at 'self'.
   No !important: app.js still shows/hides these via element.style.display. */
.is-hidden { display: none; }

/* Modals are never opened here, but keep them fully inert just in case. */
#addFeedModal,
#addCategoryModal,
#importOpmlModal,
#editFeedModal,
#settingsModal {
    display: none !important;
}