/* static/css/media_index.css */
/* Header */
.site-header{padding:2rem;text-align:center}
.site-header .subnav{margin-top:1rem}
/* Grille des catégories */
.rubriques.media-rubriques{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;padding:2rem;max-width:1000px;margin:2rem auto;box-sizing:border-box}
.rubriques.media-rubriques .rubrique-card{position:relative;height:260px;background-size:cover;background-position:center;border-radius:.5rem;overflow:hidden;text-decoration:none;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .3s}
.rubriques.media-rubriques .rubrique-card:hover{transform:translateY(-5px)}
.rubriques.media-rubriques .rubrique-overlay{position:absolute;left:0;bottom:0;width:100%;background:rgba(0,0,0,.72);box-sizing:border-box;display:grid;place-items:center;text-align:center;padding:.75rem 1rem;max-height:3em;overflow:hidden;transition:max-height .3s ease,padding .3s ease}
.rubriques.media-rubriques .rubrique-card:hover .rubrique-overlay{max-height:40%;padding:.7rem 1rem 1.5rem 1rem}
.rubriques.media-rubriques .rubrique-overlay h3{margin:0;font-size:1.25rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rubriques.media-rubriques .rubrique-overlay p{margin:.5rem 0 0;opacity:0;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease}
.rubriques.media-rubriques .rubrique-card:hover .rubrique-overlay p{opacity:1;transform:translateY(0)}
/* Formulaire upload */
.upload-form{max-width:800px;margin:2rem auto;padding:2.5rem;background-color:#ffffff;border:1px solid #333;border-radius:.5rem;box-shadow:0 2px 8px rgba(0,0,0,.1);box-sizing:border-box}
.upload-form h2,.upload-form p{color:#333}
.upload-form label{display:block;margin-bottom:1rem;color:#333}
.upload-form input[type="file"],.upload-form input[type="text"]{width:100%;padding:.6rem;border:1px solid #ccc;border-radius:.25rem;margin-top:.25rem;box-sizing:border-box}
.upload-form button{display:block;margin:1.5rem auto 0;padding:.75em 2em;background-color:#333;color:#fff;border:none;border-radius:.25rem;cursor:pointer;transition:background-color .2s}
.upload-form button:hover{background-color:#333}
/* Responsive */
@media (max-width:600px){
.rubriques.media-rubriques .rubrique-overlay{max-height:35%!important;padding:.5rem 1rem 1.5rem 1rem!important}
.rubriques.media-rubriques .rubrique-overlay p{opacity:1!important;transform:none!important}
}
@media (min-width:769px) and (max-width:1024px){
.rubriques.media-rubriques{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;padding:1.5rem;max-width:800px;margin:2rem auto}
.rubriques.media-rubriques .rubrique-card{height:220px}
.rubriques.media-rubriques .rubrique-overlay h3{font-size:1.1rem}
.upload-form{max-width:600px;margin:1.5rem auto;padding:2rem}
}