/* DIYguru CRM Connector — Frontend Styles */

/* ═══ LEAD CAPTURE FORM ═══ */
.dgcrm-form-wrap{max-width:480px;margin:0 auto;padding:28px;border-radius:12px;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,0.08);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;}
.dgcrm-form-wrap.dark{background:#1B3A5C;color:#fff;}
.dgcrm-form-wrap.dark label{color:#E2E8F0;}
.dgcrm-form-wrap.dark input,.dgcrm-form-wrap.dark select,.dgcrm-form-wrap.dark textarea{background:#234567;border-color:#3A5F8A;color:#fff;}
.dgcrm-form-wrap.dark input::placeholder,.dgcrm-form-wrap.dark textarea::placeholder{color:#8BAAC9;}
.dgcrm-form-title{font-size:22px;font-weight:700;margin:0 0 6px;text-align:center;}
.dgcrm-form-subtitle{font-size:14px;margin:0 0 20px;text-align:center;opacity:0.7;}
.dgcrm-lead-form{display:flex;flex-direction:column;gap:14px;}
.dgcrm-field label{display:block;font-size:13px;font-weight:600;margin-bottom:5px;color:#374151;}
.dgcrm-field .req{color:#EF4444;}
.dgcrm-field input,.dgcrm-field select,.dgcrm-field textarea{width:100%;padding:10px 14px;border:1.5px solid #D1D5DB;border-radius:8px;font-size:14px;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;}
.dgcrm-field input:focus,.dgcrm-field select:focus,.dgcrm-field textarea:focus{border-color:#FF7A59;box-shadow:0 0 0 3px rgba(255,122,89,0.15);}
.dgcrm-submit-btn{width:100%;padding:13px;border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;font-family:inherit;transition:transform .15s,box-shadow .15s;margin-top:4px;}
.dgcrm-submit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,0,0,0.15);}
.dgcrm-submit-btn:active{transform:translateY(0);}
.dgcrm-submit-btn:disabled{opacity:0.6;cursor:not-allowed;transform:none;}
.dgcrm-form-success{text-align:center;padding:30px 20px;}
.dgcrm-form-success .success-icon{font-size:48px;margin-bottom:12px;}
.dgcrm-form-success .success-msg{font-size:16px;color:#059669;font-weight:500;}
.dgcrm-form-error{background:#FEF2F2;border:1px solid #FECACA;color:#991B1B;padding:10px 14px;border-radius:8px;font-size:13px;margin-top:8px;animation:dgcrm-shake .3s ease;}
@keyframes dgcrm-shake{0%,100%{transform:translateX(0);}25%{transform:translateX(-4px);}75%{transform:translateX(4px);}}

/* ═══ WHATSAPP WIDGET ═══ */
#dgcrm-wa-widget{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;}
#dgcrm-wa-bubble{position:fixed;bottom:24px;right:24px;z-index:99998;width:60px;height:60px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px rgba(0,0,0,0.2);transition:transform .2s;}
#dgcrm-wa-bubble:hover{transform:scale(1.1);}
#dgcrm-wa-popup{position:fixed;bottom:96px;right:24px;z-index:99999;width:360px;max-width:calc(100vw - 32px);border-radius:16px;box-shadow:0 12px 48px rgba(0,0,0,0.15);flex-direction:column;overflow:hidden;background:#fff;animation:dgcrm-wa-in .25s ease-out;}
@keyframes dgcrm-wa-in{from{opacity:0;transform:translateY(16px) scale(0.95);}to{opacity:1;transform:translateY(0) scale(1);}}
.dgcrm-wa-header{padding:16px;display:flex;align-items:center;justify-content:space-between;color:#fff;}
.dgcrm-wa-header-info{display:flex;align-items:center;gap:12px;}
.dgcrm-wa-avatar{width:40px;height:40px;background:rgba(255,255,255,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.dgcrm-wa-header-info strong{display:block;font-size:15px;}
.dgcrm-wa-header-info small{font-size:12px;opacity:0.85;}
.dgcrm-wa-close{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;opacity:0.7;padding:4px;}
.dgcrm-wa-close:hover{opacity:1;}
.dgcrm-wa-body{padding:20px;background:#E5DDD5;min-height:100px;}
.dgcrm-wa-msg-bubble{background:#fff;border-radius:0 8px 8px 8px;padding:12px 16px;max-width:85%;font-size:14px;line-height:1.5;box-shadow:0 1px 2px rgba(0,0,0,0.1);}
.dgcrm-wa-msg-bubble p{margin:0 0 6px;}
.dgcrm-wa-msg-bubble p:last-child{margin:0;}
.dgcrm-wa-footer{padding:14px;}
.dgcrm-wa-cta{display:flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:24px;color:#fff;text-decoration:none;font-size:15px;font-weight:600;transition:transform .15s;}
.dgcrm-wa-cta:hover{transform:scale(1.02);color:#fff;}
@media(max-width:480px){#dgcrm-wa-popup{bottom:0;right:0;width:100%;max-width:100%;border-radius:16px 16px 0 0;}}

/* ═══ EVENT REGISTRATION FORMS ═══ */
.dgcrm-event-form-wrap{max-width:560px;margin:0 auto;padding:0;border-radius:16px;background:#fff;box-shadow:0 4px 24px rgba(0,0,0,0.1);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;overflow:hidden;}
.dgcrm-event-form-wrap.dark{background:#1B3A5C;color:#fff;}
.dgcrm-event-header{padding:24px 28px;border-bottom:1px solid #E5E7EB;}
.dgcrm-event-form-wrap.dark .dgcrm-event-header{border-color:#3A5F8A;}
.dgcrm-event-cover{width:100%;height:180px;object-fit:cover;border-radius:8px;margin-bottom:16px;}
.dgcrm-event-header .dgcrm-event-title{font-size:24px;font-weight:700;margin:0 0 16px;line-height:1.3;}
.dgcrm-event-details{display:flex;flex-direction:column;gap:8px;}
.dgcrm-event-detail{font-size:14px;color:#6B7280;display:flex;align-items:center;gap:8px;}
.dgcrm-event-form-wrap.dark .dgcrm-event-detail{color:#A0B4C9;}
.dgcrm-event-description{margin-top:16px;font-size:14px;line-height:1.6;color:#4B5563;}
.dgcrm-event-form-wrap.dark .dgcrm-event-description{color:#C9D5E3;}

.dgcrm-event-reg-form{padding:24px 28px;display:flex;flex-direction:column;gap:16px;}
.dgcrm-waitlist-notice{background:#FEF3C7;border:1px solid #FCD34D;color:#92400E;padding:12px 16px;border-radius:8px;font-size:13px;margin-bottom:8px;}
.dgcrm-field-row{display:flex;gap:16px;}
.dgcrm-field-half{flex:1;}
.dgcrm-event-reg-form .dgcrm-field label{display:block;font-size:13px;font-weight:600;margin-bottom:5px;color:#374151;}
.dgcrm-event-form-wrap.dark .dgcrm-event-reg-form .dgcrm-field label{color:#E2E8F0;}
.dgcrm-event-reg-form .dgcrm-field input{width:100%;padding:11px 14px;border:1.5px solid #D1D5DB;border-radius:8px;font-size:14px;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;}
.dgcrm-event-form-wrap.dark .dgcrm-event-reg-form .dgcrm-field input{background:#234567;border-color:#3A5F8A;color:#fff;}
.dgcrm-event-reg-form .dgcrm-field input:focus{border-color:#FF7A59;box-shadow:0 0 0 3px rgba(255,122,89,0.15);}
.dgcrm-event-full{padding:40px 28px;text-align:center;}
.dgcrm-event-full p{font-size:16px;color:#991B1B;margin:0;}

/* ═══ EVENTS LIST ═══ */
.dgcrm-events-list{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));}
.dgcrm-event-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,0.08);overflow:hidden;transition:transform .2s,box-shadow .2s;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;}
.dgcrm-event-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.12);}
.dgcrm-events-list.dark .dgcrm-event-card{background:#1B3A5C;color:#fff;}
.dgcrm-event-image img{width:100%;height:160px;object-fit:cover;}
.dgcrm-event-content{padding:20px;}
.dgcrm-event-meta{display:flex;gap:12px;margin-bottom:10px;flex-wrap:wrap;}
.dgcrm-event-type{font-size:11px;font-weight:600;text-transform:uppercase;color:#FF7A59;background:rgba(255,122,89,0.1);padding:4px 10px;border-radius:12px;}
.dgcrm-event-date{font-size:12px;color:#6B7280;}
.dgcrm-events-list.dark .dgcrm-event-date{color:#A0B4C9;}
.dgcrm-event-card .dgcrm-event-title{font-size:18px;font-weight:700;margin:0 0 8px;line-height:1.3;}
.dgcrm-event-desc{font-size:13px;color:#6B7280;margin:0 0 12px;line-height:1.5;}
.dgcrm-events-list.dark .dgcrm-event-desc{color:#A0B4C9;}
.dgcrm-event-footer{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#9CA3AF;margin-bottom:14px;}
.dgcrm-event-location,.dgcrm-event-spots{display:flex;align-items:center;gap:4px;}
.dgcrm-event-btn{display:inline-block;padding:10px 20px;border-radius:8px;color:#fff;text-decoration:none;font-size:14px;font-weight:600;text-align:center;transition:transform .15s;}
.dgcrm-event-btn:hover{transform:translateY(-1px);color:#fff;}
.dgcrm-event-btn.disabled{background:#D1D5DB;cursor:not-allowed;transform:none;}

/* ═══ EVENT MODAL ═══ */
.dgcrm-event-form-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;animation:dgcrm-fade-in .2s ease;}
@keyframes dgcrm-fade-in{from{opacity:0;}to{opacity:1;}}
.dgcrm-event-form-modal-content{position:relative;max-height:90vh;overflow-y:auto;animation:dgcrm-slide-up .25s ease-out;}
@keyframes dgcrm-slide-up{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
.dgcrm-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;text-decoration:none;color:#374151;box-shadow:0 2px 8px rgba(0,0,0,0.15);z-index:10;transition:transform .15s;}
.dgcrm-modal-close:hover{transform:scale(1.1);}

@media(max-width:640px){
    .dgcrm-field-row{flex-direction:column;gap:16px;}
    .dgcrm-events-list{grid-template-columns:1fr;}
    .dgcrm-event-form-modal-content{max-height:100vh;border-radius:0;}
}