.almas-honeypot-field {position: absolute; left: -9999px; opacity: 0; z-index: -1; pointer-events: none;}

.almas-footer-subscribe-wrapper { text-align: center; }
.almas-subscribe-card {
    position: relative; height: 168px; width: 240px; padding: 20px;
    background: var(--almas-glass-surface); backdrop-filter: blur(var(--almas-glass-blur)); -webkit-backdrop-filter: blur(var(--almas-glass-blur));
    border: 1px solid rgba(255, 255, 255, 0.25); box-shadow: 0 4px 18px 0 rgba(31, 38, 135, 0.1);
    border-radius: var(--almas-radius-element, 20px); color: #333; direction: rtl !important; font-family: inherit !important; margin: 0 auto;
    will-change: transform, opacity;
}
.almas-subscribe-card:after { position: absolute; content: ""; right: -10px; bottom: 18px; width: 0; height: 0; border-left: 0px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #1a044e; }
.almas-subscribe-card p { text-align: center; font-size: 16px; font-weight: bold; letter-spacing: 1px; line-height: 24px; margin: 0; color: inherit; }
.almas-subscribe-card input {
    position: absolute; bottom: 30px; border: none; border-bottom: 1px solid #d4d4d4 !important;
    padding: 10px; width: 75% !important; left: 50%; transform: translateX(-50%);
    background: transparent; transition: border-color .25s ease, background-color .25s ease, color .25s ease; text-align: right !important; font-family: inherit !important; color: inherit;
}
.almas-subscribe-card .almas-subscribe-name { bottom: 74px; }
.almas-subscribe-card input:focus { outline: none; border-bottom: 1px solid #0d095e !important; }
.almas-subscribe-card .almas-submit-btn {
    position: absolute; border-radius: var(--almas-radius-button, 30px); border-bottom-right-radius: 0; border-top-right-radius: 0;
    background-color: #0f0092; color: #FFF !important; padding: 12px 25px; font-size: 12px; font-weight: bold; letter-spacing: 2px;
    right: -10px; bottom: -20px; cursor: pointer; transition: background-color .25s ease, box-shadow .25s ease, transform .25s ease;
    box-shadow: -5px 6px 20px 0px rgba(26, 26, 26, 0.4); border: none; font-family: inherit !important; display: flex; align-items: center; justify-content: center;
}
@media (hover: hover){
.almas-subscribe-card .almas-submit-btn:hover { background-color: #07013d; box-shadow: -5px 6px 20px 0px rgba(88, 88, 88, 0.569); }
}
.almas-subscribe-card .almas-submit-btn.almas-loading::after {
    content: ""; display: inline-block; width: 12px; height: 12px; border: 2px solid #FFF; border-radius: 50%;
    border-top-color: transparent; animation: almasSpin 1s linear infinite; margin-right: 5px;
}
@keyframes almasSpin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

.almas-subscribe-card-status {
    height: auto; min-height: 100px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 16px 14px;
}
.almas-subscribe-card-status:after { display: none; }
.almas-footer-subscribe-wrapper .almas-subscribe-card:not(.almas-subscribe-card-status) { margin-bottom: 20px; }
.almas-nl-status-box { width: 100%; display: flex; flex-direction: column; align-items: stretch; gap: 5px; margin: 0; }
.almas-nl-user { display: flex; align-items: center; justify-content: center; gap: 8px; min-width: 0; }
.almas-nl-avatar { border-radius: 50%; width: 30px; height: 30px; object-fit: cover; flex-shrink: 0; }
.almas-nl-user-text { display: flex; flex-direction: column; min-width: 0; max-width: 150px; align-items: flex-start; }
.almas-nl-name { display: block; font-size: 12px; font-weight: 700; color: inherit; text-align: right; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.almas-nl-email { display: block; font-size: 10px; font-weight: 500; color: inherit; opacity: 0.7; direction: ltr; text-align: left; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.almas-nl-note { display: block; font-size: 10.5px; font-weight: 500; color: inherit; opacity: 0.75; line-height: 1.6; text-align: center; margin-bottom: 2px; }
.almas-manage-actions .almas-success-msg { font-size: 12px; font-weight: 600; color: inherit; opacity: 0.85; line-height: 1.7; margin: 0 0 4px; }
.almas-manage-actions .almas-manage-error-msg { font-size: 12px; font-weight: 600; color: #ef4444; line-height: 1.7; margin: 0 0 4px; }
body.dark-mode .almas-manage-actions .almas-manage-error-msg { color: #f87171; }
.almas-nl-status-box .almas-action-btn-m { padding: 8px 14px; font-size: 11.5px; }

body.dark-mode .almas-subscribe-card {
    background: var(--almas-glass-surface);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.22);
    color: #f3f4f6;
}

body.dark-mode .almas-subscribe-card input {
    color: #f3f4f6;
    border-bottom-color: rgba(255, 255, 255, 0.3) !important;
}

body.dark-mode .almas-subscribe-card input:focus {
    border-bottom-color: #60a5fa !important;
}

@media (max-width: 1024px) {
    .almas-subscribe-card {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        background: rgba(255, 255, 255, 0.96) !important;
    }
    body.dark-mode .almas-subscribe-card {
        background: rgba(30, 41, 59, 0.96) !important;
    }
}
