/* Rethoria-style Characters page patch (Arkhan)
   Drop-in: /templates/arkhan/css/rethoria_patch.css
   This file is intentionally self-contained and uses strong selectors
   to avoid being broken by other template CSS.
*/

/* ---------- Layout wrapper ---------- */
.reth-charpage{max-width:1200px;margin:0 auto;padding:26px 18px 34px;}

.reth-section-title{display:flex;align-items:center;gap:10px;letter-spacing:.18em;text-transform:uppercase;font-size:12px;color:#d9d0c2;margin:0 0 10px;}
.reth-section-title .dot{width:8px;height:8px;border-radius:50%;background:#35ff83;box-shadow:0 0 10px rgba(53,255,131,.35);}

.reth-card{background:rgba(8,10,12,.55);border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.35);backdrop-filter:blur(6px);}
.reth-card.pad{padding:18px;}

/* ---------- Search row ---------- */
.reth-topsearch{display:flex;gap:16px;align-items:center;margin-bottom:18px;}
.reth-topsearch input[type="text"]{flex:1;min-width:280px;height:48px;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.30);padding:0 16px;color:#eee;outline:none;}
.reth-topsearch .btn-search{height:48px;padding:0 26px;border-radius:14px;border:0;background:linear-gradient(180deg,#ffb44a,#e78f10);color:#14110a;font-weight:800;letter-spacing:.16em;text-transform:uppercase;}

/* ---------- Main grid ---------- */
.reth-chargrid{display:grid;grid-template-columns:460px 1fr;gap:20px;align-items:start;}
@media (max-width: 1024px){.reth-chargrid{grid-template-columns:1fr;}}

.reth-leftcol{display:flex;flex-direction:column;gap:18px;}
.reth-rightcol{display:flex;flex-direction:column;gap:18px;}

/* ---------- Avatar card ---------- */
.reth-avatarcard{display:flex;gap:18px;align-items:center;min-height:220px;}
.reth-avatarbox{width:280px;height:220px;border-radius:18px;border:1px solid rgba(255,255,255,.10);
  background:radial-gradient(120% 120% at 30% 20%, rgba(255,255,255,.08), rgba(0,0,0,.35));
  display:flex;align-items:center;justify-content:center;overflow:hidden;}

/* outfit image (external animoutfit.php) */
.reth-avatarbox img{display:block;max-width:210px;max-height:190px;image-rendering:pixelated;image-rendering:crisp-edges;}

.reth-avatar-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px;}

.reth-name-row{display:flex;align-items:center;gap:10px;min-width:0;}
.reth-flag{width:18px;height:12px;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.12) inset;flex:0 0 auto;}

/* prevent the "one letter per line" bug */
.reth-charname{font-size:34px;line-height:1.05;font-weight:900;color:#ffffff;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  word-break:normal !important;overflow-wrap:normal !important;min-width:0;}

.reth-status-pill{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;
  font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-size:11px;border:1px solid rgba(255,255,255,.12);} 
.reth-status-pill.online{color:#2cff6d;background:rgba(44,255,109,.10);}
.reth-status-pill.offline{color:#ff4a4a;background:rgba(255,74,74,.10);}

.reth-subline{display:flex;gap:12px;align-items:center;color:#cfc7ba;font-size:13px;}
.reth-subline .voc{opacity:.95;}
.reth-subline .lvl{opacity:.95;}

/* Badge buttons (Admin/GM/Promotion/Guild etc) */
.reth-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px;}
.reth-badge{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.25);position:relative;}
.reth-badge img{width:22px;height:22px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.45));}

/* tooltip */
.reth-badge[data-tip]::after{content:attr(data-tip);position:absolute;left:50%;transform:translateX(-50%);bottom:calc(100% + 10px);
  white-space:nowrap;background:rgba(0,0,0,.85);border:1px solid rgba(255,255,255,.16);color:#eee;
  padding:8px 10px;border-radius:10px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .12s ease;}
.reth-badge[data-tip]::before{content:"";position:absolute;left:50%;transform:translateX(-50%);
  bottom:calc(100% + 4px);border:6px solid transparent;border-top-color:rgba(0,0,0,.85);opacity:0;transition:opacity .12s ease;}
.reth-badge:hover::after,.reth-badge:hover::before{opacity:1;}

/* ---------- General info grid ---------- */
.reth-infocard .title{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-size:12px;color:#d9d0c2;margin-bottom:10px;}
.reth-infogrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
@media (max-width: 700px){.reth-infogrid{grid-template-columns:1fr;}}

.reth-infoitem{border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.18);border-radius:12px;padding:12px 12px;display:flex;justify-content:space-between;gap:12px;}
.reth-infoitem .k{color:#8e8a82;text-transform:uppercase;font-size:11px;letter-spacing:.16em;}
.reth-infoitem .v{color:#fff;font-weight:800;}

/* ---------- STATUS (bars) ---------- */
.reth-statuscard .title{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-size:12px;color:#d9d0c2;margin-bottom:10px;}

.reth-statline{display:grid;grid-template-columns:18px 1fr 90px;align-items:center;gap:10px;margin:8px 0;}
.reth-statline .ico{font-size:14px;opacity:.9;}
.reth-statline .val{justify-self:end;color:#f2efe8;font-weight:800;}

.reth-bar{height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;border:1px solid rgba(255,255,255,.10);} 
.reth-bar > span{display:block;height:100%;border-radius:999px;min-width:0;width:0;}
.reth-bar.hp > span{background:linear-gradient(90deg,#ff4a4a,#ff8c8c);} 
.reth-bar.mp > span{background:linear-gradient(90deg,#3c7dff,#7bb0ff);} 
.reth-bar.exp > span{background:linear-gradient(90deg,#ffb44a,#e78f10);} 

.reth-statusfooter{margin-top:10px;color:#cfc7ba;font-size:13px;display:flex;gap:14px;flex-wrap:wrap;}
.reth-statusfooter b{color:#fff;}

/* ---------- Skills ---------- */
.reth-skillcard .title{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-size:12px;color:#d9d0c2;margin-bottom:10px;}
.reth-skill{margin:10px 0;}
.reth-skill .row{display:flex;justify-content:space-between;align-items:center;color:#cfc7ba;font-size:12px;letter-spacing:.14em;text-transform:uppercase;}
.reth-skill .row .v{color:#fff;font-weight:800;letter-spacing:0;}
.reth-skill .bar{margin-top:8px;height:8px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;border:1px solid rgba(255,255,255,.10);} 
.reth-skill .bar > span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ffb44a,#e78f10);width:0;}

/* ---------- Active Tasks ---------- */
.reth-taskcard .title{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-size:12px;color:#d9d0c2;margin-bottom:10px;}
.reth-taskhead{display:flex;justify-content:space-between;gap:10px;color:#cfc7ba;font-size:12px;margin-bottom:10px;}
.reth-task{border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.18);border-radius:14px;padding:12px 12px;margin:10px 0;}
.reth-task .name{font-weight:900;color:#fff;margin-bottom:4px;}
.reth-task .meta{color:#cfc7ba;font-size:12px;}
.reth-task .prog{margin-top:10px;height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;border:1px solid rgba(255,255,255,.10);} 
.reth-task .prog > span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ffb44a,#e78f10);width:0;}

/* ---------- Safety overrides for hostile global CSS ---------- */
.reth-charpage *{box-sizing:border-box;}
.reth-charpage img{max-width:100%;}

/* ---------- Compatibility with existing Twig class names ---------- */

/* Cards + titles */
.reth-card{background:rgba(8,10,12,.55);border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.35);backdrop-filter:blur(6px);} 
.reth-card-title{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-size:12px;color:#d9d0c2;margin:0 0 12px;}
.reth-card-title .reth-ic{opacity:.9;}

/* Avatar */
.reth-avatar{width:280px;height:220px;border-radius:18px;border:1px solid rgba(255,255,255,.10);
  background:radial-gradient(120% 120% at 30% 20%, rgba(255,255,255,.08), rgba(0,0,0,.35));
  display:flex;align-items:center;justify-content:center;overflow:hidden;}
.reth-avatar img{display:block;max-width:210px;max-height:190px;image-rendering:pixelated;image-rendering:crisp-edges;}

.reth-avatar-name{display:flex;align-items:center;gap:10px;min-width:0;}
.reth-avatar-name .reth-charname{font-size:34px;line-height:1.05;font-weight:900;color:#fff;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  word-break:normal !important;overflow-wrap:normal !important;min-width:0;}

.reth-online{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;
  font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-size:11px;border:1px solid rgba(255,255,255,.12);} 
.reth-online.is-online{color:#2cff6d;background:rgba(44,255,109,.10);} 
.reth-online.is-offline{color:#ff4a4a;background:rgba(255,74,74,.10);} 

.reth-avatar-sub{display:flex;gap:12px;align-items:center;color:#cfc7ba;font-size:13px;}
.reth-dot{opacity:.7;}

/* Badges (existing HTML uses internal tip div) */
.reth-badge{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.25);position:relative;}
.reth-badge-ico{font-size:18px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.45));}
.reth-badge-tip{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(100% + 10px);
  white-space:nowrap;background:rgba(0,0,0,.85);border:1px solid rgba(255,255,255,.16);color:#eee;
  padding:8px 10px;border-radius:10px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .12s ease;}
.reth-badge-tip .t1{font-weight:900;letter-spacing:.06em;}
.reth-badge-tip .t2{opacity:.85;margin-top:2px;}
.reth-badge:hover .reth-badge-tip{opacity:1;}

/* Status bars (existing markup) */
.reth-bars{display:flex;flex-direction:column;gap:10px;}
.reth-barrow{display:grid;grid-template-columns:18px 1fr 95px;align-items:center;gap:10px;}
.reth-bar-ic{opacity:.9;}
.reth-bar-val{justify-self:end;color:#f2efe8;font-weight:800;font-size:12px;}
.reth-bar{height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;border:1px solid rgba(255,255,255,.10);} 
.reth-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#ff4a4a,#ff8c8c);}
.reth-bar-fill-mana{background:linear-gradient(90deg,#3c7dff,#7bb0ff);} 
.reth-bar-fill-exp{background:linear-gradient(90deg,#ffb44a,#e78f10);} 

.reth-status-footer{margin-top:10px;color:#cfc7ba;font-size:13px;display:flex;gap:14px;flex-wrap:wrap;}
.reth-status-footer b{color:#fff;}

/* Active tasks (existing markup) */
.reth-task .prog{height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;border:1px solid rgba(255,255,255,.10);} 
.reth-task .prog > span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ffb44a,#e78f10);} 

/* ------------------------------
   Server Info (SERVER INFORMATION)
   ------------------------------ */
.si-wrap{max-width:1080px;margin:0 auto;padding:8px 4px 18px;}
.si-head{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.25);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.35);}
.si-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.15);}
.si-title{font-weight:900;letter-spacing:.12em;color:#efe7db;font-size:13px;}

.si-grid{display:grid;gap:14px;margin-top:14px;}
.si-grid-2{grid-template-columns:1fr 1fr;}
.si-grid-3{grid-template-columns:1fr 1fr 1fr;}

.si-card{border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.28);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.35);overflow:hidden;}
.si-card-wide{margin-top:14px;}
.si-card-h{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(0,0,0,0));}
.si-card-h h3{margin:0;font-size:13px;letter-spacing:.08em;font-weight:900;color:#efe7db;}
.si-ico{opacity:.9}
.si-card-b{padding:12px 14px;}

.si-kv{display:flex;flex-direction:column;gap:10px;}
.si-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.02);}
.si-row span{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#cfc7ba;}
.si-row b{font-size:13px;color:#f3efe8;}

.si-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;}
.si-table th,.si-table td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08);}
.si-table th{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#cfc7ba;text-align:left;}
.si-table td{color:#efe7db;}
.si-table tr:last-child td{border-bottom:none;}
.si-table b{color:#f3efe8;}
.si-table-compact th,.si-table-compact td{padding:9px 10px;}

.si-stage{border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.02);overflow:hidden;}
.si-stage-title{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08);font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:900;color:#efe7db;}

.si-cmds{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.si-cmds li{padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.02);display:flex;gap:8px;flex-wrap:wrap;}
.si-cmd{color:#22c55e;font-weight:900;}
.si-dash{opacity:.55;}
.si-cmd-desc{color:#efe7db;opacity:.92;}

.si-empty{padding:10px 12px;border:1px dashed rgba(255,255,255,.18);border-radius:10px;color:#cfc7ba;background:rgba(255,255,255,.02);}
.si-mt{margin-top:14px;}
.si-table-scroll{overflow:auto;border-radius:10px;}

@media (max-width: 980px){
  .si-grid-2{grid-template-columns:1fr;}
  .si-grid-3{grid-template-columns:1fr;}
}

/* =========================
   Donate / Premium Points
   ========================= */

.donate-wrap{max-width:980px;margin:0 auto;padding:10px 10px 20px;}

.donate-title{display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.35);padding:12px 14px;border-radius:10px;box-shadow:0 0 0 1px rgba(0,0,0,.35) inset;}
.donate-dot{width:8px;height:8px;border-radius:50%;background:#39ff9a;box-shadow:0 0 10px rgba(57,255,154,.4);flex:0 0 auto;}
.donate-h{letter-spacing:.08em;font-weight:700;font-size:12px;text-transform:uppercase;opacity:.95;}

.donate-sub{margin:12px 0 18px;text-align:center;padding:14px;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.25);font-size:11px;letter-spacing:.06em;text-transform:uppercase;opacity:.75;}

.donate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
@media (max-width: 980px){.donate-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width: 640px){.donate-grid{grid-template-columns:1fr;}}

.donate-card{position:relative;border-radius:14px;padding:18px 18px 16px;border:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.35);box-shadow:0 8px 20px rgba(0,0,0,.45);overflow:hidden;}
.donate-card:before{content:"";position:absolute;inset:0;background:radial-gradient(600px 180px at 50% 0%, rgba(255,255,255,.08), transparent 60%);pointer-events:none;}

.donate-badge{position:absolute;top:12px;right:12px;background:#ff2b78;color:#fff;font-weight:800;font-size:10px;padding:6px 10px;border-radius:6px;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 6px 16px rgba(0,0,0,.35);}

.donate-icon{display:flex;justify-content:center;margin-top:6px;margin-bottom:10px;}
.donate-i{font-size:28px;filter:drop-shadow(0 6px 18px rgba(0,0,0,.5));opacity:.9;}

.donate-points{text-align:center;font-size:28px;font-weight:800;letter-spacing:.02em;}
.donate-label{text-align:center;margin-top:2px;font-size:11px;font-weight:800;letter-spacing:.12em;color:#30ff9a;text-transform:uppercase;}
.donate-price{text-align:center;margin-top:10px;font-size:16px;opacity:.75;}

.donate-sep{height:1px;margin:14px 0;background:rgba(255,255,255,.08);}

.donate-coupon{width:100%;box-sizing:border-box;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.10);color:rgba(255,255,255,.9);border-radius:6px;padding:10px;outline:none;font-size:12px;}
.donate-coupon::placeholder{opacity:.55;}

.donate-btn{width:100%;margin-top:10px;padding:11px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.06));color:rgba(255,255,255,.85);font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;}
.donate-btn:hover{filter:brightness(1.08);} 
.donate-btn:active{transform:translateY(1px);} 


/* =============================
   DONATE / BUY PREMIUM POINTS
   ============================= */
.donate-wrap{padding:18px 18px 24px;}
.donate-title{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.donate-dot{width:8px;height:8px;border-radius:50%;background:#23ff86;box-shadow:0 0 0 3px rgba(35,255,134,.12),0 0 18px rgba(35,255,134,.22);} 
.donate-h{font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.86);font-size:13px;}
.donate-sub{margin:0 0 18px;color:rgba(255,255,255,.60);font-size:12px;letter-spacing:.04em;text-transform:uppercase;}

.donate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
@media (max-width:1100px){.donate-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:720px){.donate-grid{grid-template-columns:1fr;}}

.donate-card{position:relative;min-height:320px;border-radius:12px;padding:18px 18px 16px;text-align:center;background:linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.20));border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 42px rgba(0,0,0,.45);}
.donate-card:before{content:"";position:absolute;inset:0;border-radius:12px;pointer-events:none;background:radial-gradient(600px 220px at 50% 0%, rgba(255,255,255,.06), transparent 60%);} 

.donate-badge{position:absolute;top:12px;right:12px;padding:6px 10px;border-radius:6px;font-weight:900;font-size:11px;letter-spacing:.09em;text-transform:uppercase;background:#ff2d6e;color:#fff;box-shadow:0 10px 22px rgba(255,45,110,.20);} 

.donate-icon{display:flex;justify-content:center;align-items:center;margin:10px 0 12px;}
.donate-i{font-size:26px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.55));}

.donate-points{font-size:32px;font-weight:900;letter-spacing:.02em;color:rgba(255,255,255,.92);margin-top:4px;}
.donate-label{margin-top:3px;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#23ff86;}
.donate-price{margin-top:10px;font-size:16px;font-weight:800;color:rgba(255,255,255,.55);} 

.donate-sep{height:1px;background:rgba(255,255,255,.08);margin:16px 0 14px;}

.donate-coupon{width:100%;box-sizing:border-box;padding:10px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.25);color:rgba(255,255,255,.80);outline:none;font-size:12px;}
.donate-coupon::placeholder{color:rgba(255,255,255,.40);} 
.donate-coupon:focus{border-color:rgba(35,255,134,.40);box-shadow:0 0 0 3px rgba(35,255,134,.12);} 

.donate-btn{width:100%;margin-top:10px;padding:12px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.06));color:rgba(255,255,255,.85);font-weight:900;font-size:12px;letter-spacing:.10em;text-transform:uppercase;cursor:pointer;}
.donate-btn:hover{filter:brightness(1.10);} 
.donate-btn:active{transform:translateY(1px);} 

/* Force MyAAC legacy list styles not to break the grid */
.donate-wrap ul,.donate-wrap li{list-style:none;margin:0;padding:0;}



/* PIX page */
.donate-shell{padding:18px}
.donate-title{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.donate-dot{width:8px;height:8px;border-radius:50%;background:#20ff87;box-shadow:0 0 10px rgba(32,255,135,.6)}
.donate-subtitle{margin:10px 0 16px;color:rgba(255,255,255,.75)}

.pix-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}
@media(max-width:980px){.pix-grid{grid-template-columns:1fr}}

.pix-card{
  background:rgba(0,0,0,.55);
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  padding:16px;
  box-shadow:0 12px 30px rgba(0,0,0,.35);
}

.pix-h{margin-bottom:12px}
.pix-h1{font-weight:800}
.pix-h2{color:rgba(255,255,255,.75);margin-top:4px}

.pix-packages{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 14px}
.pix-chip{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 12px;border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  color:#fff;text-decoration:none;font-weight:700;
}
.pix-chip.active{border-color:rgba(255,184,0,.55);box-shadow:0 0 0 2px rgba(255,184,0,.15) inset}

.pix-label{font-size:12px;opacity:.85;margin-bottom:8px;text-transform:uppercase;letter-spacing:.06em}
.pix-payload{
  width:100%;min-height:110px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.35);
  color:#fff;padding:12px;outline:none;resize:none;
}

.pix-actions{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-top:12px}
.pix-btn{
  padding:10px 14px;border-radius:12px;
  background:linear-gradient(180deg,#ffb400,#ff8a00);
  border:none;color:#1a1200;font-weight:900;cursor:pointer;
}
.pix-meta{font-size:12px;opacity:.9;text-align:right}
.pix-note{margin-top:12px;color:rgba(255,255,255,.75);font-size:13px;line-height:1.35}

.pix-qr{
  display:flex;justify-content:center;align-items:center;
  padding:14px;border-radius:14px;
  background:rgba(255,255,255,.04);
  border:1px dashed rgba(255,255,255,.14);
  min-height:260px;
}
.pix-qr img{border-radius:12px}


/* FIX botões donate (PIX/Stripe) */
.donate-card .donate-btn{
  display:block !important;
  width:100% !important;
  padding:13px 14px !important;
  border-radius:10px !important;
  margin-top:10px !important;
  font-size:12px !important;
}

.donate-card .donate-coupon{
  margin-bottom:10px;
}

.donate-card .donate-btn + .donate-btn{
  margin-top:10px !important;
}