/* Sekce „Daruji“ a „Spolupráce“ — vzhled podle schválených maket site/_maket-daruji-uk.html a site/_maket-spoluprace-uk.html. Aplikace: js/sekce.js */
.dj-hero{background-image:url("../img/sekce/daruji.jpg");background-size:cover;background-position:center 40%;position:relative;padding:42px 0 38px}
.dj-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(2,46,29,.82) 0%,rgba(2,46,29,.55) 42%,rgba(2,46,29,0) 75%)}
.dj-hero .mk-w{position:relative}
.dj-hero h1{color:var(--sand);font-size:clamp(2.2rem,5vw,3.4rem);font-weight:600;margin:0;letter-spacing:.01em;line-height:1.05;text-shadow:0 1px 2px rgba(0,0,0,.25)}
.dj-slog{color:#fff;font-size:clamp(1.05rem,2vw,1.35rem);margin:6px 0 8px;font-weight:500}
.dj-sub{color:#e9efe9;max-width:520px;margin:0 0 18px;font-size:.92rem;line-height:1.5}
.dj-hacts{display:flex;gap:10px;flex-wrap:wrap}
.dj-hacts .btn{text-transform:none;letter-spacing:normal;font-weight:500;display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:10px 18px;text-decoration:none;font-size:.92rem}
.dj-hacts svg{width:18px;height:18px}
.dj-hw{background:#fff;color:var(--green);border:1px solid #fff}.dj-hw:hover{background:#e3eee7}
@media(max-width:700px){.dj-hero::before{background:linear-gradient(180deg,rgba(2,46,29,.72) 0%,rgba(2,46,29,.45) 55%,rgba(2,46,29,.15) 100%)}}

.dj{padding:18px 16px 40px;max-width:1200px;margin:0 auto;box-sizing:border-box}
.dj-bc{font-size:.8rem;color:#6b6b6b;margin:0 0 10px}.dj-bc a{color:var(--green)}
.dj-seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;margin-bottom:12px;background:#fff}
.dj-seg a{padding:7px 16px;text-decoration:none;color:var(--green);font-size:.88rem}.dj-seg a.on{background:#e3eee7}
.dj-seg small,.dj-hs{color:#888;font-weight:400;font-size:.72rem}
.dj-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:12px;flex-wrap:wrap}
.dj-tabs a{padding:8px 0;color:var(--green);text-decoration:none;border-bottom:2px solid transparent;font-weight:500;display:inline-flex;align-items:center;gap:6px}
.dj-tabs a.on{border-color:var(--sand)}.dj-tabs small{color:#888;font-weight:400}.dj-tabs svg{width:17px;height:17px}
.dj-tg{color:var(--sand)!important}
.dj-flt{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.dj-flt select,.dj-flt input{border:1px solid var(--line);border-radius:8px;padding:7px 10px;font:inherit;font-size:.86rem;background:#fff;color:var(--green);max-width:100%}
.dj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.dj-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;position:relative}
.dj-card:not(.dj-want){border-top:3px solid var(--sand)}
.dj-want{border-left:3px solid #b9d6c3}
.dj-ph{position:relative;aspect-ratio:4/3;background:#f3f1ec;display:flex;align-items:center;justify-content:center;color:#cbbf9f}
.dj-ph img{width:100%;height:100%;object-fit:cover;display:block}.dj-ph>svg{width:54px;height:54px}
.dj-n{position:absolute;left:8px;bottom:8px;background:rgba(255,255,255,.85);font-size:.66rem;padding:2px 6px;border-radius:4px;color:#555}
.dj-badge{position:absolute;right:8px;top:8px;background:#fff;color:var(--green);font-size:.72rem;padding:3px 8px;border-radius:999px;border:1px solid var(--line)}
.dj-b{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.dj-b h3{margin:2px 0 0;font-size:1rem;color:var(--green);font-weight:600}
.dj-b h3 a{color:inherit;text-decoration:none}.dj-b h3 a:hover{text-decoration:underline}
.dj-b h3 a::after{content:"";position:absolute;inset:0}
.dj-tags{display:flex;flex-wrap:wrap;gap:6px}
.dj-tags span{font-size:.72rem;border-radius:999px;padding:2px 8px;display:inline-flex;align-items:center;gap:3px}
.dj-loc{background:#fff;border:1px solid var(--green);color:var(--green)}
.dj-cat{background:#e3eee7;color:var(--green)}
.dj-st{background:#fff;border:1px solid #b9d6c3;color:var(--green)}
.dj-firm{background:#fff7ea;border:1px solid var(--sand);color:#6b4a00}
.dj-pct{background:var(--green);color:#fff;font-weight:600}
.dj-meta{margin:0;font-size:.8rem;color:#555;line-height:1.45}
.dj-btn{background:#fff;border:1px solid var(--orange);color:#111;border-radius:999px;padding:8px 16px;font:inherit;font-size:.88rem;cursor:pointer;transition:transform .2s,background .2s;text-decoration:none;display:inline-block;position:relative;z-index:1;white-space:nowrap}
.dj-btn:hover{background:#e3eee7;transform:scale(1.04)}
.dj-btn[disabled]{opacity:.5;cursor:default;transform:none}
.dj-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:8px;margin-top:auto;padding-top:4px}
.dj-rep{font-size:.7rem;color:#8a8a8a;position:relative;z-index:1;white-space:nowrap}
.dj-done{opacity:.55}.dj-done img{filter:grayscale(1)}.dj-off{font-size:.8rem;color:#666}
.dj-gift{grid-column:1/-1;display:flex;gap:16px;align-items:center;background:#fff;border:1px solid var(--sand);border-radius:12px;padding:14px 16px}
.dj-gift i{width:42px;height:42px;border-radius:50%;border:1px solid var(--sand);color:var(--sand);display:flex;align-items:center;justify-content:center;flex:0 0 42px}
.dj-gift h2{margin:0;font-size:1rem;color:var(--green)}.dj-gift p{margin:2px 0 0;font-size:.84rem;color:#444}
.dj-gift .dj-btn{margin-left:auto;white-space:nowrap}
.dj-h2{font-size:1.15rem;color:var(--green);margin:28px 0 10px;font-weight:600;display:flex;align-items:center;gap:8px}
.dj-h2 svg{color:var(--green)}
.dj-empty{grid-column:1/-1;color:#666;font-size:.9rem;margin:0;padding:14px 0}
.dj-quiet{margin:22px 0 0;background:#e3eee7;border-radius:12px;padding:14px 16px;font-size:.9rem;color:var(--green)}
.dj-quiet a{color:var(--green);font-weight:600}
.dj-rules{margin-top:14px;font-size:.78rem;color:#555;line-height:1.5}
.dj-rules a{color:var(--green)}

/* formulář */
.dj-form{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;max-width:820px}
.dj-form label{display:block;font-size:.82rem;color:var(--green);font-weight:500}
.dj-form label>input:not([type=checkbox]):not([type=radio]),.dj-form label>select,.dj-form label>textarea{display:block;width:100%;margin-top:4px}
.dj-form label>span.dj-hint{display:block;margin-top:3px}
.dj-form i.dj-hint{font-style:normal}
.dj-form input,.dj-form select,.dj-form textarea{border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:inherit;font-size:.88rem;font-weight:400;max-width:100%;box-sizing:border-box}
.dj-form .full{grid-column:1/-1}
.dj-type{display:flex;gap:18px;flex-wrap:wrap}
.dj-type label{display:flex;flex-direction:row;align-items:center;gap:6px;font-weight:400;color:#222}
.dj input[type=radio]{appearance:none;-webkit-appearance:none;width:16px;height:16px;border:1px solid #666;border-radius:50%;margin:0;padding:0;display:grid;place-content:center;flex:0 0 16px}
.dj input[type=radio]:checked{border:2px solid var(--orange)}
.dj input[type=radio]:checked::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--green)}
.dj input[type=checkbox]{appearance:none;-webkit-appearance:none;width:16px;height:16px;border:1px solid #666;border-radius:3px;margin:2px 0 0;padding:0;display:grid;place-content:center;flex:0 0 16px;background:#fff}
.dj input[type=checkbox]:checked::after{content:"✓";color:var(--green);font-size:12px;line-height:1}
.dj-chk{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:8px!important;font-weight:400!important;color:#333!important}
.dj-chk a{color:var(--green)}
.dj-hint{font-size:.74rem;color:#777;font-weight:400}
.dj-pick{display:flex;margin-top:6px;gap:6px;flex-wrap:wrap}.dj-pick img{width:64px;height:64px;object-fit:cover;border-radius:6px;border:1px solid var(--line)}
.dj-msg{padding:10px 12px;border-radius:10px;font-size:.9rem;margin:0}
.dj-msg.ok{background:#e3eee7;color:var(--green)}.dj-msg.bad{background:#fdecea;color:#8a1c14}
.dj-msg ul{margin:6px 0 0;padding-left:18px}

/* detail, účet, správa */
.dj-narrow{max-width:820px}
.dj-detail{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px;align-items:start}
.dj-gal{display:grid;gap:8px}.dj-gal img{width:100%;border-radius:10px;display:block;background:#f3f1ec}
.dj-gal .dj-thumbs{display:flex;gap:6px;flex-wrap:wrap}.dj-gal .dj-thumbs img{width:72px;height:72px;object-fit:cover;cursor:pointer}
.dj-box{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:0 0 14px}
.dj-box h2,.dj-box h3{margin:0 0 8px;color:var(--green);font-size:1.05rem}
.dj-pre{white-space:pre-wrap;margin:8px 0;font-size:.92rem}
.dj-safe{font-size:.82rem;color:#444;background:#fff7ea;border-radius:10px;padding:10px 12px;margin:10px 0 0}
.dj-st-badge{display:inline-block;font-size:.72rem;border-radius:999px;padding:2px 8px;background:#e3eee7;color:var(--green);margin-left:6px;vertical-align:middle}
.dj-st-badge.bad{background:#fdecea;color:#8a1c14}.dj-st-badge.wait{background:#fff7ea;color:#6b4a00}
.dj-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.dj-acts .dj-btn{font-size:.8rem;padding:6px 12px}
.dj-del{border-color:#c0392b!important;color:#8a1c14!important}
.dj-rep-row{border-top:1px solid var(--line);padding:8px 0;font-size:.88rem}
.dj-rep-row b{color:var(--green)}
.dj-link{background:none;border:0;padding:0;color:var(--green);text-decoration:underline;cursor:pointer;font:inherit;font-size:.85rem}
.dj-modal{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;padding:16px;z-index:1000}
.dj-modal>div{background:#fff;border-radius:12px;padding:18px;max-width:520px;width:100%;box-sizing:border-box}
.dj [hidden]{display:none!important}
@media(max-width:900px){.dj-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.dj-detail{grid-template-columns:1fr}}
@media(max-width:560px){.dj-grid,.dj-form{grid-template-columns:1fr}.dj-gift{flex-wrap:wrap}.dj-gift .dj-btn{margin-left:0}}

/* Spolupráce — podle makety site/_maket-spoluprace-uk.html */
.sp-hero{background-image:url("../img/sekce/spoluprace.jpg");background-position:center 8%}
.sp-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;scroll-margin-top:80px}
.sp-pills a{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px;font-size:.84rem;color:var(--green);text-decoration:none}
.sp-pills a.on{border-color:var(--orange)}.sp-pills small{color:#888;font-size:.72rem}
.sp-card .dj-ph{aspect-ratio:16/9;background:#fff;border-bottom:1px solid var(--line)}
.sp-card .dj-ph img,.sp-detail .dj-gal img{object-fit:contain;background:#fff}
.sp-pin h2 .dj-st-badge{margin-left:4px}
.sp-note{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px}