/* ================================================================ header.css — Header unifié Planescape À inclure dans le de chaque fichier ================================================================ */ /* Polices Exocet — chemin depuis portails/ ou pnj/ */ @font-face{font-family:'Exocet';src:url('../portails/films_EXH_____.ttf') format('truetype');font-weight:700} @font-face{font-family:'Exocet';src:url('../portails/films_EXL_____.ttf') format('truetype');font-weight:300} /* ── Header ── */ .ps-hdr{ background:linear-gradient(180deg,#180e08,#2a1a08); border-bottom:3px double #b88a2e; padding:0 22px;height:56px;flex-shrink:0; display:flex;align-items:center;justify-content:space-between; box-shadow:0 3px 16px rgba(0,0,0,.7); font-family:'Exocet',Georgia,serif; position:relative;z-index:100; } .ps-hdr-left{display:flex;flex-direction:column;justify-content:center;gap:1px} .ps-hdr-title{ font-family:'Exocet',serif;font-weight:700;font-size:14px; letter-spacing:4px;text-transform:uppercase;color:#e3bf63; } .ps-hdr-sub{ font-family:'Exocet',serif;font-weight:300;font-size:10px; letter-spacing:2px;color:#8d6e4f;font-style:italic; } /* ── Navigation ── */ .ps-hdr-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap} .ps-lnk{ display:inline-flex;align-items:center;gap:5px; font-family:'Exocet',serif;font-weight:700;font-size:10px; letter-spacing:.1em;text-transform:uppercase;text-decoration:none; min-height:30px;padding:0 12px;border-radius:999px; border:1px solid rgba(196,162,97,.45);background:rgba(255,255,255,.03); color:#f1e1bd;transition:all .18s;white-space:nowrap; } .ps-lnk:hover{border-color:rgba(196,162,97,.9);background:rgba(196,162,97,.1);color:#f8e8c0} .ps-lnk-active{border-color:rgba(196,162,97,.7);background:rgba(196,162,97,.12);color:#f0c840} .ps-lnk-icon{font-size:12px} .ps-lnk-label{font-size:9px;letter-spacing:.12em} /* Liens MJ — rouge */ .ps-lnk-mj{border-color:rgba(160,50,50,.5);color:#e07070} .ps-lnk-mj:hover{border-color:rgba(200,70,70,.9);background:rgba(160,50,50,.12);color:#ff9090} .ps-lnk-mj.ps-lnk-active{border-color:rgba(200,70,70,.8);background:rgba(160,50,50,.15);color:#ff8080} .ps-nav-sep{color:rgba(196,162,97,.25);font-size:16px;margin:0 2px;user-select:none} .ps-hdr-user{ font-family:'Exocet',serif;font-weight:700;font-size:9px; letter-spacing:3px;text-transform:uppercase;color:#b88a2e; padding:0 8px; } /* ── Responsive ── */ @media(max-width:768px){ .ps-hdr{height:auto;padding:8px 14px;flex-wrap:wrap;gap:6px} .ps-hdr-sub{display:none} .ps-lnk-label{display:none} .ps-lnk{padding:0 9px;min-height:28px} .ps-hdr-user{display:none} } @media(max-width:480px){ .ps-hdr-title{font-size:11px;letter-spacing:2px} }