/* =================================================== * CUSTOM CSS CODE BELOW * =================================================== */ 
/* Desktop: skarpare sökfält (ram + text) */
@media (min-width: 1024px) {

  /* Själva inputen */
  header :is(input[type="search"],
             input[type="text"][name="q"],
             input.search-field,
             form[action*="search"] input) {
    background: #fff !important;          /* behåll vit bakgrund */
    color: #111 !important;                /* mörk text */
    font-weight: 500 !important;           /* lite kraftigare text */
    border: 2px solid #1f2937 !important;  /* mörkare, tydlig ram */
    border-radius: 12px !important;
    padding: 12px 44px 12px 14px !important;
    box-shadow: none !important;
  }

  /* Placeholdern blir mörkare (mer läsbar) */
  header :is(input[type="search"],
             input[type="text"][name="q"],
             input.search-field,
             form[action*="search"] input)::placeholder {
    color: #4b5563 !important;             /* grå-600 */
    opacity: 1 !important;
  }

  /* För svenska placeholder-texter, säkerhetsnät */
  input[placeholder*="Sök" i]::placeholder { 
    color: #4b5563 !important;
    opacity: 1 !important;
  }

  /* Förstoringsglas-ikon (svg) mörkare */
  header :is(.search svg, .search .icon, form[action*="search"] svg) {
    color: #111 !important;
    fill: currentColor !important;
    opacity: 1 !important;
  }

  /* Hover/focus: använd er orange accent för tydlighet */
  header :is(input[type="search"],
             input[type="text"][name="q"],
             input.search-field,
             form[action*="search"] input):hover {
    border-color: #111 !important;
  }
  header :is(input[type="search"],
             input[type="text"][name="q"],
             input.search-field,
             form[action*="search"] input):focus {
    outline: 1px solid #ff6a00 !important;
    outline-offset: 1px !important;
    border-color: #ff6a00 !important;
    box-shadow: 0 0 0 3px rgba(255,106,0,.18) !important;