/* Materials screens (1c list, 1d detail, 1n share) - page-only overrides.
   Loaded AFTER app.css so these rules win. Only NEW rules live here. */

/* ============ 1c - materials list ============ */

/* Single-column hero: let the lead run full width (mockup 1c). */
.page-hero--mat .sub { max-width: none; }

/* "Научна област" as ~17px checkbox rows (mockup 1c). */
.facet--check .facet__row { color: #3E5B72; font-weight: 500; padding: 0; }
.facet--check .facet__row:hover { color: #14344E; }
.facet--check .facet__row.is-on { color: #3E5B72; font-weight: 500; }
.mat-facetbox {
    width: 17px; height: 17px; border-radius: 5px; flex: none;
    background: #fff; border: 1.5px solid #C9D9E4;
    display: grid; place-items: center; color: #fff;
    transition: background .12s, border-color .12s;
}
.mat-facetbox svg { display: none; stroke-width: 3.5px; }
.facet--check .facet__row.is-on .mat-facetbox { background: #377FA9; border-color: #377FA9; }
.facet--check .facet__row.is-on .mat-facetbox svg { display: block; }

/* "Дисциплина" - bordered text input filter card (mockup 1c). */
.mat-discipline__field {
    display: flex; align-items: center; gap: 9px; margin-top: 12px;
    border: 1.5px solid #D8E4EC; border-radius: 10px; padding: 9px 12px;
    transition: border-color .12s;
}
.mat-discipline__field:focus-within { border-color: #377FA9; }
.mat-discipline__field svg { flex: none; color: #9AB0C0; }
.mat-discipline__field input {
    flex: 1; min-width: 0; border: 0; padding: 0; background: none; outline: none;
    font: 400 13px var(--font-body); color: var(--c-ink);
}
.mat-discipline__field input::placeholder { color: #9AB0C0; }

/* Download / thanks glyphs on the result meta line (mockup 1c). */
.rmeta .st .dl, .rmeta .st .th { display: inline-flex; align-items: center; gap: 5px; }

/* ============ 1d - material detail ============ */

/* Primary download CTA polish (mockup 1d): taller, heavier, soft coral shadow. */
.sd-download { min-height: 50px; font-weight: 700; font-size: 15px; box-shadow: 0 6px 16px rgba(240, 123, 93, .35); }

/* Neutral "Подобни материали" thumbs - no format badge, science in the meta (mockup 1d). */
.mat-simthumb { width: 34px; height: 44px; border-radius: 5px; background: #EAF2F7; border: 1px solid #D5E2EB; flex: none; }

/* ============ 1n - share file ============ */

/* Filled dropzone shown on EDIT when the material already has a stored file. */
.dropzone--filled {
    display: flex; align-items: center; gap: 20px; text-align: left;
    padding: 22px; min-height: 0; cursor: pointer;
}
.dzf-thumb {
    position: relative; width: 66px; height: 88px; border-radius: 7px; flex: none;
    background: #fff; border: 1px solid #C9D9E4; box-shadow: 0 4px 12px rgba(20, 52, 78, .1); overflow: hidden;
}
.dzf-thumb::before { content: ""; position: absolute; inset: 10px 9px auto 9px; height: 5px; border-radius: 2px; background: #B4C9D7; }
.dzf-thumb::after { content: ""; position: absolute; inset: 22px 9px auto 9px; height: 3px; border-radius: 2px; background: #D5E2EB; box-shadow: 0 7px 0 #D5E2EB, 0 15px 0 #D5E2EB; }
.dzf-main { flex: 1; min-width: 0; }
.dzf-id { display: flex; align-items: center; gap: 10px; }
.dzf-id > span:last-child { min-width: 0; }
.dzf-badge { width: 38px; height: 38px; border-radius: 11px; flex: none; background: #FDEBE5; color: #C4563B; display: grid; place-items: center; font: 800 10px var(--font-body); }
.dzf-name { display: block; font: 700 14.5px var(--font-body); word-break: break-all; }
.dzf-meta { display: block; font: 400 12.5px var(--font-body); color: var(--c-muted); margin-top: 2px; }
.dzf-preview { display: flex; align-items: center; gap: 7px; margin-top: 12px; font: 500 12.5px/1.5 var(--font-body); color: #1F7A72; }
.dzf-preview svg { flex: none; color: #2FA39A; }
.dropzone__replace { flex: none; font: 600 13px var(--font-body); color: #2B6A8F; white-space: nowrap; }

@media (max-width: 560px) {
    .dropzone--filled { flex-wrap: wrap; }
    .dropzone__replace { width: 100%; }
}