feat: Search engine channel name + program name today

src/tpl/head.php

@@ -759,6 +759,47 @@
     .pip { width: calc(100vw - 16px); bottom: 8px; right: 8px; left: 8px; }
   }
 
+
+  /* ── SEARCH ───────────────────────────────────────────────────────────────── */
+  .search-btn {
+    background: none; border: 1px solid var(--border); border-radius: 4px;
+    color: var(--text-muted); cursor: pointer; font-size: 14px;
+    padding: 4px 8px; transition: color .2s, border-color .2s;
+  }
+  .search-btn:hover { color: var(--accent); border-color: var(--accent); }
+
+  .search-bar {
+    display: none; align-items: center; gap: 8px;
+    background: var(--bg-card); border-bottom: 1px solid var(--border);
+    padding: 8px 16px;
+  }
+  .search-bar.visible { display: flex; }
+
+  .search-input {
+    flex: 1; background: var(--bg); border: 1px solid var(--border);
+    border-radius: 4px; color: var(--text); font-family: inherit;
+    font-size: 14px; outline: none; padding: 6px 12px;
+    transition: border-color .2s;
+  }
+  .search-input:focus { border-color: var(--accent); }
+  .search-input::placeholder { color: var(--text-muted); }
+
+  .search-clear {
+    background: none; border: none; color: var(--text-muted);
+    cursor: pointer; font-size: 16px; padding: 4px 8px;
+    transition: color .2s;
+  }
+  .search-clear:hover { color: var(--accent); }
+
+  /* Highlight programmes qui matchent */
+  .program-block.search-match {
+    border: 1px solid var(--accent);
+    box-shadow: 0 0 6px var(--accent);
+  }
+  .mobile-program.search-match {
+    border-left: 3px solid var(--accent);
+  }
+
 </style>
 <link id="themeStylesheet" rel="stylesheet" href="themes/default.css">
 </head>