/* TNT Dividers Styles */

.tnt-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    margin: 3rem 0;
    width: 100%;
    opacity: 0.8;
}

.tnt-divider-line {
    height: 1px;
    flex: 1;
    background: linear-gradient(90deg, transparent, var(--tnt-gold), transparent);
}

.tnt-divider-icon {
    color: var(--tnt-gold);
    display: flex;
    align-items: center;
    justify-content: center;
    filter: drop-shadow(0 0 5px rgba(197, 160, 89, 0.4));
}

/* Specific Tweak for Simple Line */
.tnt-divider-simple {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(197, 160, 89, 0.5), transparent);
    margin: 2rem 0;
}

/* Icon Sizing overrides */
.tnt-divider i {
    font-size: 1.5rem; /* Mana font size */
    width: 1.5rem;    /* Lucide icon size */
    height: 1.5rem;
    display: inline-block; /* Ensure font icons behave like blocks for alignment */
    line-height: 1;
}

/* Specific Mana Font Adjustments */
.tnt-divider .ms {
    font-family: 'Mana', sans-serif !important; /* Ensure Mana font is used */
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    text-decoration: none;
    font-size: 1.5rem; /* Match size */
}

/* Animation (Optional Pulse) */
.tnt-divider-icon {
    animation: pulseGold 3s infinite ease-in-out;
}

@keyframes pulseGold {
    0% { opacity: 0.7; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.1); }
    100% { opacity: 0.7; transform: scale(1); }
}