/* ====== AWIN Affili Toolbox – Frontend Styles ====== */
.aat-wrapper, .aat-grid, .aat-card, .aat-card * { box-sizing: border-box; }
.aat-wrapper * { max-width: 100%; }
.aat-sr { position:absolute !important; left:-9999px !important; width:1px !important; height:1px !important; overflow:hidden !important; }

/* Toolbar */
.aat-toolbar { display:flex!important; align-items:center!important; gap:10px!important; flex-wrap:nowrap!important; margin:8px 0 12px!important; }
.aat-search { display:flex!important; align-items:center!important; gap:8px!important; flex-wrap:nowrap!important; width:auto!important; }
.aat-search input[type="text"] { width:260px!important; max-width:100%!important; padding:8px 10px!important; border:1px solid #ddd!important; border-radius:8px!important; background:#fff!important; color:#222!important; }
.aat-btn { display:inline-flex!important; align-items:center!important; justify-content:center!important; padding:8px 12px!important; border:1px solid #ddd!important; border-radius:8px!important; background:#fff!important; color:#444!important; cursor:pointer!important; white-space:nowrap!important; text-decoration:none!important; }
.aat-btn:hover { background:#f7f7f7!important; }
.aat-btn--amazon { border-color:#ff9900!important; background:#fff7e6!important; color:#333!important; }
.aat-btn--amazon:hover { background:#ffe9c4!important; }
.aat-btn--filters-toggle { margin-left:4px!important; }
.aat-btn--reset { border-color:#ccc!important; background:#f8f8f8!important; color:#666!important; }
.aat-btn--reset:hover { background:#f1f1f1!important; }

/* Filter-Leiste */
.aat-filters[hidden] { display:none !important; }
.aat-filters { display:flex!important; flex-direction:column!important; gap:8px!important; margin:6px 0 6px!important; }
.aat-chips { display:flex!important; flex-wrap:wrap!important; gap:6px!important; }
.aat-chip { border:1px solid #ddd!important; background:#fff!important; color:#333!important; border-radius:999px!important; padding:6px 10px!important; font-size:.85rem!important; cursor:pointer!important; }
.aat-chip.is-active { background:#e8f0fe!important; border-color:#cfe0ff!important; }
.aat-chip__count { font-size:.75em!important; color:#666!important; margin-left:6px!important; }

.aat-controls { display:flex!important; align-items:center!important; gap:12px!important; flex-wrap:wrap!important; }
.aat-sort span, .aat-shop span { margin-right:6px!important; color:#666!important; font-size:.9rem!important; }
.aat-sort select, .aat-shop select { padding:6px 8px!important; border:1px solid #ddd!important; border-radius:8px!important; background:#fff!important; }
.aat-price { display:flex!important; align-items:center!important; gap:8px!important; flex-wrap:wrap!important; }
.aat-price input { width:110px!important; padding:6px 8px!important; border:1px solid #ddd!important; border-radius:8px!important; }
.aat-price .aat-btn--apply { padding:6px 10px!important; }

/* Grid / Cards */
.aat-grid:not([data-force-cols]) { display:grid!important; grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important; gap:12px!important; margin:12px 0!important; }
.aat-grid[data-force-cols] { display:grid!important; gap:12px!important; margin:12px 0!important; }
@media (max-width:420px){ .aat-grid[data-force-cols]{ grid-template-columns:repeat(2,1fr)!important; } }

.aat-card { background:#fff!important; border:1px solid #eaeaea!important; border-radius:12px!important; overflow:hidden!important; transition:transform .2s ease, box-shadow .2s ease!important; opacity:1!important; }
.aat-card:hover { transform:translateY(-3px)!important; box-shadow:0 6px 16px rgba(0,0,0,.12)!important; }
.aat-card a { display:block!important; color:inherit!important; text-decoration:none!important; }

/* Thumb */
.aat-thumb { position:relative!important; width:100%!important; background:#fafafa!important; overflow:hidden!important; padding-top:100%!important; }
.aat-thumb img { position:absolute!important; top:0!important; left:0!important; right:0!important; bottom:0!important; margin:auto!important; max-width:100%!important; max-height:100%!important; object-fit:contain!important; display:block!important; }

/* Body */
.aat-body { padding:.7rem .8rem!important; display:flex!important; flex-direction:column!important; gap:.4rem!important; min-height:120px!important; background:#fff!important; }
.aat-title { font-size:.95rem!important; line-height:1.3!important; margin:0!important; overflow:hidden!important; max-height:calc(1.3rem * 2)!important; }
.aat-merchant { font-size:.8rem!important; color:#666!important; }
.aat-price { font-weight:700!important; font-size:.95rem!important; }
.aat-price--old { text-decoration:line-through!important; color:#999!important; margin-right:6px!important; font-weight:400!important; }
.aat-price--new { font-weight:800!important; }

/* Badges */
.aat-badge { display:inline-block!important; padding:2px 6px!important; border-radius:6px!important; font-size:.75rem!important; margin-left:6px!important; }
.aat-badge--sale { background:#ffe8e6!important; color:#a40000!important; }
.aat-badge--ok { background:#e8f6e8!important; color:#0d6b0d!important; }
.aat-badge--no { background:#f6e8e8!important; color:#7a1a1a!important; }
.aat-badge--info { background:#eef2ff!important; color:#22357a!important; }

/* Actions */
.aat-actions { display:flex!important; align-items:center!important; justify-content:center!important; gap:10px!important; margin:12px 0 28px!important; }
.aat-btn--more.is-loading { position:relative!important; pointer-events:none!important; opacity:.7!important; }
.aat-btn--more.is-loading::after { content:""!important; width:14px!important; height:14px!important; margin-left:8px!important; border:2px solid #aaa!important; border-top-color:transparent!important; border-radius:50%!important; animation:aat-spin .8s linear infinite!important; }
@keyframes aat-spin { to { transform:rotate(360deg); } }

/* Meta */
.aat-meta.aat-updated { text-align:right!important; margin-top:8px!important; color:#777!important; font-size:12px!important; }

/* No products */
.aat-no-products { padding:10px 12px!important; border:1px dashed #ddd!important; border-radius:8px!important; color:#666!important; background:#fafafa!important; }

/* Fade */
.aat-card.aat-fade { transform:translateY(6px)!important; transition:opacity .24s ease, transform .24s ease!important; }
.aat-card.aat-show { transform:none!important; opacity:1!important; }

/* Dark Mode */
@media (prefers-color-scheme: dark) {
  .aat-wrapper:not(.aat-no-dark) .aat-search input[type="text"] { background:#111!important; color:#e6e6e6!important; border-color:#333!important; }
  .aat-wrapper:not(.aat-no-dark) .aat-btn { background:#111!important; color:#e6e6e6!important; border-color:#333!important; }
  .aat-wrapper:not(.aat-no-dark) .aat-btn:hover { background:#1a1a1a!important; }
  .aat-wrapper:not(.aat-no-dark) .aat-btn--amazon { border-color:#b87300!important; background:#2b210f!important; color:#ffd699!important; }
  .aat-wrapper:not(.aat-no-dark) .aat-btn--amazon:hover { background:#3a2a12!important; }
  .aat-wrapper:not(.aat-no-dark) .aat-btn--reset { border-color:#3a3a3a!important; background:#1a1a1a!important; color:#bdbdbd!important; }
  .aat-wrapper:not(.aat-no-dark) .aat-card { background:#161616!important; border-color:#2a2a2a!important; }
  .aat-wrapper:not(.aat-no-dark) .aat-card:hover { box-shadow:0 6px 16px rgba(0,0,0,.4)!important; }
  .aat-wrapper:not(.aat-no-dark) .aat-thumb { background:#0f0f0f!important; }
  .aat-wrapper:not(.aat-no-dark) .aat-body { background:#161616!important; }
  .aat-wrapper:not(.aat-no-dark) .aat-title { color:#eee!important; }
  .aat-wrapper:not(.aat-no-dark) .aat-merchant { color:#aaa!important; }
  .aat-wrapper:not(.aat-no-dark) .aat-price { color:#fff!important; }
  .aat-wrapper:not(.aat-no-dark) .aat-no-products { background:#141414!important; border-color:#333!important; color:#bbb!important; }
  .aat-wrapper:not(.aat-no-dark) .aat-meta.aat-updated { color:#aaa!important; }
}