.collection,.detail,.admin-wrap{max-width:1240px;margin:auto;padding:65px 6% 90px;min-height:60vh}.collection h1,.detail h1,.admin-wrap h1{font:400 clamp(42px,5vw,68px)/1.1 Georgia;color:#f4e8ff;letter-spacing:-1.5px;margin:25px 0}.collection-intro{color:#baacc6;font-size:18px;max-width:740px}.content-nav{display:flex!important;position:static!important;background:transparent;gap:24px;padding:0}.filters{display:flex;flex-wrap:wrap;gap:12px;margin:35px 0}.filters button{background:#ffffff06;border:1px solid #a855f740;color:#cdb5df;border-radius:30px;padding:10px 22px;cursor:pointer}.filters button.active{background:#9333ea;color:white}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px}.media-card{display:block;border:1px solid #a855f740;background:#191022;border-radius:16px;overflow:hidden;transition:transform .35s}.media-card:hover{transform:translateY(-7px)}.media-card[hidden]{display:none}.media-card img{width:100%;height:230px;object-fit:cover}.media-card>div{padding:27px}.media-card h2{color:#f0e2fc;font:400 28px/1.2 Georgia;letter-spacing:-.4px}.media-card p{font-size:16px;color:#bcaec8}.read,.back{color:#cfabef;font-size:14px}.detail{max-width:1080px}.detail .eyebrow{display:block;margin-top:30px}.detail-cover{width:100%;max-height:560px;object-fit:cover;border-radius:14px;margin:35px 0 10px}.body-text{max-width:790px;margin:30px auto;font-size:18px;color:#cfc0da;line-height:1.9}.video-wrap{margin:35px 0}.video-wrap iframe,.video-wrap video{width:100%;aspect-ratio:16/9;border:0;border-radius:12px;background:#08050d}.album{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:35px}.zoom{border:0;padding:0;background:transparent;cursor:zoom-in}.zoom img{width:100%;height:250px;object-fit:cover;border-radius:10px}.detail-cta{background:#241332;text-align:center;padding:40px;margin-top:55px;border-radius:14px}.detail-cta h2{color:#eedbfc;font:400 32px Georgia}dialog{border:1px solid #a855f760;border-radius:12px;background:#130a1b;padding:15px;max-width:95vw;max-height:95vh}dialog::backdrop{background:#000d}dialog img{display:block;max-width:85vw;max-height:80vh;object-fit:contain}dialog button{display:block;margin:0 0 12px auto;background:none;border:0;color:white;cursor:pointer}.editor{max-width:950px;margin:30px 0;padding:30px;border:1px solid #a855f740;background:#1b1025;border-radius:14px}.editor h2{color:#ead4fb;font:400 30px Georgia}.editor label{display:block;font-size:15px;color:#cfbddb;margin:20px 0}.editor input,.editor textarea,.editor select{display:block;width:100%;padding:12px;background:#0d0813;color:white;border:1px solid #ffffff25;border-radius:5px;margin-top:8px;font:16px Arial}.editor .check{display:flex;align-items:center;gap:12px}.editor .check input{width:auto;margin:0}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.admin-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.admin-list article{padding:25px 0;border-bottom:1px solid #ffffff20;display:flex;justify-content:space-between;gap:20px;align-items:center}.admin-list h2{color:#ead4fb;font:400 25px Georgia;margin:10px 0}.admin-thumb{max-width:260px;height:150px;object-fit:cover}.message{padding:20px;background:#2d1940;color:#ead4fb;border:1px solid #a855f780;border-radius:7px}.message.error{background:#351828;color:#ffc6dc}.editor p{color:#b9a9c5;font-size:14px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #d8b4fe;outline-offset:4px}@media(max-width:850px){.content-nav{gap:12px;flex-wrap:wrap;font-size:12px}header:has(.content-nav){height:auto;min-height:100px;gap:20px;flex-wrap:wrap;padding-block:20px}.collection-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.collection-grid,.album,.editor-grid{grid-template-columns:1fr}.collection,.detail,.admin-wrap{padding:40px 6% 60px}.admin-list article{display:block}.admin-list .admin-links{margin-top:18px}.editor{padding:22px}.content-nav{font-size:14px;width:100%}.media-card img{height:250px}.collection h1,.detail h1{font-size:43px}.zoom img{height:280px}}

/* Administration : ajout des médias */
#editor{scroll-margin-top:30px}.media-upload{min-width:0;margin:25px 0;padding:24px;border:1px solid #a855f780;border-radius:12px;background:linear-gradient(135deg,#29143d,#170e20)}.media-upload legend{padding:0 10px;color:#ead4fb;font:24px Georgia}.media-upload input[type=file]{padding:16px;border:1px dashed #c084fc;background:#100a18}.media-upload input::file-selector-button{border:0;border-radius:6px;padding:10px 15px;margin-right:12px;background:#9333ea;color:white;cursor:pointer}.upload-preview{display:flex;flex-wrap:wrap;gap:12px}.upload-preview>p{width:100%}.upload-preview figure{margin:0;width:160px}.upload-preview img,.upload-preview video{width:160px;height:110px;object-fit:cover;border-radius:8px;background:#08050d}.upload-preview figcaption{font-size:12px;color:#cfbddb;overflow-wrap:anywhere;margin-top:7px}@media(max-width:600px){.media-upload{padding:15px}.media-upload input[type=file]{font-size:13px;padding:10px}.upload-preview figure,.upload-preview img,.upload-preview video{width:130px}}
/* Administration avec navigation latérale */
.hdo-admin .admin-sidebar{position:fixed;inset:0 auto 0 0;width:245px;padding:35px 24px;background:linear-gradient(180deg,#251035,#100916);border-right:1px solid #a855f740;z-index:20;display:flex;flex-direction:column;gap:25px}.sidebar-brand{font:20px Georgia;color:#f4e8ff}.sidebar-brand small{display:block;font:10px Arial;letter-spacing:2px;margin-top:10px;color:#c084fc}.admin-sidebar nav{display:grid;gap:10px}.admin-sidebar nav a{padding:15px 12px;border-radius:9px;color:#d4bfdc}.admin-sidebar nav a[aria-current=page]{background:#9333ea;color:white}.admin-sidebar>form{margin-top:auto}.hdo-admin:has(.admin-sidebar)>header{margin-left:245px}.hdo-admin:has(.admin-sidebar) .admin-wrap{margin-left:245px;max-width:none;padding:40px 4% 70px}.admin-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:25px 0 35px}.admin-toolbar p{color:#baa5c8}.admin-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.admin-card{background:#1b1025;border:1px solid #a855f740;border-radius:14px;overflow:hidden}.admin-card>img,.admin-card>video,.media-placeholder{width:100%;aspect-ratio:16/10;object-fit:cover;background:#100916;display:block}.media-placeholder{display:grid;place-items:center;color:#cfabef;font:28px Georgia}.admin-card-body{padding:20px}.admin-card h2{font:24px Georgia;color:#eedbfc;overflow-wrap:anywhere}.admin-card-actions{display:flex;gap:12px;align-items:start;flex-wrap:wrap}.admin-card-actions .btn{padding:10px 16px;font-size:14px}.admin-card-actions details{flex:1}.admin-card-actions summary{cursor:pointer;list-style:none;display:inline-block}.photo-replace{margin:15px 0}.photo-replace input{max-width:100%;display:block;margin:12px 0;color:#d4bfdc}.edit-parent{font-size:13px;color:#cfabef}.album .zoom img{aspect-ratio:16/10;height:auto;object-fit:cover}.hdo-admin .editor{max-width:none}.hdo-admin .upload-preview img{aspect-ratio:16/10}.hdo-admin .admin-card video{object-fit:contain}@media(max-width:1150px){.admin-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:750px){.hdo-admin .admin-sidebar{position:static;width:auto;padding:20px}.admin-sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr));font-size:13px}.admin-sidebar nav a{padding:10px}.admin-sidebar>form{margin:0}.hdo-admin:has(.admin-sidebar)>header{margin-left:0}.hdo-admin:has(.admin-sidebar) .admin-wrap{margin-left:0;padding:25px 5% 50px}.admin-toolbar{align-items:start;flex-direction:column}.admin-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-card-body{padding:14px}.admin-card h2{font-size:20px}}@media(max-width:450px){.admin-cards{grid-template-columns:1fr}}
.admin-text-fields{margin:25px 0;padding:18px;border:1px solid #a855f740;border-radius:10px}.admin-text-fields>summary{color:#e9d5ff;cursor:pointer;font-size:16px}.hdo-admin .admin-card .eyebrow{font-size:10px;letter-spacing:1px}.hdo-admin .admin-card-actions .close{padding:10px 0}.hdo-admin .media-upload label{font-weight:600}
.hdo-admin .admin-sidebar nav{position:static;inset:auto;background:transparent;padding:0;align-items:stretch;z-index:auto}.admin-sidebar a:focus-visible,.admin-card summary:focus-visible{outline:2px solid #d8b4fe;outline-offset:3px}