/*
Theme Name: DealDark Theme
Theme URI: https://example.com/dealdark
Author: You
Author URI: https://example.com
Description: Dunkles, deal-orientiertes Theme mit Deal-Karten, Header (Logo/Menü/Suche), Pagination, Markt-Flags und Vergleichsbereich.
Version: 1.4.2
License: GPL-2.0-or-later
Text Domain: dealdark
*/

/* Base */
:root{
  --bg:#0f1115;
  --panel:#151823;
  --panel-2:#1b2130;
  --text:#e5e7eb;
  --muted:#9ca3af;
  --accent:#3b82f6;
  --accent-2:#f59e0b;
  --border:#2a3246;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Noto Sans",sans-serif;line-height:1.6}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block;border-radius:14px}
.container{max-width:1200px;margin:0 auto;padding:0 16px}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(15,17,21,.85);backdrop-filter:saturate(120%) blur(6px);border-bottom:1px solid var(--border)}
.header-inner{display:flex;align-items:center;gap:16px;padding:12px 0}
.site-branding{display:flex;align-items:center;gap:12px;min-width:0}
.site-title{font-weight:800;font-size:1.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site-title span{color:var(--accent-2)}
.header-actions{display:flex;align-items:center;margin-left:auto;gap:16px}
.primary-nav, .seasonal-nav{display:flex;gap:10px;flex-wrap:wrap}
.primary-nav a, .seasonal-nav a{display:inline-flex;align-items:center;padding:8px 10px;border-radius:10px;background:transparent;border:1px solid transparent}
.primary-nav a:hover, .seasonal-nav a:hover{background:var(--panel);border-color:var(--border)}
.header-search input[type="search"]{background:var(--panel);border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:10px;width:200px}
.header-search input[type="submit"]{display:none}

/* Cards (Deal) */
.deal-list{display:flex;flex-direction:column;gap:14px;margin:24px 0}
.deal-card{display:grid;grid-template-columns:160px 1fr;gap:16px;padding:14px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,var(--panel),var(--panel-2));box-shadow:0 1px 0 rgba(255,255,255,.02) inset}
.deal-card:hover{transform:translateY(-1px);transition:transform .15s ease}
.deal-thumb{width:100%;height:120px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;background:#0c0f16}
.deal-thumb img{object-fit:contain;width:100%;height:100%}
.deal-body{display:flex;flex-direction:column;gap:8px;min-width:0}
.deal-meta{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.9rem}
.deal-title{font-size:1.05rem;margin:0;font-weight:700}
.deal-excerpt{color:var(--muted);font-size:.95rem;margin:0}
.deal-actions{margin-top:4px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:12px;background:var(--accent);color:#fff;border:0;font-weight:700;cursor:pointer}
.btn:hover{filter:brightness(1.08);text-decoration:none}
.flag{font-size:1.05rem}

/* Single Deal */
.single-deal .deal-hero{display:flex;flex-direction:column;gap:16px;margin:18px 0}
.single-deal .deal-hero .deal-market{display:flex;align-items:center;gap:8px;color:var(--muted)}
.single-deal .deal-hero .deal-image{max-width:560px}

/* Pagination */
.pagination{display:flex;justify-content:center;gap:8px;margin:24px 0}
.pagination a, .pagination span{padding:8px 12px;border-radius:10px;background:var(--panel);border:1px solid var(--border);color:var(--text)}
.pagination .current{background:var(--accent);border-color:transparent}

/* Footer */
.site-footer{border-top:1px solid var(--border);margin-top:36px;background:linear-gradient(180deg,var(--panel),#0f1115)}
.footer-inner{padding:22px 0;display:grid;gap:12px}
.footer-note{font-size:.9rem;color:var(--muted);white-space:pre-line}

/* DealDark: safe multi-line excerpt ellipsis (no color/size changes) */
.card .excerpt{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 1.4.2e: Search alignment & dark styling fix (no other visual changes) */
.site-header .nav{ margin-left:auto !important; display:flex; align-items:center; gap:14px; justify-content:flex-end; }
.site-header .search-form{ margin-left:16px; }
.site-header .search-form input[type="search"]{
  background:#0f172a !important;
  color:var(--text) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:10px;
  padding:8px 10px;
  outline:none;
  width:220px;
}
.site-header .search-form input[type="search"]::placeholder{ color:rgba(230,239,255,.6); }
@media (max-width:720px){
  .site-header .search-form input[type="search"]{ width:100%; }
}

/* 1.4.2f: Force search to the right & enforce dark field, regardless of menu presence */
.header-inner{ display:flex; align-items:center; }
.site-branding{ flex:0 0 auto; }
.nav{ margin-left:auto !important; display:flex; align-items:center; gap:14px; justify-content:flex-end; }
.nav > ul{ display:flex; gap:14px; align-items:center; margin:0; padding:0; list-style:none; }
.nav .menu{ display:flex; gap:14px; align-items:center; }
.nav .menu > li{ list-style:none; }

/* Dark search input (override all) */
.search-form{ margin-left:16px; }
.search-form input[type="search"]{
  background:#0f172a !important;
  color:var(--text) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:10px !important;
  padding:8px 10px !important;
  outline:none !important;
  width:220px !important;
  appearance:none;
  -webkit-appearance:none;
}
.search-form input[type="search"]::placeholder{ color:rgba(230,239,255,.6) !important; }
.search-form input[type="search"]:-webkit-autofill,
.search-form input[type="search"]:-webkit-autofill:hover,
.search-form input[type="search"]:-webkit-autofill:focus{
  -webkit-text-fill-color: var(--text) !important;
  -webkit-box-shadow: 0 0 0px 1000px #0f172a inset !important;
  box-shadow: 0 0 0px 1000px #0f172a inset !important;
}

@media (max-width:720px){
  .nav{ width:100%; justify-content:space-between; }
  .search-form{ margin-left:auto; }
  .search-form input[type="search"]{ width:100% !important; }
}