/* Boost Newsletter Frontend Styles */

.boost-newsletter-container {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 40px;
}

.boost-newsletter-container h3 {
    text-align: center;
}

.boost-newsletter-container .form-group {
    display: flex;
}

.boost-newsletter-container button {
    height: auto !important;
    min-height: auto;
    margin-left: 10px;
}


/*.boost-newsletter-container {*/
    /*background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);*/
/*    border-radius: 12px;*/
/*    padding: 2rem;*/
/*    margin: 2rem 0;*/
/*    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*}*/

/*.boost-newsletter-container::before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
    /*background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');*/
/*    pointer-events: none;*/
/*}*/

/*.boost-newsletter-form {*/
/*    position: relative;*/
/*    z-index: 1;*/
/*}*/

/*.boost-newsletter-form h3 {*/
/*    color: white;*/
/*    text-align: center;*/
/*    margin-bottom: 1.5rem;*/
/*    font-size: 1.5rem;*/
/*    font-weight: 600;*/
/*    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);*/
/*}*/

/*.boost-newsletter-form .form-group {*/
/*    display: flex;*/
/*    gap: 0.5rem;*/
/*    max-width: 400px;*/
/*    margin: 0 auto;*/
/*}*/

/*.boost-newsletter-form input[type="email"] {*/
/*    flex: 1;*/
/*    padding: 0.75rem 1rem;*/
/*    border: none;*/
/*    border-radius: 8px;*/
/*    font-size: 1rem;*/
/*    background: rgba(255, 255, 255, 0.9);*/
/*    backdrop-filter: blur(10px);*/
/*    transition: all 0.3s ease;*/
/*    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);*/
/*}*/

/*.boost-newsletter-form input[type="email"]:focus {*/
/*    outline: none;*/
/*    background: white;*/
/*    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);*/
/*    transform: translateY(-2px);*/
/*}*/

/*.boost-newsletter-form button {*/
/*    padding: 0.75rem 1.5rem;*/
/*    background: #ff6b6b;*/
/*    color: white;*/
/*    border: none;*/
/*    border-radius: 8px;*/
/*    font-size: 1rem;*/
/*    font-weight: 600;*/
/*    cursor: pointer;*/
/*    transition: all 0.3s ease;*/
/*    box-shadow: 0 4px 12px rgba(255, 107, 107, 0.3);*/
/*}*/

/*.boost-newsletter-form button:hover {*/
/*    background: #ff5252;*/
/*    transform: translateY(-2px);*/
/*    box-shadow: 0 6px 20px rgba(255, 107, 107, 0.4);*/
/*}*/

/*.boost-newsletter-form button:active {*/
/*    transform: translateY(0);*/
/*}*/

/*.boost-newsletter-form button:disabled {*/
/*    opacity: 0.6;*/
/*    cursor: not-allowed;*/
/*    transform: none;*/
/*}*/

/*.boost-newsletter-message {*/
/*    text-align: center;*/
/*    margin-top: 1rem;*/
/*    padding: 0.5rem;*/
/*    border-radius: 6px;*/
/*    font-weight: 500;*/
/*    opacity: 0;*/
/*    transform: translateY(10px);*/
/*    transition: all 0.3s ease;*/
/*}*/

/*.boost-newsletter-message.show {*/
/*    opacity: 1;*/
/*    transform: translateY(0);*/
/*}*/

/*.boost-newsletter-message.success {*/
/*    background: rgba(76, 175, 80, 0.2);*/
/*    color: #4caf50;*/
/*    border: 1px solid rgba(76, 175, 80, 0.3);*/
/*}*/

/*.boost-newsletter-message.error {*/
/*    background: rgba(244, 67, 54, 0.2);*/
/*    color: #f44336;*/
/*    border: 1px solid rgba(244, 67, 54, 0.3);*/
/*}*/

/* Loading animation */
/*.boost-newsletter-form button.loading {*/
/*    position: relative;*/
/*    color: transparent;*/
/*}*/

/*.boost-newsletter-form button.loading::after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    width: 20px;*/
/*    height: 20px;*/
/*    margin: -10px 0 0 -10px;*/
/*    border: 2px solid transparent;*/
/*    border-top: 2px solid white;*/
/*    border-radius: 50%;*/
/*    animation: spin 1s linear infinite;*/
/*}*/

/*@keyframes spin {*/
/*    0% { transform: rotate(0deg); }*/
/*    100% { transform: rotate(360deg); }*/
/*}*/

/* Mobile responsiveness */
/*@media (max-width: 768px) {*/
/*    .boost-newsletter-container {*/
/*        padding: 1.5rem;*/
/*        margin: 1.5rem 0;*/
/*        border-radius: 8px;*/
/*    }*/
    
/*    .boost-newsletter-form h3 {*/
/*        font-size: 1.25rem;*/
/*        margin-bottom: 1rem;*/
/*    }*/
    
/*    .boost-newsletter-form .form-group {*/
/*        flex-direction: column;*/
/*        gap: 0.75rem;*/
/*    }*/
    
/*    .boost-newsletter-form input[type="email"],*/
/*    .boost-newsletter-form button {*/
/*        width: 100%;*/
/*        padding: 1rem;*/
/*        font-size: 1rem;*/
/*    }*/
/*}*/

/*@media (max-width: 480px) {*/
/*    .boost-newsletter-container {*/
/*        padding: 1rem;*/
/*        margin: 1rem 0;*/
/*    }*/
    
/*    .boost-newsletter-form h3 {*/
/*        font-size: 1.125rem;*/
/*    }*/
/*}*/

/* Dark mode support */
/*@media (prefers-color-scheme: dark) {*/
/*    .boost-newsletter-container {*/
        /*background: linear-gradient(135deg, #2d3748 0%, #4a5568 100%);*/
/*    }*/
    
/*    .boost-newsletter-form input[type="email"] {*/
/*        background: rgba(255, 255, 255, 0.1);*/
/*        color: white;*/
/*    }*/
    
/*    .boost-newsletter-form input[type="email"]::placeholder {*/
/*        color: rgba(255, 255, 255, 0.7);*/
/*    }*/
    
/*    .boost-newsletter-form input[type="email"]:focus {*/
/*        background: rgba(255, 255, 255, 0.15);*/
/*    }*/
/*}*/

/* High contrast mode */
/*@media (prefers-contrast: high) {*/
/*    .boost-newsletter-container {*/
/*        background: #000;*/
/*        border: 2px solid #fff;*/
/*    }*/
    
/*    .boost-newsletter-form h3 {*/
/*        color: #fff;*/
/*    }*/
    
/*    .boost-newsletter-form input[type="email"] {*/
/*        background: #fff;*/
/*        color: #000;*/
/*        border: 2px solid #000;*/
/*    }*/
    
/*    .boost-newsletter-form button {*/
/*        background: #fff;*/
/*        color: #000;*/
/*        border: 2px solid #000;*/
/*    }*/
/*}*/