/* =========================
   PTC ADS SPECIFIC STYLES
   ========================= */

/* Értesítő (Toast) stílusa - Faucet designhoz igazítva */
.ptc-mini-toast {
    position: fixed; 
    top: 80px; /* 90px-ről levéve, hogy egy magasságban legyen a faucettel */
    right: 20px; 
    z-index: 9999;
    background: #1e293b; 
    border: 1px solid #10b981; /* 2px-ről 1px-re vékonyítva */
    border-radius: 12px; 
    padding: 15px; 
    min-width: 220px; /* 260px-ről 220px-re szűkítve */
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    animation: slideInRight 0.5s forwards;
    transition: transform 0.5s ease-in;
}

.toast-content { 
    display: flex; 
    align-items: center; 
    gap: 15px; 
}

/* Kép (Ikon) egységes méretének kényszerítése */
.toast-icon {
    width: 28px;
    height: 28px;
    object-fit: contain;
}

.toast-text strong { 
    display: block; 
    color: #fff; 
    font-size: 14px; 
    margin-bottom: 2px;
}

.toast-text p { 
    margin: 0; 
    color: #10b981; 
    font-size: 13px; 
    font-weight: bold; 
}

@keyframes slideInRight {
    from { transform: translateX(150%); }
    to { transform: translateX(0); }
}

/* Amber gomb */
.btn-ptc-amber {
    background: #f59e0b !important; color: #000 !important;
    padding: 12px; border-radius: 10px; font-weight: 700;
    text-align: center; text-decoration: none;
    text-transform: uppercase; font-size: 12px; border: none;
    display: block; /* Fontos a flexbox miatt */
}
.btn-ptc-amber:hover { 
    background: #d97706 !important; 
}


/* Kártya jelvények ikonjai */
.ptc-badge-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px; /* Ez garantálja a fix 6px űrt az ikon és a szám között */
    white-space: nowrap; /* Sosem törik két sorba */
}

.badge-icon {
    width: 16px; 
    height: 16px;
    object-fit: contain;
    /* A margin-right: 6px-et innen törölheted, mert a gap megoldja odafent! */
}