/* Newsletter Widget Styles */

.yoowan-newsletter {
    padding: 60px 20px;
    text-align: center;
    background-color: #000000;
}

/* 强制设置，确保前台生效 */
body .yoowan-newsletter,
.elementor-widget-yoowan-newsletter .yoowan-newsletter {
    background-color: #000000;
}

.yoowan-newsletter-title {
    font-size: 32px;
    font-weight: 600;
    color: #ffffff;
    margin: 0 0 40px 0;
    text-align: center;
}

.yoowan-newsletter-form {
    max-width: 600px;
    margin: 0 auto;
}

.yoowan-newsletter-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    background-color: #000000;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
}

.yoowan-newsletter-input {
    flex: 1;
    padding: 16px 20px;
    background-color: transparent;
    border: none;
    color: #ffffff;
    font-size: 16px;
    outline: none;
}

.yoowan-newsletter-input::placeholder {
    color: #ffffff;
    opacity: 1;
}

.yoowan-newsletter-input::-webkit-input-placeholder {
    color: #ffffff;
    opacity: 1;
}

.yoowan-newsletter-input::-moz-placeholder {
    color: #ffffff;
    opacity: 1;
}

.yoowan-newsletter-input:-ms-input-placeholder {
    color: #ffffff;
    opacity: 1;
}

.yoowan-newsletter-submit {
    padding: 16px 20px;
    min-width: 60px;
    background-color: transparent !important;
    border: none !important;
    color: #ffffff !important;
    font-size: 20px;
    cursor: pointer;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: opacity 0.3s ease;
    position: relative;
}

.yoowan-newsletter-submit:hover {
    opacity: 0.8;
}

/* 强制按钮图标为白色 - 提高优先级 */
.yoowan-newsletter .yoowan-newsletter-submit svg,
.yoowan-newsletter .yoowan-newsletter-submit i,
.yoowan-newsletter-submit svg,
.yoowan-newsletter-submit i {
    width: 20px !important;
    height: 20px !important;
    display: block !important;
    margin: auto !important;
    fill: #ffffff !important;
    color: #ffffff !important;
}

/* 确保图标绝对居中 */
.yoowan-newsletter-submit > * {
    margin: auto !important;
}

/* 强制SVG路径为白色 */
.yoowan-newsletter .yoowan-newsletter-submit svg path,
.yoowan-newsletter-submit svg path,
.yoowan-newsletter-submit svg * {
    fill: #ffffff !important;
}

/* Font Awesome 图标强制白色 */
.yoowan-newsletter .yoowan-newsletter-submit i,
.yoowan-newsletter-submit i {
    color: #ffffff !important;
}

/* 额外保险 - 覆盖可能的主题样式 */
.yoowan-newsletter-form button[type="submit"] svg,
.yoowan-newsletter-form button[type="submit"] svg path {
    fill: #ffffff !important;
}

.yoowan-newsletter-form button[type="submit"] i {
    color: #ffffff !important;
}

/* 最高优先级 - 前台强制生效 */
body .elementor-widget-yoowan-newsletter .yoowan-newsletter-submit,
body .yoowan-newsletter .yoowan-newsletter-submit,
html body .yoowan-newsletter-submit {
    color: #ffffff !important;
    background-color: transparent !important;
}

body .elementor-widget-yoowan-newsletter .yoowan-newsletter-submit svg,
body .elementor-widget-yoowan-newsletter .yoowan-newsletter-submit svg path,
body .elementor-widget-yoowan-newsletter .yoowan-newsletter-submit svg *,
body .yoowan-newsletter .yoowan-newsletter-submit svg,
body .yoowan-newsletter .yoowan-newsletter-submit svg path,
body .yoowan-newsletter .yoowan-newsletter-submit svg *,
html body .yoowan-newsletter-submit svg,
html body .yoowan-newsletter-submit svg path {
    fill: #ffffff !important;
}

body .elementor-widget-yoowan-newsletter .yoowan-newsletter-submit i,
body .yoowan-newsletter .yoowan-newsletter-submit i,
html body .yoowan-newsletter-submit i {
    color: #ffffff !important;
}

/* 专门针对我们添加的icon class - 最高优先级 */
.yoowan-newsletter-icon,
.yoowan-newsletter-submit .yoowan-newsletter-icon,
body .yoowan-newsletter-submit .yoowan-newsletter-icon,
html body .yoowan-newsletter-submit .yoowan-newsletter-icon {
    color: #ffffff !important;
    fill: #ffffff !important;
}

.yoowan-newsletter-icon svg,
.yoowan-newsletter-submit .yoowan-newsletter-icon svg,
body .yoowan-newsletter-submit .yoowan-newsletter-icon svg,
html body .yoowan-newsletter-submit .yoowan-newsletter-icon svg {
    fill: #ffffff !important;
    color: #ffffff !important;
}

.yoowan-newsletter-icon svg path,
.yoowan-newsletter-submit .yoowan-newsletter-icon svg path,
body .yoowan-newsletter-submit .yoowan-newsletter-icon svg path,
html body .yoowan-newsletter-submit .yoowan-newsletter-icon svg path,
.yoowan-newsletter-icon svg *,
.yoowan-newsletter-submit .yoowan-newsletter-icon svg * {
    fill: #ffffff !important;
}

/* 覆盖Elementor Icons Manager的默认样式 */
.yoowan-newsletter-submit .elementor-icon,
.yoowan-newsletter-submit .elementor-icon svg,
.yoowan-newsletter-submit .elementor-icon svg path,
body .yoowan-newsletter-submit .elementor-icon,
body .yoowan-newsletter-submit .elementor-icon svg,
body .yoowan-newsletter-submit .elementor-icon svg path {
    fill: #ffffff !important;
    color: #ffffff !important;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .yoowan-newsletter {
        padding: 40px 15px;
    }
    
    .yoowan-newsletter-title {
        font-size: 24px;
        margin-bottom: 30px;
    }
    
    .yoowan-newsletter-input {
        padding: 14px 16px;
        font-size: 14px;
    }
    
    .yoowan-newsletter-submit {
        min-width: 55px;
        font-size: 18px;
    }
    
    .yoowan-newsletter-submit svg,
    .yoowan-newsletter-submit i {
        width: 18px;
        height: 18px;
    }
}

@media (max-width: 480px) {
    .yoowan-newsletter-title {
        font-size: 20px;
        margin-bottom: 20px;
    }
    
    .yoowan-newsletter-input {
        padding: 12px 14px;
    }
    
    .yoowan-newsletter-submit {
        min-width: 50px;
    }
    
    .yoowan-newsletter-submit svg,
    .yoowan-newsletter-submit i {
        width: 16px;
        height: 16px;
    }
}