/* HB Code Highlighter
   harrasteblogi.site
*/

.hb-code-wrapper{

background:#0f172a;
border-radius:10px;
padding:16px;
margin:22px 0;

position:relative;

font-family:Consolas,Monaco,"Courier New",monospace;

box-shadow:0 4px 14px rgba(0,0,0,0.25);

}

/* code element */

.hb-code{

display:block;

color:#e5e7eb;

font-size:14px;
line-height:1.6;

white-space:pre-wrap;
word-break:break-word;

}

/* copy button */

.hb-copy-btn{

position:absolute;

top:10px;
right:10px;

background:#d6111e;

color:#ffffff;

border:none;

padding:6px 12px;

border-radius:6px;

font-size:12px;

font-weight:600;

cursor:pointer;

transition:background 0.2s ease, transform 0.1s ease;

}

/* hover */

.hb-copy-btn:hover{

background:#b80e19;

}

/* click feedback */

.hb-copy-btn:active{

transform:scale(0.95);

}

/* copied state (optional JS support) */

.hb-copy-btn.copied{

background:#16a34a;

}

/* responsive */

@media (max-width:600px){

.hb-code-wrapper{

padding:14px;

}

.hb-copy-btn{

font-size:11px;
padding:5px 10px;

}

}