/* Haruby Film & Serien Watchlist – Theme-sicheres CSS (Blogarise-kompatibel) */

html body .hfw-scope{all:initial;display:block;font-family:inherit;}
html body .hfw-scope *{box-sizing:border-box;}

html body .hfw-scope .hfw-box{display:block !important;margin:24px 0 !important;padding:18px !important;border:1px solid #ddd !important;border-radius:10px !important;background:#fff !important;background-color:#fff !important;}

html body .hfw-scope .hfw-title{display:block !important;margin-bottom:12px !important;font-size:1.05em !important;line-height:1.4 !important;color:#222 !important;-webkit-text-fill-color:#222 !important;}

html body .hfw-scope .hfw-buttons{display:flex !important;flex-wrap:wrap !important;gap:8px !important;}

html body .hfw-scope .hfw-btn,
html body .hfw-scope .hfw-tab,
html body .hfw-scope .hfw-remove{
    cursor:pointer !important;
    display:inline-block !important;
    border:1px solid #bbb !important;
    background:#f7f7f7 !important;
    background-color:#f7f7f7 !important;
    color:#222 !important;
    -webkit-text-fill-color:#222 !important;
    padding:9px 13px !important;
    border-radius:6px !important;
    font-size:.95em !important;
    font-weight:400 !important;
    text-decoration:none !important;
    opacity:1 !important;
    line-height:1.3 !important;
    appearance:none !important;
    -webkit-appearance:none !important;
    box-shadow:none !important;
}

html body .hfw-scope .hfw-btn.is-active,
html body .hfw-scope .hfw-tab.is-active{
    background:#222 !important;
    background-color:#222 !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    border-color:#222 !important;
    font-weight:700 !important;
}

html body .hfw-scope .hfw-btn.is-loading{opacity:.6 !important;pointer-events:none !important;}

html body .hfw-scope .hfw-message{min-height:20px !important;margin-top:8px !important;font-size:.9em !important;color:#222 !important;-webkit-text-fill-color:#222 !important;}

html body .hfw-scope .hfw-tabs{display:flex !important;flex-wrap:wrap !important;gap:8px !important;margin:0 0 18px !important;}

html body .hfw-scope .hfw-list{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(180px,1fr)) !important;gap:18px !important;}

html body .hfw-scope .hfw-card{border:1px solid #ddd !important;border-radius:8px !important;overflow:hidden !important;background:#fff !important;background-color:#fff !important;padding-bottom:12px !important;}

html body .hfw-scope .hfw-card a,
html body .hfw-scope .hfw-card a:hover,
html body .hfw-scope .hfw-card a:visited,
html body .hfw-scope .hfw-card a:focus{
    display:block !important;
    color:inherit !important;
    -webkit-text-fill-color:inherit !important;
    text-decoration:none !important;
    border-bottom:none !important;
}

html body .hfw-scope .hfw-thumb{display:block !important;width:100% !important;height:240px !important;object-fit:cover !important;}

html body .hfw-scope .hfw-no-thumb{height:240px !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:50px !important;background:#eee !important;background-color:#eee !important;}

html body .hfw-scope .hfw-card h3{
    font-size:1rem !important;
    margin:10px 12px 5px !important;
    color:#222 !important;
    -webkit-text-fill-color:#222 !important;
    font-weight:600 !important;
    text-decoration:none !important;
    line-height:1.3 !important;
}

html body .hfw-scope .hfw-card-meta{font-size:.85em !important;margin:0 12px 10px !important;color:#555 !important;-webkit-text-fill-color:#555 !important;opacity:1 !important;}

html body .hfw-scope .hfw-remove{margin:0 12px 0 12px !important;font-size:.85em !important;}

html body .hfw-scope .hfw-empty{display:block !important;padding:20px !important;border:1px dashed #bbb !important;color:#222 !important;-webkit-text-fill-color:#222 !important;}

@media(max-width:600px){
    html body .hfw-scope .hfw-list{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
    html body .hfw-scope .hfw-thumb,
    html body .hfw-scope .hfw-no-thumb{height:190px !important;}
}