/* ============================================================
   DRIPPING SECRETS — Media Hub CSS  (v9.94)
   ============================================================ */
:root {
  --med-pink:   #E91E8C; --med-dark:#1a0a24;
  --med-card:   rgba(255,255,255,0.04);
  --med-border: rgba(255,255,255,0.08);
  --med-radius: 14px;
}
/* Hero */
.med-hero { background:linear-gradient(135deg,#1a0a24,#2d1040,#1a0a24); padding:80px 20px 60px; text-align:center; position:relative; overflow:hidden; }
.med-hero::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse 65% 50% at 50% 0%,rgba(233,30,140,.18) 0%,transparent 65%); pointer-events:none; }
.med-eyebrow { font-size:.78rem; font-weight:700; letter-spacing:.14em; color:var(--med-pink); text-transform:uppercase; margin:0 0 12px; }
.med-hero h1 { font-size:clamp(2rem,5vw,3.2rem); color:#fff; margin:0 0 14px; line-height:1.15; }
.med-hero p  { color:rgba(255,255,255,.7); font-size:1rem; max-width:500px; margin:0 auto 32px; }
/* Search */
.med-search-wrap { max-width:560px; margin:0 auto; display:flex; border-radius:50px; overflow:hidden; border:1px solid rgba(233,30,140,.3); }
.med-search-input { flex:1; background:rgba(255,255,255,.07); border:none; color:#fff; padding:14px 20px; font-size:1rem; outline:none; min-width:0; }
.med-search-btn { background:linear-gradient(135deg,var(--med-pink),#c2185b); color:#fff; border:none; padding:14px 24px; font-size:1rem; cursor:pointer; white-space:nowrap; font-weight:600; }
/* Filters / Cats */
.med-cats { display:flex; gap:8px; flex-wrap:wrap; padding:24px 0 0; justify-content:center; }
.med-cat-btn { background:rgba(255,255,255,.06); border:1px solid var(--med-border); color:rgba(255,255,255,.7); padding:7px 16px; border-radius:50px; font-size:.85rem; cursor:pointer; transition:all .2s; }
.med-cat-btn.active, .med-cat-btn:hover { background:rgba(233,30,140,.15); border-color:rgba(233,30,140,.3); color:#fff; }
/* Layout */
.med-layout { max-width:1140px; margin:0 auto; padding:40px 20px; display:grid; grid-template-columns:1fr 300px; gap:28px; }
@media(max-width:960px) { .med-layout { grid-template-columns:1fr; } }
/* Article Cards */
.med-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:20px; margin-bottom:28px; }
.med-card { background:var(--med-card); border:1px solid var(--med-border); border-radius:var(--med-radius); overflow:hidden; transition:transform .2s,border-color .2s; cursor:pointer; }
.med-card:hover { transform:translateY(-5px); border-color:rgba(233,30,140,.2); }
.med-card-thumb { height:160px; background:linear-gradient(135deg,#2d1040,#1a0a24); position:relative; overflow:hidden; }
.med-card-thumb img { width:100%; height:100%; object-fit:cover; }
.med-card-type { position:absolute; top:10px; left:10px; background:var(--med-pink); color:#fff; font-size:.7rem; font-weight:700; padding:3px 10px; border-radius:50px; text-transform:uppercase; }
.med-card-body { padding:16px; }
.med-card-cat { color:var(--med-pink); font-size:.75rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; margin:0 0 6px; }
.med-card-title { color:#fff; font-size:1rem; font-weight:700; margin:0 0 8px; line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.med-card-excerpt { color:rgba(255,255,255,.55); font-size:.83rem; line-height:1.5; margin:0 0 12px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.med-card-meta { display:flex; align-items:center; gap:8px; color:rgba(255,255,255,.35); font-size:.77rem; flex-wrap:wrap; }
.med-card-author { display:flex; align-items:center; gap:6px; }
.med-card-avatar-sm { width:22px; height:22px; border-radius:50%; background:linear-gradient(135deg,var(--med-pink),#4B1F5F); display:flex; align-items:center; justify-content:center; font-size:.65rem; font-weight:700; color:#fff; flex-shrink:0; }
/* Article Full */
.med-article-full { background:var(--med-card); border:1px solid var(--med-border); border-radius:var(--med-radius); padding:32px; }
.med-article-full h1 { color:#fff; font-size:clamp(1.5rem,3.5vw,2.2rem); margin:0 0 14px; line-height:1.2; }
.med-article-full .med-article-meta { color:rgba(255,255,255,.4); font-size:.85rem; margin:0 0 24px; display:flex; gap:16px; flex-wrap:wrap; }
.med-article-full .med-article-body { color:rgba(255,255,255,.8); font-size:.95rem; line-height:1.7; }
.med-article-full .med-article-body h2 { color:#fff; margin-top:28px; font-size:1.2rem; }
.med-article-full .med-article-body p { margin:0 0 16px; }
.med-back-btn { background:transparent; border:1px solid var(--med-border); color:rgba(255,255,255,.6); padding:9px 18px; border-radius:50px; cursor:pointer; font-size:.85rem; margin-bottom:20px; transition:all .2s; }
.med-back-btn:hover { border-color:var(--med-pink); color:#fff; }
/* Sidebar */
.med-sidebar-widget { background:var(--med-card); border:1px solid var(--med-border); border-radius:var(--med-radius); padding:20px; margin-bottom:20px; }
.med-sidebar-widget h4 { color:#fff; font-size:.95rem; font-weight:700; margin:0 0 14px; }
.med-sidebar-item { display:flex; gap:10px; padding:8px 0; border-bottom:1px solid var(--med-border); cursor:pointer; transition:background .2s; }
.med-sidebar-item:last-child { border-bottom:none; }
.med-sidebar-item:hover .med-si-title { color:var(--med-pink); }
.med-si-thumb { width:48px; height:48px; border-radius:8px; background:linear-gradient(135deg,#2d1040,var(--med-pink)); flex-shrink:0; overflow:hidden; }
.med-si-thumb img { width:100%; height:100%; object-fit:cover; }
.med-si-body { flex:1; }
.med-si-title { color:rgba(255,255,255,.8); font-size:.83rem; line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.med-si-cat { color:var(--med-pink); font-size:.72rem; margin-top:2px; }
/* Tags */
.med-tags { display:flex; flex-wrap:wrap; gap:6px; }
.med-tag { background:rgba(255,255,255,.06); border:1px solid var(--med-border); color:rgba(255,255,255,.6); padding:5px 12px; border-radius:50px; font-size:.78rem; cursor:pointer; transition:all .2s; }
.med-tag:hover { background:rgba(233,30,140,.1); color:#fff; border-color:rgba(233,30,140,.3); }
/* Author Profile */
.med-author-card { background:rgba(233,30,140,.05); border:1px solid rgba(233,30,140,.15); border-radius:var(--med-radius); padding:16px; margin-top:24px; display:flex; gap:14px; align-items:flex-start; }
.med-author-av { width:48px; height:48px; border-radius:50%; background:linear-gradient(135deg,var(--med-pink),#4B1F5F); display:flex; align-items:center; justify-content:center; font-size:1.2rem; font-weight:700; color:#fff; flex-shrink:0; }
.med-author-av img { width:100%; height:100%; border-radius:50%; object-fit:cover; }
.med-author-name { color:#fff; font-size:.95rem; font-weight:700; margin:0 0 2px; }
.med-author-title { color:rgba(255,255,255,.5); font-size:.82rem; margin:0 0 6px; }
.med-author-bio  { color:rgba(255,255,255,.6); font-size:.83rem; line-height:1.4; }
/* Admin publish form */
.med-pub-form { max-width:700px; }
.med-form-group { margin-bottom:16px; }
.med-form-group label { display:block; color:rgba(255,255,255,.7); font-size:.88rem; margin-bottom:6px; }
.med-input,.med-textarea,.med-select { width:100%; background:rgba(255,255,255,.06); border:1px solid var(--med-border); color:#fff; padding:11px 14px; border-radius:10px; font-size:.9rem; outline:none; transition:border .2s; box-sizing:border-box; }
.med-input:focus,.med-textarea:focus,.med-select:focus { border-color:rgba(233,30,140,.4); }
.med-textarea { min-height:120px; resize:vertical; line-height:1.5; }
.med-select { appearance:none; cursor:pointer; }
.med-select option { background:#1a0a24; }
.med-pub-btn { background:linear-gradient(135deg,var(--med-pink),#c2185b); color:#fff; border:none; padding:12px 28px; border-radius:50px; font-size:.95rem; font-weight:700; cursor:pointer; transition:opacity .2s; }
.med-pub-btn:hover { opacity:.85; }
@media(max-width:768px) { .med-layout { padding:20px 16px; } .med-article-full { padding:20px; } }