/*
Theme Name: Zolutionz
Theme URI: https://zolutionz.com
Author: Zolutionz
Author URI: https://zolutionz.com
Description: A modern WordPress theme for Zolutionz
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zolutionz
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

* {
    @apply antialiased box-border font-Montserrat scroll-smooth;
}

/* Rest of your existing styles will be added here */

/* Newsletter Plugin Custom Styles */
.tnp-form {
    max-width: 600px;
    margin: 0 auto;
}

.tnp-field {
    margin-bottom: 1rem;
}

.tnp-field input[type="email"] {
    width: 100%;
    padding: 1rem 1rem 1rem 3rem;
    background-color: black;
    border: 1px solid var(--primary-800);
    border-radius: 0.5rem;
    color: var(--primary-200);
    font-size: 1rem;
    position: relative;
}

.tnp-field input[type="email"]::placeholder {
    color: var(--primary-200);
}

.tnp-submit {
    width: 100%;
    padding: 0.75rem 1.25rem;
    background-color: var(--primary-800);
    border: 1px solid var(--primary-800);
    border-radius: 0.5rem;
    color: white;
    font-size: 1.125rem;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.tnp-submit:hover {
    background-color: var(--primary-700);
}

.tnp-submit:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

.tnp-field-email {
    position: relative;
}

.tnp-field-email::before {
    content: '';
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url('../images/icons/subscribe.svg');
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
}

.tnp-message {
    text-align: center;
    margin-top: 1rem;
    padding: 0.75rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
}

.tnp-message .text-green-500 {
    color: #10B981;
    background-color: rgba(16, 185, 129, 0.1);
    padding: 0.5rem;
    border-radius: 0.25rem;
}

.tnp-message .text-red-500 {
    color: #EF4444;
    background-color: rgba(239, 68, 68, 0.1);
    padding: 0.5rem;
    border-radius: 0.25rem;
}