.wdt-wrap{--br:#7a5a3a;--br2:#a98a63;--cream:#f6efe0;--line:#e4d7bd;--ink:#4a3a28;max-width:1100px;margin:0 auto;color:var(--ink);font-family:inherit}
.wdt-tabs{display:flex;flex-wrap:wrap;gap:7px;overflow-x:auto;padding:4px 2px 12px;scrollbar-width:thin;align-items:center}
.wdt-tab{display:inline-flex;align-items:center;flex:0 0 auto;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:7px 13px;font-size:13px;line-height:1.35;text-decoration:none;cursor:pointer;transition:.2s}
.wdt-tab i{font-style:normal;font-size:12px;background:var(--cream);border-radius:999px;padding:1px 7px;margin-left:4px}
.wdt-tab:hover{border-color:var(--br2)}
.wdt-tab.is-active{background:var(--br);border-color:var(--br);color:#fff}
.wdt-tab.is-active i{background:rgba(255,255,255,.22);color:#fff}
.wdt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.wdt-wrap[data-cols="2"] .wdt-grid{grid-template-columns:repeat(2,1fr)}
.wdt-wrap[data-cols="4"] .wdt-grid{grid-template-columns:repeat(4,1fr)}
.wdt-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 8px rgba(90,60,30,.06);transition:.2s}
.wdt-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(90,60,30,.14)}
.wdt-card[hidden]{display:none}
.wdt-thumb{position:relative;display:block;aspect-ratio:16/10;background:var(--cream);overflow:hidden}
.wdt-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.wdt-noimg{display:flex;height:100%;align-items:center;justify-content:center;font-size:42px;color:var(--br2)}
.wdt-badge{position:absolute;left:8px;bottom:8px;background:rgba(122,90,58,.92);color:#fff;font-size:11px;padding:3px 10px;border-radius:999px;max-width:85%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wdt-count{position:absolute;right:8px;top:8px;background:rgba(0,0,0,.55);color:#fff;font-size:11px;padding:2px 8px;border-radius:999px}
.wdt-body{padding:12px 14px 10px;display:flex;flex-direction:column;gap:4px;flex:1}
.wdt-body time{font-size:12px;color:var(--br2)}
.wdt-body h3{margin:0;font-size:16px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wdt-body h3 a{color:var(--ink);text-decoration:none}
.wdt-body h3 a:hover{color:var(--br)}
.wdt-body p{margin:0;font-size:13px;color:#7b6a55;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wdt-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;border-top:1px dashed var(--line)}
.wdt-more{font-size:13px;color:var(--br);font-weight:600;text-decoration:none}
.wdt-admin a{font-size:12px;margin-left:8px;color:var(--br2);text-decoration:none}
.wdt-admin a.del{color:#b4524a}
.wdt-empty{text-align:center;padding:30px;color:var(--br2)}
.wdt-pager{text-align:center;margin-top:20px}
.wdt-pager .page-numbers{display:inline-block;padding:5px 12px;margin:0 2px;border:1px solid var(--line);border-radius:8px;color:var(--ink);text-decoration:none;background:#fff}
.wdt-pager .current{background:var(--br);color:#fff;border-color:var(--br)}
.wdt-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin:24px 0}
.wdt-gi{display:block;aspect-ratio:1;overflow:hidden;border-radius:10px}
.wdt-gi img{width:100%;height:100%;object-fit:cover;transition:.3s}
.wdt-gi:hover img{transform:scale(1.06)}
.wdt-lb{position:fixed;inset:0;background:rgba(40,28,16,.92);z-index:99999;display:flex;align-items:center;justify-content:center}
.wdt-lb img{max-width:92vw;max-height:88vh;border-radius:8px}
.wdt-lb button{position:absolute;background:none;border:0;color:#fff;font-size:34px;cursor:pointer;padding:10px 16px}
.wdt-lb .x{top:6px;right:6px}.wdt-lb .p{left:6px}.wdt-lb .n{right:6px}
@media(max-width:900px){.wdt-grid,.wdt-wrap[data-cols="4"] .wdt-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.wdt-grid,.wdt-wrap[data-cols="2"] .wdt-grid,.wdt-wrap[data-cols="4"] .wdt-grid{grid-template-columns:1fr}
.wdt-card{flex-direction:row}.wdt-thumb{width:110px;aspect-ratio:auto;flex:0 0 110px}.wdt-body p{display:none}}
.wdt-top{display:flex;justify-content:flex-end;margin-bottom:8px}
.wdt-add-btn,.wdt-btn{background:var(--br);color:#fff;border:0;border-radius:999px;padding:8px 20px;font-size:14px;cursor:pointer;transition:.2s}
.wdt-add-btn:hover,.wdt-btn:hover{background:#5f4429}
.wdt-btn.ghost{background:#fff;color:var(--br);border:1px solid var(--line)}
.wdt-btn:disabled{opacity:.6;cursor:wait}
.wdt-admin button{background:none;border:0;padding:0;margin-left:10px;font-size:12px;color:var(--br2);cursor:pointer}
.wdt-admin .wdt-del{color:#b4524a}
.wdt-modal{position:fixed;inset:0;background:rgba(60,42,24,.6);z-index:99998;display:flex;align-items:center;justify-content:center;padding:14px;overflow:auto}
.wdt-dlg{position:relative;background:#fffdf8;color:#4a3a28;border-radius:16px;width:100%;max-width:640px;max-height:92vh;overflow:auto;box-shadow:0 20px 50px rgba(0,0,0,.3);padding:22px}
.wdt-dlg.wdt-read{padding:0;max-width:720px}
.wdt-x{position:absolute;top:8px;right:10px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:#5f4429;font-size:22px;line-height:1;cursor:pointer;z-index:2;box-shadow:0 1px 4px rgba(0,0,0,.2)}
.wdt-load{padding:40px;text-align:center;color:#a98a63}
.wdt-main img{width:100%;max-height:50vh;object-fit:cover;display:block}
.wdt-strip{display:flex;gap:6px;padding:8px 14px;overflow-x:auto;background:#f6efe0}
.wdt-strip img{width:64px;height:48px;object-fit:cover;border-radius:6px;cursor:pointer;opacity:.6;border:2px solid transparent;flex:0 0 auto}
.wdt-strip img.on{opacity:1;border-color:#7a5a3a}
.wdt-rbody{padding:18px 22px 24px}
.wdt-rbody time{display:block;font-size:12px;color:#a98a63;margin:6px 0 2px}
.wdt-rbody h2{margin:0 0 10px;font-size:22px;line-height:1.4}
.wdt-pill{display:inline-block;background:#7a5a3a;color:#fff;font-size:12px;padding:3px 12px;border-radius:999px}
.wdt-text{font-size:15px;line-height:1.8}
.wdt-text img{max-width:100%;height:auto}
.wdt-form label{display:block;font-size:13px;margin-bottom:10px;color:#7a5a3a}
.wdt-form input[type=text],.wdt-form select,.wdt-form textarea{display:block;width:100%;box-sizing:border-box;margin-top:4px;padding:9px 12px;border:1px solid #e4d7bd;border-radius:10px;background:#fff;font-size:15px;color:#4a3a28;font-family:inherit}
.wdt-form input:focus,.wdt-form select:focus,.wdt-form textarea:focus{outline:2px solid #d9c49c;border-color:#a98a63}
.wdt-h{margin:0 0 14px;font-size:20px}
.wdt-lbl{font-size:13px;color:#7a5a3a;margin-bottom:6px}
.wdt-form .wdt-drop{border:2px dashed #d9c49c;border-radius:12px;padding:16px;text-align:center;background:#f6efe0;cursor:pointer;color:#7a5a3a;font-size:14px;margin-bottom:8px}
.wdt-thumbs{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 6px;padding:0}
.wdt-thumbs li{position:relative;width:78px;height:78px;border-radius:8px;overflow:hidden;border:2px solid #e4d7bd}
.wdt-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.wdt-thumbs .cv{position:absolute;left:0;right:0;bottom:0;background:#7a5a3a;color:#fff;font-size:10px;text-align:center}
.wdt-thumbs button{position:absolute;border:0;border-radius:50%;width:20px;height:20px;line-height:20px;padding:0;cursor:pointer;font-size:12px}
.wdt-thumbs .rm{top:2px;right:2px;background:rgba(90,60,30,.9);color:#fff}
.wdt-thumbs .mk{left:2px;bottom:2px;background:rgba(255,255,255,.9);color:#a98a63}
.wdt-msg{min-height:20px;font-size:13px;color:#7a5a3a}
.wdt-msg.bad{color:#b4524a}
.wdt-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}

/* Category selection links */
.wdt-tabs .wdt-tab:focus-visible{outline:2px solid var(--br2);outline-offset:2px}
.wdt-tabs .wdt-tab:hover{background:var(--cream);text-decoration:none}
.wdt-tabs .wdt-tab.is-active:hover{background:var(--br);color:#fff}
@media(max-width:560px){.wdt-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px}.wdt-tab{font-size:12px;padding:7px 11px}}

/* Version 1.7.0: compact category selector and reliable popup controls */
.wdt-category-picker{display:flex;align-items:center;gap:10px;margin:0 0 16px;padding:10px 12px;background:#fbf7ef;border:1px solid #e4d7bd;border-radius:12px;max-width:520px}
.wdt-category-picker label{font-size:13px;font-weight:600;color:#7a5a3a;white-space:nowrap}
.wdt-category-select{width:100%;min-width:0;padding:9px 34px 9px 12px;border:1px solid #d9c9ac;border-radius:9px;background:#fff;color:#4a3a28;font:inherit;font-size:14px;cursor:pointer}
.wdt-category-select:focus{outline:2px solid #d9c49c;outline-offset:1px}
.wdt-top{position:relative;z-index:3}
.wdt-add-btn,.wdt-edit,.wdt-del,.wdt-open{pointer-events:auto;cursor:pointer}
.wdt-add-btn{position:relative;z-index:4}
.wdt-modal{z-index:999999}
.wdt-dlg{z-index:1}
@media(max-width:560px){.wdt-category-picker{align-items:stretch;flex-direction:column;gap:6px}.wdt-category-picker label{white-space:normal}.wdt-category-select{font-size:13px}}

/* Version 1.8.0: category selector and add button share one toolbar */
.wdt-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;position:relative;z-index:10}
.wdt-toolbar .wdt-category-picker{flex:1;max-width:none;margin:0;min-width:0}
.wdt-toolbar .wdt-add-btn{flex:0 0 auto;white-space:nowrap;min-height:40px}
.wdt-add-btn{pointer-events:auto;touch-action:manipulation}
.wdt-open,.wdt-edit,.wdt-del{touch-action:manipulation}
@media(max-width:560px){.wdt-toolbar{align-items:stretch;gap:8px}.wdt-toolbar .wdt-category-picker{flex:1}.wdt-toolbar .wdt-add-btn{padding:8px 12px;font-size:13px}}

/* Version 1.10.0: reliable modal feedback and confirmation dialogs */
.wdt-notice-box .wdt-dlg{max-width:440px;padding:26px!important;z-index:1000001}
.wdt-notice{color:#4a3a28;text-align:center;padding:8px 4px}
.wdt-notice h2{font-size:21px;line-height:1.4;margin:0 0 10px;color:#7a5a3a}
.wdt-notice p{font-size:14px;line-height:1.7;margin:0 0 18px;color:#6f604f;overflow-wrap:anywhere}
.wdt-notice .wdt-btn{min-width:96px;min-height:40px}
.wdt-notice .wdt-actions{justify-content:center}
.wdt-notice.is-error h2{color:#b4524a}
.wdt-modal{z-index:2147483000!important}
.wdt-modal .wdt-dlg{position:relative;pointer-events:auto}
.wdt-modal button{pointer-events:auto!important;touch-action:manipulation}
.wdt-toolbar{display:flex!important;align-items:center!important;gap:12px!important}
.wdt-toolbar .wdt-category-picker{flex:1 1 auto!important;min-width:0!important}
.wdt-toolbar .wdt-add-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;position:relative!important;z-index:20!important;min-height:42px!important;white-space:nowrap!important}
@media(max-width:560px){.wdt-toolbar{flex-direction:row!important;align-items:center!important}.wdt-toolbar .wdt-category-picker{flex:1 1 auto!important}.wdt-toolbar .wdt-add-btn{padding:8px 11px!important;font-size:12px!important}}
/* Image removal controls inside the add/edit dialog */
.wdt-thumbs .rm{top:2px;right:2px;background:rgba(90,60,30,.92);color:#fff;z-index:2}
.wdt-msg.is-error{color:#b4524a}
.wdt-thumbs .cv{pointer-events:none}

.wdt-card.is-new{animation:wdtNew 3s ease;outline:2px solid #c9a56b;outline-offset:-2px}@keyframes wdtNew{0%{background:#f6efe0}100%{background:#fff}}

/* ===== v1.16 : category pills, clear buttons ===== */
.wdt-wrap{scroll-margin-top:80px}
.wdt-cats{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;padding:12px;background:#fbf7ef;border:1px solid #e4d7bd;border-radius:16px}
.wdt-wrap .wdt-cat{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #d9c9ac;border-radius:999px;background:#fff;color:#5f4429!important;font-size:14px;line-height:1.3;font-weight:600;text-decoration:none!important;box-shadow:0 1px 3px rgba(90,60,30,.08);transition:.18s}
.wdt-wrap .wdt-cat i{font-style:normal;font-size:12px;min-width:22px;text-align:center;padding:1px 7px;border-radius:999px;background:#f1e6cf;color:#7a5a3a}
.wdt-wrap .wdt-cat:hover{background:#f6efe0;border-color:#a98a63;transform:translateY(-1px)}
.wdt-wrap .wdt-cat.is-active{background:linear-gradient(135deg,#8a6540,#6b4a2b);border-color:#6b4a2b;color:#fff!important;box-shadow:0 3px 10px rgba(107,74,43,.35)}
.wdt-wrap .wdt-cat.is-active i{background:rgba(255,255,255,.25);color:#fff}
@media(max-width:560px){.wdt-cats{flex-wrap:nowrap;overflow-x:auto;padding:10px;-webkit-overflow-scrolling:touch}.wdt-wrap .wdt-cat{flex:0 0 auto;font-size:13px;padding:7px 12px}}

/* toolbar now holds only the add button */
.wdt-toolbar{justify-content:flex-end!important}
.wdt-toolbar .wdt-add-btn,.wdt-wrap .wdt-add-btn{background:linear-gradient(135deg,#e9b44c,#cf8f26)!important;color:#3b2610!important;font-weight:700!important;font-size:15px!important;border:1px solid #b97a1c!important;border-radius:999px!important;padding:10px 24px!important;box-shadow:0 4px 12px rgba(185,122,28,.4)!important;text-decoration:none!important}
.wdt-wrap .wdt-add-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}

/* edit / delete on cards: real buttons */
.wdt-admin{display:inline-flex;gap:6px}
.wdt-wrap .wdt-admin a{margin:0!important;padding:5px 12px;border-radius:999px;font-size:12px!important;font-weight:700;text-decoration:none!important;border:1.5px solid}
.wdt-wrap .wdt-admin a.wdt-edit{background:#fff3d6;border-color:#d9a441;color:#6b4300!important}
.wdt-wrap .wdt-admin a.wdt-del{background:#fdeceb;border-color:#d98b85;color:#a8372e!important}
.wdt-wrap .wdt-admin a:hover{filter:brightness(.96)}

/* popup form: save button always visible */
.wdt-modal .wdt-form .wdt-actions{position:sticky;bottom:-22px;display:flex;gap:10px;justify-content:flex-end;margin:16px -22px -22px;padding:14px 22px;background:#fffdf8;border-top:1px solid #e4d7bd;z-index:3}
.wdt-modal .wdt-btn.f-save,.wdt-modal .wdt-notice .wdt-btn{background:linear-gradient(135deg,#e9b44c,#cf8f26)!important;color:#3b2610!important;font-weight:700!important;font-size:16px!important;border:1px solid #b97a1c!important;border-radius:999px!important;padding:12px 30px!important;min-height:48px;box-shadow:0 4px 12px rgba(185,122,28,.4)!important;opacity:1!important}
.wdt-modal .wdt-btn.f-save:hover,.wdt-modal .wdt-notice .wdt-btn:hover{filter:brightness(1.07)}
.wdt-modal .wdt-btn.f-save:disabled{filter:grayscale(.4);opacity:.75!important}
.wdt-modal .wdt-btn.ghost{background:#fff!important;color:#5f4429!important;border:1.5px solid #c9b48f!important;box-shadow:none!important;font-weight:600!important;padding:12px 24px!important;min-height:48px;font-size:15px!important}
.wdt-modal .wdt-notice .wdt-btn.wdt-yes{background:linear-gradient(135deg,#d9645a,#b4392f)!important;color:#fff!important;border-color:#9c2f26!important;box-shadow:0 4px 12px rgba(180,57,47,.35)!important}
@media(max-width:560px){.wdt-modal .wdt-form .wdt-actions .f-save{flex:1}}
.wdt-wrap .wdt-add-btn{line-height:1.2!important;min-height:0!important;padding:11px 24px!important}
.wdt-wrap .wdt-thumb,.wdt-wrap .wdt-thumb:hover{text-decoration:none!important}

/* v1.17 : category dropdown (restored), styled */
.wdt-toolbar{justify-content:space-between!important}
.wdt-wrap .wdt-category-picker{display:flex;align-items:center;gap:10px;flex:1 1 auto;max-width:560px;margin:0;padding:10px 14px;background:#fbf7ef;border:1px solid #e4d7bd;border-radius:14px}
.wdt-wrap .wdt-category-picker label{margin:0;font-size:14px;font-weight:700;color:#6b4a2b;white-space:nowrap}
.wdt-wrap .wdt-category-select{flex:1;min-width:0;padding:10px 36px 10px 14px;border:1.5px solid #cdb78f;border-radius:10px;background-color:#fff;color:#4a3a28;font:inherit;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 1px 3px rgba(90,60,30,.1)}
.wdt-wrap .wdt-category-select:hover,.wdt-wrap .wdt-category-select:focus{border-color:#a98a63;outline:2px solid #e9d7ad;outline-offset:1px}
@media(max-width:560px){.wdt-wrap .wdt-category-picker{flex-direction:column;align-items:stretch;gap:6px;padding:8px 10px}.wdt-wrap .wdt-category-picker label{font-size:13px}}

/* v1.18 : add button sits inside the category bar */
.wdt-toolbar{justify-content:flex-start!important}
.wdt-wrap .wdt-category-picker{flex:1 1 100%!important;max-width:none!important;gap:12px;padding:12px 16px;border-radius:16px;box-shadow:0 2px 10px rgba(90,60,30,.08)}
.wdt-wrap .wdt-category-select{flex:1 1 auto}
.wdt-wrap .wdt-category-picker .wdt-add-btn{flex:0 0 auto!important;margin-left:auto}
.wdt-wrap .wdt-body h3 a,.wdt-wrap .wdt-more,.wdt-wrap .wdt-body a{text-decoration:none!important}
@media(max-width:560px){
 .wdt-wrap .wdt-category-picker{display:grid!important;grid-template-columns:1fr auto;gap:8px;padding:10px}
 .wdt-wrap .wdt-category-picker label{grid-column:1/-1}
 .wdt-wrap .wdt-category-picker .wdt-add-btn{padding:10px 14px!important;font-size:14px!important}
}