/* Ed Price Alert - @author Energiedin */
.ed-pricealert-container{width: 33%}
.ed-pricealert-btn{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 5px 12px;
    border-radius: 0;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    color: #000;
    transition: all .2s;
    width: 100%;
    justify-content: center;
    border: 1px solid #DCDCDC;
    background: #F2F2F2;
}
.ed-pricealert-btn:hover{background:#e8e8e8;border-color:#ccc}
.ed-pricealert-btn svg{flex-shrink:0}
.ed-pricealert-btn-subscribed{background:#d4edda;border-color:#c3e6cb;color:#155724;cursor:default}
.ed-pricealert-btn-subscribed:hover{background:#d4edda;border-color:#c3e6cb}
.ed-pricealert-subscribed{text-align:center}
.ed-pricealert-unsubscribe{display:inline-block;margin-top:8px;font-size:12px;color:#666;text-decoration:underline}
.ed-pricealert-unsubscribe:hover{color:#000}
.ed-pricealert-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}
.ed-pricealert-modal.active{display:flex;align-items:center;justify-content:center}
.ed-pricealert-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}
.ed-pricealert-modal-content{position:relative;background:#fff;border-radius:8px;max-width:450px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px rgba(0,0,0,.2);animation:modalSlideIn .3s ease}
@keyframes modalSlideIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}
.ed-pricealert-modal-close{position:absolute;top:15px;right:15px;background:0;border:0;cursor:pointer;padding:5px;color:#666;transition:color .2s}
.ed-pricealert-modal-close:hover{color:#000}
.ed-pricealert-modal-header{text-align:center;padding:30px 30px 20px;border-bottom:1px solid #eee}
.ed-pricealert-modal-header svg{margin-bottom:15px}
.ed-pricealert-modal-header h3{margin:0 0 10px;font-size:20px;font-weight:600;color:#000}
.ed-pricealert-modal-header p{margin:0;color:#666;font-size:14px}
.ed-pricealert-modal-body{padding:25px 30px 30px}
.ed-pricealert-current-price{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f8f9fa;border-radius:0px;margin-bottom:20px}
.ed-pricealert-current-price .label{color:#666;font-size:14px}
.ed-pricealert-current-price .price{font-size:18px;font-weight:700;color:#000}
.ed-pricealert-form .form-group{margin-bottom:20px}
.ed-pricealert-form label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:#000; text-align: left;}
.ed-pricealert-form .form-control{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:0px;font-size:14px;transition:border-color .2s;box-sizing:border-box;background-color: #FFF !important;}
.ed-pricealert-form .form-control:focus{outline:0;border-color:#000}
.ed-pricealert-form .input-group{display:flex}
.ed-pricealert-form .input-group .form-control{border-radius:4px 0 0 4px}
.ed-pricealert-form .input-group-text{display:flex;align-items:center;padding:12px 15px;background:#f5f5f5;border:1px solid #ddd;border-left:0;border-radius:0 4px 4px 0;color:#666}
.ed-pricealert-form .form-text{display:block;margin-top:6px;font-size:12px;color:#888}
.ed-pricealert-logged-info{padding:15px;background:#e7f3ff;border-radius:6px;margin-bottom:20px}
.ed-pricealert-logged-info p{margin:0;color:#0056b3;font-size:14px}
.ed-pricealert-login-required{text-align:center;padding:20px}
.ed-pricealert-login-required p{margin-bottom:15px;color:#666}
.ed-pricealert-actions{display:flex;gap:10px;margin-top:25px}
.ed-pricealert-actions .btn{flex:1;padding:12px 20px;border-radius:0px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:0}
.ed-pricealert-actions .btn-secondary{background:#f5f5f5;color:#000}
.ed-pricealert-actions .btn-secondary:hover{background:#e8e8e8}
.ed-pricealert-actions .btn-primary{background:var(--cs-primary);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px}
.ed-pricealert-actions .btn-primary:hover{background:#222}
.ed-pricealert-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed}
.spinner{animation:rotate 2s linear infinite}
.spinner .path{stroke:#fff;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}
@keyframes rotate{100%{transform:rotate(360deg)}}
@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}
.ed-pricealert-message{padding:15px;border-radius:6px;text-align:center;font-size:14px;margin-top:20px}
.ed-pricealert-message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}
.ed-pricealert-message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}
@media(max-width:480px){.ed-pricealert-modal-content{width:95%;margin:10px}.ed-pricealert-modal-header,.ed-pricealert-modal-body{padding-left:20px;padding-right:20px}.ed-pricealert-actions{flex-direction:column}}