/* Shuk Baldi Account System - v1.1.0 */

/* ===== OVERLAY ===== */
#shuk-baldi-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: rgba(0,0,0,0.55) !important;
  z-index: 999999 !important;
  display: none;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px !important;
  box-sizing: border-box !important;
}

/* ===== MODAL ===== */
#shuk-baldi-modal {
  background: #ffffff !important;
  border-radius: 20px !important;
  padding: 36px 32px 28px !important;
  max-width: 420px !important;
  width: 100% !important;
  position: relative !important;
  direction: rtl !important;
  font-family: 'Rubik','Assistant','Arial Hebrew',Arial,sans-serif !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.25) !important;
  max-height: 90vh !important;
  overflow-y: auto !important;
}

/* ===== CLOSE BUTTON ===== */
#shuk-baldi-close,
.shuk-baldi-modal-close {
  position: absolute !important;
  top: 14px !important;
  left: 14px !important;
  background: #f0f0f0 !important;
  border: none !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  font-size: 15px !important;
  color: #555 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  padding: 0 !important;
  transition: background 0.2s !important;
  box-shadow: none !important;
}
#shuk-baldi-close:hover,
.shuk-baldi-modal-close:hover {
  background: #ddd !important;
  color: #111 !important;
}

/* ===== ICON ===== */
.shuk-baldi-modal-icon {
  text-align: center !important;
  margin-bottom: 10px !important;
}

/* ===== TITLE ===== */
#shuk-baldi-modal h2,
#shuk-baldi-modal .shuk-baldi-modal-title,
#shuk-baldi-modal-title {
  text-align: center !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #1a3d18 !important;
  margin: 0 0 6px 0 !important;
  line-height: 1.3 !important;
}

/* ===== SUBTITLE ===== */
#shuk-baldi-modal p,
#shuk-baldi-modal .shuk-baldi-modal-subtitle {
  text-align: center !important;
  color: #666 !important;
  font-size: 14px !important;
  margin: 0 0 16px 0 !important;
  line-height: 1.5 !important;
}

/* ===== FORM SECTIONS ===== */
#shuk-baldi-modal .shuk-baldi-form-section {
  margin-bottom: 14px !important;
}

/* ===== LABELS ===== */
#shuk-baldi-modal label,
#shuk-baldi-modal .shuk-baldi-label {
  display: block !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #333 !important;
  margin-bottom: 6px !important;
  text-align: right !important;
}

/* ===== INPUTS ===== */
#shuk-baldi-modal input[type="tel"],
#shuk-baldi-modal input[type="text"],
#shuk-baldi-modal input[type="email"],
#shuk-baldi-modal input[type="password"],
#shuk-baldi-modal input[type="date"],
#shuk-baldi-modal .shuk-baldi-input {
  display: block !important;
  width: 100% !important;
  padding: 12px 14px !important;
  border: 2px solid #d8e8d8 !important;
  border-radius: 10px !important;
  font-size: 15px !important;
  color: #222 !important;
  background: #fafffe !important;
  box-sizing: border-box !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
  outline: none !important;
  -webkit-appearance: none !important;
  box-shadow: none !important;
  margin: 0 !important;
  height: auto !important;
}
#shuk-baldi-modal input[type="tel"]:focus,
#shuk-baldi-modal input[type="text"]:focus,
#shuk-baldi-modal input[type="email"]:focus,
#shuk-baldi-modal input[type="password"]:focus,
#shuk-baldi-modal input[type="date"]:focus {
  border-color: #3a7a30 !important;
  box-shadow: 0 0 0 3px rgba(58,122,48,0.12) !important;
  background: #ffffff !important;
  outline: none !important;
}

/* ===== SUCCESS MSG ===== */
#shuk-baldi-modal .shuk-baldi-success-msg,
#shuk-baldi-msg {
  background: #edf7ed !important;
  color: #2d6a27 !important;
  border: 1px solid #b8ddb4 !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  font-size: 13px !important;
  text-align: center !important;
  margin-bottom: 12px !important;
  font-weight: 500 !important;
}

/* ===== ERRORS ===== */
#shuk-baldi-modal .shuk-baldi-error,
#shuk-baldi-error,
#shuk-baldi-reg-error,
#shuk-baldi-email-error,
#shuk-baldi-update-error {
  background: #fff2f2 !important;
  color: #c0392b !important;
  border: 1px solid #f5c6c6 !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  font-size: 13px !important;
  text-align: center !important;
  margin-bottom: 12px !important;
}

/* ===== MAIN BUTTON - HIGH SPECIFICITY + IMPORTANT ===== */
#shuk-baldi-modal button.shuk-baldi-btn,
#shuk-baldi-modal #shuk-baldi-submit-phone,
#shuk-baldi-modal #shuk-baldi-submit-email,
#shuk-baldi-modal #shuk-baldi-submit-register,
#shuk-baldi-modal #shuk-baldi-submit-update,
button#shuk-baldi-submit-phone,
button#shuk-baldi-submit-email,
button#shuk-baldi-submit-register,
button#shuk-baldi-submit-update {
  display: block !important;
  width: 100% !important;
  padding: 14px 20px !important;
  background: #3a7a30 !important;
  background-image: linear-gradient(135deg, #3a7a30 0%, #2d6a27 100%) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 12px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 0.2s !important;
  letter-spacing: 0.3px !important;
  margin-top: 8px !important;
  box-shadow: 0 4px 12px rgba(45,106,39,0.3) !important;
  text-align: center !important;
  text-decoration: none !important;
  min-height: auto !important;
  height: auto !important;
  line-height: 1.4 !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}
#shuk-baldi-modal button.shuk-baldi-btn:hover,
#shuk-baldi-modal #shuk-baldi-submit-phone:hover,
#shuk-baldi-modal #shuk-baldi-submit-email:hover,
#shuk-baldi-modal #shuk-baldi-submit-register:hover,
#shuk-baldi-modal #shuk-baldi-submit-update:hover {
  background: #245520 !important;
  background-image: linear-gradient(135deg, #2d6a27 0%, #245520 100%) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(45,106,39,0.35) !important;
}
#shuk-baldi-modal button:disabled,
button#shuk-baldi-submit-phone:disabled,
button#shuk-baldi-submit-email:disabled,
button#shuk-baldi-submit-register:disabled,
button#shuk-baldi-submit-update:disabled {
  background: #aaa !important;
  background-image: none !important;
  cursor: not-allowed !important;
  transform: none !important;
  box-shadow: none !important;
}

/* ===== LINKS ===== */
#shuk-baldi-modal a,
#shuk-baldi-modal .shuk-baldi-link {
  color: #3a7a30 !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  transition: color 0.2s !important;
}
#shuk-baldi-modal a:hover,
#shuk-baldi-modal .shuk-baldi-link:hover {
  color: #2d6a27 !important;
  text-decoration: underline !important;
}

/* ===== MOBILE ===== */
@media (max-width: 480px) {
  #shuk-baldi-modal {
    padding: 28px 20px 24px !important;
    border-radius: 16px !important;
  }
  #shuk-baldi-modal h2,
  #shuk-baldi-modal-title {
    font-size: 19px !important;
  }
}