/* Slogan Generator Styles */

.slogan-tagline-display {
    padding: 12px 15px;
    font-size: 0.9em;
    color: #88aacc;
    background: rgba(139, 92, 246, 0.1);
    border-left: 3px solid #8b5cf6;
    border-radius: 0 8px 8px 0;
    margin-bottom: 15px;
}   

/* Optional input wrap for tagline */
.optional-input-wrap {
    margin-bottom: 20px;
}

.optional-input-wrap label {
    display: block;
    margin-bottom: 8px;
    color: #a8c4d8;
    font-size: 0.9em;
}

.optional-input-wrap input {
    width: 100%;
    padding: 12px 15px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    color: #f0f6fc;
    font-size: 1em;
}

.optional-input-wrap input:focus {
    outline: none;
    border-color: rgba(139, 92, 246, 0.5);
    background: rgba(255, 255, 255, 0.08);
}

.optional-input-wrap input::placeholder {
    color: #6b7280;
}

/* Responsive */
@media (max-width: 768px) {
    .slogan-text {
        font-size: 1.2em;
    }
    
    .slogan-icon {
        font-size: 1.5em;
    }
}